@charset "utf-8"; 
.relative { position: relative; }
.fixYd .relative { height: 100%; }
.fixYd { width: 100%; height: 100vh; position: fixed; z-index: 100; background: #000; }
.fixYdA { position: absolute; left:0; top:50%; transform:translateY(-50%); width: 100%; }
.fixYdA .t span { display:inline-block; position: relative; padding-right: 30px; }
.fixYdA .t span i { position: absolute; right:0; bottom: 0; width: 30px; height: 5px; background: #fff; }
.fixYdA .t span i { -webkit-animation:line 0.8s linear 20; }
@keyframes line {
	0% { opacity: 0;}
	20% {opacity: 1;}
	60% {opacity: 1;}
	100% {opacity: 0;}
}


em { font-style:normal; }
.bgBlack { background:#000; }

.yh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

.eh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.sih {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.gundongtiao{
    padding-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}
.gundongtiao::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.gundongtiao::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
    background: #EE3728;
}

.gundongtiao::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .1);
    border-radius: 0;
    background: rgba(24, 86, 166, 0.05);
}

.img100 img { width: 100%; }
.mo { display: none; }
.center { text-align: center; }
.ritorg20 { border-radius: 0 31px 0 0; overflow: hidden; }
.letorg20 { border-radius: 31px 0 0 0; overflow: hidden; }
.letorga20 { border-radius: 0 31px 31px 0; overflow: hidden; }
.ritorga20 { border-radius: 31px 0 0 31px; overflow: hidden; }

.mansnow20 { border-radius: 31px; overflow: hidden; }

.flexcenter{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flexcenter1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.flexcenter2{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.flexcenter3{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.flexcenter4 { display: flex; flex-wrap: wrap; }

.flexcenter5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.leftauto { margin-left: auto; }

@media(max-width:1920px) {
    .ritorg20 { border-radius: 0 22px 0 0;}
    .letorg20 { border-radius: 22px 0 0 0; }
    .letorga20 { border-radius: 0 22px 22px 0; }
    .ritorga20 { border-radius: 22px 0 0 22px; }
    .mansnow20 { border-radius: 22px; }
}

@media(max-width:1100px) {
    .pc { display: none; }
    .mo { display: block; }
    .ritorg20 { border-radius: 15px;}
    .letorg20 { border-radius: 15px; }
    .letorga20 { border-radius: 15px; }
    .ritorga20 { border-radius: 15px; } 
    .mansnow20 { border-radius: 15px; }
}


/**头部**/
.head { position: fixed; z-index: 999; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0 63px; transition: all .5s; top: 0; }
.head .logo a { display: block; padding: 19px 0; }

.head .zong { position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 684px; }
.head .zong ul li { margin-right: 70px; }
.head .zong ul li:last-child { margin-right: 0; }
.head .zong ul li .sub { display: block; color: #fff; line-height: 74.88px; }
.head .zong ul li.bq .sub span { padding-right: 22px; position: relative; }
.head .zong ul li.bq .sub span::before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 5px;
    background: url(../images/sub.svg) no-repeat center center/cover;
}

.head .rigou .goul { margin-right: 40px; }
.head .rigou .goul span { line-height: 1; position: relative; padding: 0 20px 0 22px; display: block; line-height: 73.88px; }
.head .rigou .goul span::before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 5px;
    background: url(../images/sub.svg) no-repeat center center/cover;
}
.head .rigou .goul span::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../images/diqu.svg) no-repeat center center/cover;
}


.head .rigou .goul .xiuela {
    position: absolute;
    backdrop-filter: blur(20px);
    background: rgba(35, 35, 35, 0.8);
    width: 300px;
    left: -40px;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}
.head .rigou .goul .xiuela .iueoa:last-child { margin-top: 35px; }
.head .rigou .goul .xiuela .iwue {
    padding: 40px;
}
.head .rigou .goul .xiuela .iwue .xi {
    line-height: 1;
    color: #999999;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(216, 216, 216, 0.2);
    margin-bottom: 15px;
}

.head .rigou .goul .xiuela .iwue .ix a {
    display: block;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 24px;
    transition: all .5s;
    padding-left: 0;
    overflow: hidden;
}
.head .rigou .goul .xiuela .iwue .ix a::before { position: absolute; left: 0; transition: all .5s; top: 50%; transform: translateY(-50%); content: ""; opacity: 0; width: 6px; height: 13px; background: url(../images/more.svg)no-repeat center center/cover; }

.head .rigou .goul .xiuela .iwue .ix a:hover,
.head .rigou .goul .xiuela .iwue .ix a.cur{ padding-left: 15px; text-decoration: underline; }

.head .rigou .goul .xiuela .iwue .ix a:hover::before,
.head .rigou .goul .xiuela .iwue .ix a.cur::before{ left: 0; opacity: 1; }

.head .rigou .goul .xiuela .iwue .ixa a { line-height: 1; color: #CCCCCC; margin-top: 5px; transition: all .5s; padding-left: 0; }
.head .rigou .goul .xiuela .iwue .ixa a::before { position: absolute; left: 0; transition: all .5s; top: 50%; transform: translateY(-50%); content: ""; opacity: 0; width: 6px; height: 13px; background: url(../images/more.svg)no-repeat center center/cover; }
.head .rigou .goul .xiuela .iwue .ixa a:hover {
    padding-left: 15px; text-decoration: underline; color: #fff;
}
.head .rigou .goul .xiuela .iwue .ixa a:hover,
.head .rigou .goul .xiuela .iwue .ixa a.cur{ padding-left: 15px; text-decoration: underline; }

.head .rigou .goul .xiuela .iwue .ixa a:hover::before,
.head .rigou .goul .xiuela .iwue .ixa a.cur::before{ left: 0; opacity: 1; }



.head .rigou .goul:hover .xiuela {
    height: var(--height);
}

.mobile-menu {
    width: 28px;
    height: 33px;
    position: relative;
    background: none;
    border: none;
    margin-left: 0;
    margin-left: 20px;
}

.menu-i { background: #fff; display: inline-block; }
.menu-i {
    height: 2px;
    right: 0;
    position: absolute;
    border-radius: 1px;
    font-style: normal;
    background-color: #fff;
    display: block;
    transition: all 0.5s;
    border-radius: 2px;
}
.menu-i-1 {
    width: 28px;
    top: 6px;
}
.menu-i-2 {
    width: 20px;
    top: 16px;
}.menu-i-3 {
    width: 28px;
    top: 26px;
}
.mobile-menu-on .menu-i-1 { transform: translateY(10px) rotate(45deg); }
.mobile-menu-on .menu-i-3 { transform: translateY(-10px) rotate(-45deg); }
.mobile-menu-on .menu-i-2 { width: 0; }




.head.fixed-head { background: #000; top: -150px; border-bottom: 0px solid rgba(255, 255, 255, 0); }
.head.fixTop { top: 0; }



@media(max-width:1500px) {
    .head { padding: 0 40px; }
    .head .zong { width: 521px; }
    .head .zong ul li { margin-right: 40px; }
}

@media(max-width:1300px) {
    .head .zong { left: 45%; }
}

@media(max-width:1100px) {
    .head { padding: 0 20px; }
    .head .logo a { padding: 10px 0; }
    .head .logo a img { height: 30px; }
    .head .zong { display: none; }
    .head .rigou .goul { margin-right: 5px; }

    .head .rigou .goul .xiuela { width: 200px; }
    .head .rigou .goul .xiuela .iwue  { padding: 20px; }
    .head .rigou .goul .xiuela { right: -20px; left: auto; }
    .head .rigou .goul span {
      line-height: 49.88px;
    }
    .head .rigou .goul .xiuela .iueoa:last-child { margin-top: 20px }
}


/**首页**/
.xieq { padding-right: 80px; position: relative; display: inline-block; }
.xieq::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; width: 66px; height: 18px; background: url(../images/xieq.svg)no-repeat center center/cover; }

.xieq .te {min-width: 5px;min-height: 33px;overflow: hidden;}
.xieq .p { display: none; }



.linh1 { line-height: 1; }
.linh1d33 { line-height: 1.33; }
.linh1d5 { line-height: 1.5; }
.linh1d23 { line-height: 1.23; }
.linh1d7 { line-height: 1.7; }
.linh1d75 { line-height: 1.75; }
.linh1d66 { line-height: 1.66; }
.linh1d625 { line-height: 1.625; }
.linh1d375 { line-height: 1.375; }


.banner .bg { height: 100vh; }
.banner .text { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.banner .text .xta { height: 72px; }
.banner .text .xtb { margin: 15px 0 35px; letter-spacing: 2px; }

.banner .banner-x .iuio { position: absolute; bottom: 58px; left: var(--left); width: auto; text-align: left;  }
.banner .banner-x .swiper-pagination { position: initial; left: auto; width: 100%; text-align: left; line-height: 0; background: rgba(255, 255, 255, 0.2); line-height: 0; }
.banner .banner-x .swiper-pagination .swiper-pagination-bullet { width: 77.6px; height: 6px; background: none; opacity: 1; border-radius: 0; margin: 0; line-height: 0; border-right: 1px solid rgba(255, 255, 255, 0.5);  }
.banner .banner-x .swiper-pagination .swiper-pagination-bullet:last-child { border-right: none; }
.banner .swiper-pagination-bullet:after { content:''; width: 0; height: 6px; position: absolute; left:0; top:0; border-radius: 0; overflow: hidden; background: rgba(255, 255, 255, 0.5); }
.banner .swiper-pagination-bullet.cur:after {
    -webkit-animation: w100 6s infinite;
    animation: w100 6s infinite;
}

@-webkit-keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}
.banner .banner-x  .iuio .uiu { margin-bottom: 5px; }
.banner .banner-x  .iuio .uiu .xe { font-size: 12px; line-height: 1; color: rgba(255, 255, 255, .5); width: 77.6px; }

.banner .sbuwi { position: absolute; bottom: 58px; right: var(--right); }
.banner .sbuwi .wz { color: #fff; opacity: .6; line-height: 1; padding-right: 18px; }
.banner .sbuwi .wz::before {
    display: inline-block;
    position: absolute;
    content: "";
    right: 0;
    width: 11px;
    height: 11px;
    background: url(../images/enmnsn.svg) no-repeat center center / cover;
    position: absolute;
    animation-name: loop;
    -webkit-animation: haha1e 1s linear infinite;
}

.indexA { padding: 10.15625vw 0 13.2VW; }

.indexA video { height: 100%; object-fit: cover; width: 100%; position: absolute; top: 0; left: 0; }
.indexA .ndexa-right { width: 45%; }
.indexA .ndexa-right .pt { margin: 22px 0 50px; }

.indexA .ndexa-right .exaorj { margin-top: 3.64583vw; }
.indexA .ndexa-right .aor { width: 33.33%; position: relative; padding-left: 12px; }
.indexA .ndexa-right .aor::before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-image: linear-gradient(to top, #000, #fff); content: ""; }
.indexA .ndexa-right .aor .sz { margin-bottom: 15px; }
.indexA .ndexa-right .aor .s { font-size: 70px; line-height: .8; }
.indexA .ndexa-right .aor .z { font-size: 40px; line-height: .8; }

.indexB { margin-top: -1px; }
.indexB .dexb-boot { position: absolute; bottom: 10.15625vw; left: 0; width: 100%; }
.indexB .dexb-boot .nr { margin: 20px 0 40px; }
.indexB .dexb-boot .uiio { display: inline-block; }
.indexB .dexb-boot .uiio a:nth-child(1) {
    padding: 0 40px 0 55px;
    width: 164px;
}
.indexB .dexb-boot .uiio a:nth-child(1)::before {
    padding-left: 55px;
}
.indexB .dexb-boot .uiio a:last-child { margin-left: 10px; }

.indexB .dexb-boot .uiio a:nth-child(1) .after {
    left: 38px;
}

.all5s { transition: all .5s; }

.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 卡片容器：基础定位 */
.glass-login-card {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.6);
  border: 1px solid #fff;
}

.glass-login-card::before {
  position: absolute;
  z-index: 5;
  content: "";
  top: 50%;
  left: 52%;
  width: 23px;
  height: 32px;
  transform: translate(-50%, -50%);
  background: url(../images/card.svg)no-repeat center center/cover;
}

/* 1. 模糊+扭曲层：核心玻璃效果 */
.glass-effect {
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  filter: url(#glass-distortion); /* 调用SVG扭曲滤镜 */
  border-radius: 50%;
}

/* 2. 色调层：淡色叠加，提升质感 */
.glass-tint {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 24px;
}

/* 3. 高光层：边缘反光+内阴影 */
.glass-shine {
  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none; /* 不遮挡点击 */
}

/* 4. 内容层：表单与文字，层级最高 */
.glass-content {
  position: relative;
  z-index: 3;
  padding: 2.5rem;
  color: #fff;
  font-family: 'Arial', sans-serif;
}

/* 表单元素：保持玻璃风格统一 */
.glass-input {
  width: 100%;
  padding: 12px 20px;
  margin-bottom: 1.5rem;
  border: none;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 1rem;
  backdrop-filter: blur(5px);
  transition: all 0.3s ease;
}
.glass-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.glass-input:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

.indexC { margin-top: -1.9px; line-height: 0; }
.indexC video { width: 100%; object-fit: cover; height: 100vh; }
.indexC .dingwe { position: absolute; top: 60%; transform: translateY(-40%); width: 100%; }
.indexC a { display: inline-block; }

.indexC a .wz { margin: 10px 0 40px; }

.indexC a:hover .glass-login-card { transform: scale(.9); }

.hidden { overflow: hidden; }

.indexC a .ndaep {
  opacity:0;
  -webkit-transform:translate3d(0,30px,0);
  transform:translate3d(0,30px,0);
  transition: all 1s;
}
.indexC a.animated .ndaep {
  opacity:1;
  -webkit-transform:none;
  transform:none
}

.indexC a .wz {
  opacity:0;
  -webkit-transform:translate3d(0,30px,0);
  transform:translate3d(0,30px,0);
  transition: all 1s;
}
.indexC a.animated .wz {
  opacity:1;
  -webkit-transform:none;
  transform:none
}


.loaded { overflow: initial; }
.indexD { height: 300vh;  }
.indexD .bg { position: sticky; left: 0; top: 0; height: 100vh; width: 100%; }
.indexD .bg video { width: 100%; object-fit: cover; height: 100vh; }
.indexD .qiehuao { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 50vh; z-index: 2; }
.indexD .qiehuao .huao-a { position: absolute; top: 80%; transform: translateY(-50%); left: 0; width: 100%; transition: all .5s; opacity: 0; z-index:1;}
.indexD .qiehuao .huao-a .pt { margin: 10px 0 43px; }


.indexDFixed .qiehuao .huao1 { opacity: 1; top: 50%; z-index:3; }
.indexDA .qiehuao .huao1 { top: 20%; }
.indexDA .qiehuao .huao2 { opacity: 1; top: 50%; z-index:3; }
.indexDB .qiehuao .huao2 { top: 20%; }
.indexDB .qiehuao .huao3 { top: 50%; opacity: 1; z-index:3; }


.indexD .bg .guansne { position: absolute; left: var(--left); bottom: -32px; opacity: 0; transition: all .5s; z-index: 2; }
.indexD .bg .guansne .sne { cursor: pointer; line-height: 32px; width: 124px; text-align: center; margin-right: 3px; color: #fff; background: rgba(255, 255, 255, 0.1); transition: all .5s; backdrop-filter: blur(20px); }
.indexD .bg .guansne .sne:last-child { margin-right: 0; }
.indexD .bg .guansne .sne.cur { background: #2B60EE; }

.indexDFixed .bg .guansne,
.indexDA .bg .guansne,
.indexDB .bg .guansne { bottom: 66px; opacity: 1; }

.indexD .bg .feilou { position: absolute; top: 140%; left: -36%; transform: translate(-50%, -50%)scale(1.8); width: 85%; transition: all 2s; }
.indexD .bg .feilou img { width: 100%; }

.indexD .bg .feilou3 {
    top: 150%;
    left: 15%;
}


/* 动画触发类：绑定关键帧，时长2s（可调整） */
.indexDFixed .bg .feilou1{

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)scale(.8);
}

.indexDA .bg .feilou1{

  left: 130%;
  top: 0%;
  transform: translate(-50%, -50%)scale(.5);
}
/* 动画触发类：绑定关键帧，时长2s（可调整） */
.indexDFixed .bg .feilou1 {
  animation: indexDFixed 3s ease-in-out 2s infinite; /* 浮动动画：基础动画结束后开始，3秒循环一次 */
}
.indexDA .bg .feilou2 {
  animation: indexDFixed 3s ease-in-out 2s infinite; /* 浮动动画：基础动画结束后开始，3秒循环一次 */
}
.indexDB .bg .feilou3 {
  animation: indexDB 3s ease-in-out 2s infinite; /* 浮动动画：基础动画结束后开始，3秒循环一次 */
}



.indexD .bg .feilou2 { transform: translate(-50%, -50%)scale(1.3); }
.indexDA .bg .feilou2{

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)scale(.8);
}
.indexDB .bg .feilou2{
  left: 80%;
  top: -150%;
  opacity: 0;
  transform: translate(-50%, -50%)scale(.5);
}
.indexDB .bg .feilou1{

  left: 130%;
  top: 0%;
  transform: translate(-50%, -50%)scale(.5);
}


.indexD .bg .feilou3 { transform: translate(-50%, -50%)scale(1.3); }
.indexDB .bg .feilou3{
  opacity: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)scale(.5);
}

.indexD .uanser { position: absolute; right: 0; bottom: -30px; right: var(--right); transition: all .5s; }
.indexD .uanser .nesl { width: 264px; margin-right: 70px; height: 25px; position: relative; }
.indexD .uanser .nesl::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 78px;
    height: 10px;
    transition: all .5s;
    background: url(../images/booe.svg)no-repeat center center/cover;
}
.indexDA .uanser .nesl::before { left: calc(65% - 78px); }
.indexDB .uanser .nesl::before { left: calc(100% - 78px); }
.indexD .uanser .nesl img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.indexD .uanser .nesl .u1 { opacity: 1; }
.indexDA .uanser .nesl .u2 { opacity: 1; }
.indexDB .uanser .nesl .u3 { opacity: 1; }

.indexDB .uanser .nesl .u2,
.indexDB .uanser .nesl .u1 { opacity: 0; }

.indexDA .uanser .nesl .u1,
.indexDA .uanser .nesl .u3 { opacity: 0; }

.indexDFixed .uanser,
.indexDA .uanser,
.indexDB .uanser { bottom: 66px; }


.indexD .uanser .nser .wz { color: #fff; opacity: .6; }
.indexD .uanser .nser .wz { color: #fff; opacity: .6; line-height: 1; padding-right: 18px; }
.indexD .uanser .nser .wz::before {
    display: inline-block;
    position: absolute;
    content: "";
    right: 0;
    width: 11px;
    height: 11px;
    background: url(../images/enmnsn.svg) no-repeat center center / cover;
    position: absolute;
    animation-name: loop;
    -webkit-animation: haha1e 1s linear infinite;
}



.indexE { margin-top: -1px; height: 100vh; position: relative; }
.indexE video { height: 100%; object-fit: cover; width: 100%;  position: absolute; top: 0; left: 0; }
.indexE .kpo { position: absolute; top: 0; width: 100%; height: 100%; padding: 6.14583vw 0 0; }
.indexE .kpo .container { height: 100%; }
.indexE .dexe-top .oiuwe { width: 40%; }
.indexE .dexe-top .oiuwe .pt { margin: 20px 0 34px; }
.indexE .dexe-bottom { position: absolute; bottom: 5vw; right: 0; }
.indexE .dexe-bottom ul li { position: relative; padding-left: 12px; padding-bottom: 2.08333vw; margin-bottom: 2.08333vw; width: 242px; }
.indexE .dexe-bottom ul li:last-child { margin-bottom: 0; }
.indexE .dexe-bottom ul li::before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-image: linear-gradient(to top, rgba(0,0,0,.2), #fff); content: ""; }
.indexE .dexe-bottom ul li .sz .s { font-size: 70px; line-height: .8; }
.indexE .dexe-bottom ul li .sz .z { font-size: 40px; line-height: .8; }
.indexE .dexe-bottom ul li .wz { margin-top: 7px; }

.indexE .dexe-bottom ul li .xz { margin-bottom:8px; }
.indexE .dexe-bottom ul li:nth-child(2) .xz,
.indexE .dexe-bottom ul li:nth-child(3) .xz { display:none; }

.indexF { line-height: 0; }
.indexF video { height: 100vh; object-fit: cover; width: 100%; }
.indexF .dexf-zong { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.indexF .dexf-zong .exb { margin: 20px 0 50px; }
.indexF .dexf-zong .exc a:last-child { margin-left: 20px; }

@-webkit-keyframes haha1e {
    0% {bottom: 10px;opacity: 1;}
    25% {bottom: 5px;opacity: 0.75;}
    50% {bottom: 0px;opacity: 0.5;}
    75% {bottom: -5px;opacity: 0.25;}
    100% {opacity: 0; bottom: -10px;}
}

.footer { background: #0F0F0F; padding: 4.94791vw 0 0; }

.footer .ooter-top .tainer .inerl .nioi .u  { margin-top: 23px; width:103px; }
.footer .ooter-top .tainer .inerl .nioi .u a { display: block; width: 100%; color: #fff; line-height: 1; margin-bottom: 20px; transition: all .5s; position:relative; padding-left:0; transition: all .5s; }
.footer .ooter-top .tainer .inerl .nioi .u a:hover { padding-left:15px; }

.footer .ooter-top .tainer .inerl .nioi .u a::before { position: absolute; left: 0; transition: all .5s; top: 50%; transform: translateY(-50%); content: ""; opacity: 0; width: 6px; height: 13px; background: url(../images/more.svg)no-repeat center center/cover; }

.footer .ooter-top .tainer .inerl .nioi .u a:hover::before { left: 0; opacity: 1; }


.footer .ooter-top .tainer .inerl .nioi .u a:last-child { margin-bottom: 0; }

.footer .ooter-top .tainer .inerl .niio { margin-left: 105px; width: 472px; }
.footer .ooter-top .tainer .inerl .niio .u { margin: 23px 0 23px; line-height: 1; }
.footer .ooter-top .tainer .inerl .niio .uio .io { margin-bottom: 11px; }
.footer .ooter-top .tainer .inerl .niio .uio .io:last-child { margin-bottom: 0; }
.footer .ooter-top .tainer .inerl .niio .uio .io .o { line-height: 1.3; width: 80px; }
.footer .ooter-top .tainer .inerl .niio .uio .io .p { line-height: 1.3; width: calc(100% - 80px); }


.footer .ooter-top .tainer .inerr { width: 236px; margin-left: 105px; }
.footer .ooter-top .tainer .inerr .err { margin-top: 23px; }
.footer .ooter-top .tainer .inerr .err .rr { width: calc(50% - 10px); margin-right: 20px; }
.footer .ooter-top .tainer .inerr .err .rr:last-child { margin-right: 0; }
.footer .ooter-top .tainer .inerr .err .rr .io { line-height: 1.25; margin-top: 10px; }

.footer .ooter-bottom { margin-top: 10.41666vw; padding: 30px 0; border-top:1px solid rgba(56, 56, 56, 0.7); }
.footer .ooter-bottom .erbotl a { display: inline-block; color: #999; }
.footer .ooter-bottom .erbotr a { display: inline-block; color: #999; }

@media(max-width:1900px) {
    .xieq { padding-right: 0; }
    .xieq::before { display: none; width: 3.47368vw; height: 0.94736vw; }

    .indexA .ndexa-right .aor .s { font-size: 3.6vw; }
    .indexA .ndexa-right .aor .z { font-size: 2vw; }
    .indexE .dexe-bottom ul li { width: 12.60416vw; }
    .indexE .dexe-bottom ul li .sz  .s { font-size: 3.6vw; }
    .indexE .dexe-bottom ul li .sz  .z { font-size: 2vw; }

    .banner .text .xta { height: 3.78947vw; }
}

@media(max-width:1500px) {
    .indexE .dexe-bottom ul li { margin-bottom: 30px; }

    .footer .ooter-top .tainer .inerl .niio { width: 350px; margin-left: 40px; }
    .footer .ooter-top .tainer .inerr { margin-left: 40px; }
}

@media(max-width:1100px) {
    .banner .sbuwi .wz { display: none; }
    .banner .text { top: 25%; }
    .banner .text .xtb { margin: 10px 0 20px; }
    
    .xieq { padding-right: 60px; }
    .xieq::before { width: 51px; height: 15px; transform: translateY(0); top: 4px; }

    .xieq .te { min-height: 32px; width: 100%; }

    .banner .text .xta { height: 30px; }
    .banner .banner-x .swiper-pagination .swiper-pagination-bullet { width: 50px; }
    .banner .banner-x .iuio .uiu .xe { width: 50px; }
    .banner .banner-x .iuio { bottom: 25px; }

    .indexA { padding: 40px 0; margin-top: -1px; }
    .indexA .ndexa-right { width: 100%; }
    .indexA .ndexa-right .pt { margin: 10px 0 20px; }

    .indexA .ndexa-right .exaorj { margin-top: 30px; }
    .indexA .ndexa-right .aor { width: 100%; margin-bottom: 15px; }
    .indexA .ndexa-right .aor .sz { margin-bottom: 15px; }
    .indexA .ndexa-right .aor .s { font-size: 28px; }
    .indexA .ndexa-right .aor .z { font-size: 15px; }

    .indexB { margin-top: -1px; }
    .indexB .dexb-boot { bottom: 30px; }
    .indexB .dexb-boot .nr { margin: 10px 0 20px; }

    .indexC .dingwe .icon img { height: 60px; }
    .indexC video { height: 50vh; }
    .indexC a .wz { margin: 10px 0 20px; }


    .glass-login-card { width: 70px; height: 70px; }
    .glass-login-card::before { width: 15px; height: 20px; }

    .indexE .kpo { padding: 50px 0 0; }
    .indexE .dexe-top .oiuwe { width: 100%; }
    .indexE .dexe-top .oiuwe .pt { margin: 10px 0 20px; }
    .indexE .dexe-bottom ul { width: 100%; }
    .indexE .dexe-bottom ul li { position: relative; padding-left: 12px; padding-bottom: 20px; margin-bottom: 15px; width: 112px; }
    .indexE .dexe-bottom ul li:last-child { margin-bottom: 0; }
    .indexE .dexe-bottom ul li .sz .s { font-size: 28px; }
    .indexE .dexe-bottom ul li .sz .z { font-size: 15px; }
    .indexE .dexe-bottom ul li .wz { margin-top: 5px; }

    .indexE  { height: 80vh; }

    .indexF { height: 70vh; }
    .indexF .dexf-zong .exb { margin: 10px 0 20px; }
    .indexF .dexf-zong .exc a:last-child { margin-left: 10px; }

    .footer .ooter-top .logo img { height: 35px; }

    .footer { padding: 40px 0 0; }
    .footer .ooter-top .tainer { width: 100%; margin-top: 20px; }
    .footer .ooter-top .tainer .inerl .nioi { display: none; }
    .footer .ooter-top .tainer .inerl .niio { width: 100%; margin-left: 0; }
    .footer .ooter-top .tainer .inerl .niio .u { margin: 10px 0 20px; }
    .footer .ooter-top .tainer .inerr { width: 100%; margin-left: 0; margin-top: 25px; }
    .footer .ooter-top .tainer .inerr .err { margin-top: 10px; }
    .footer .ooter-bottom { margin-top: 40px; padding: 20px 0; }

    .footer .ooter-bottom .erbotl { width:calc(100% - 58px); }
    .footer .ooter-bottom .erbotr  { margin-top: 0; }

    .indexD .qiehuao { top: 20%; }
    .indexDB .bg .feilou3{
        transform: translate(-50%, -50%)scale(.8);
    }
    @keyframes indexDB {
        0% {
            transform: translate(-50%, -50%) scale(.8); /* 继承最终状态 */
        }
        50% {
            transform: translate(-50%, calc(-50% - 10px)) scale(.8); /* 向上浮动5px（可调整） */
        }
        100% {
            transform: translate(-50%, -50%) scale(.8); /* 回到原位置 */
        }
    }
        
    .indexD .qiehuao .huao-a .pt { margin: 10px 0 20px; }

    .indexD .bg .guansne { left: 0; padding: 0 20px; width: 100%; }
    .indexD .bg .guansne .sne { width: calc(33.33% - 5px); margin-right: 7px; padding: 0; text-align: center; }
    .indexD .uanser { width: 100%; padding: 0 20px; right: 0; }

    .indexD .uanser .nesl { width: 200px; margin-right: 0; }

    .indexDFixed .uanser, .indexDA .uanser, .indexDB .uanser { bottom: 25px; }

    .indexDFixed .bg .feilou1,
    .indexDA .bg .feilou2 { transform: translate(-50%, -50%) scale(1.2); }
    @keyframes indexDFixed {
        0% {
            transform: translate(-50%, -50%) scale(1.2); /* 继承最终状态 */
        }
        50% {
            transform: translate(-50%, calc(-50% - 10px)) scale(1.2); /* 向上浮动5px（可调整） */
        }
        100% {
            transform: translate(-50%, -50%) scale(1.2); /* 回到原位置 */
        }
    }
    
    .indexD .bg .feilou3 {
        top: 140%;
        left: -36%;
    }
    
    .indexDB .bg .feilou3 {
        opacity: 1;
        left: 50%;
        top: 50%;
    
    }
    .indexDA .bg .feilou2 {
        left: 50%;
        top: 50%;
    }
    
    .indexDB .bg .feilou2 {
        left: 130%;
        top: 0%;
    }
    
    .footer .ooter-top .tainer .inerr .err .rr {
            width: calc(50% - 80px);
    }
}


/* 父容器基础样式（必须） */
.banner .bg {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000 !important;
  overflow: hidden; /* 避免图片超出容器 */
}

/* 目标图片初始样式（按你给定的参数） */
.banner .bg img {
  position: absolute;
  left: 75%;          /* 初始左定位75% */
  top: 100%;          /* 初始top100%（底部） */
  width: auto;
  height: 100%;       /* 保持图片高度100% */
  transform: translate(-50%, -50%) scale(1.5); /* 初始放大2.7倍 */
  opacity: 0; 
          /* 初始透明，避免闪烁 */
  /* 叠加两个动画：先执行一次缩放位移，再无限循环浮动 */


}

/* 关键帧：拆分「缩放→位移」两个阶段 */
@keyframes bannerImgStepAnim {
  0% {
    /* 初始状态：放大2.7倍、top100%、透明 */
    left: 75%;
    top: 100%;
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  60% {
    /* 第一阶段结束：缩放到2倍，位置不变，显示图片 */
    left: 75%;
    top: 100%;
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100% {
    /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
    left: 70%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.7);
    opacity: 1;
  }
}

/* 新增：轻微上下浮动关键帧 */
@keyframes bannerImgFloatAnim {
  0% {
    transform: translate(-50%, -50%) scale(.7); /* 继承最终状态 */
  }
  50% {
    transform: translate(-50%, calc(-50% - 3px)) scale(.7); /* 向上浮动5px（可调整） */
  }
  100% {
    transform: translate(-50%, -50%) scale(.7); /* 回到原位置 */
  }
}



/* 动画触发类：绑定关键帧，时长2s（可调整） */
.banner .bg img.banner-img-animate {
  animation: 
    bannerImgStepAnim 1.5s ease-out 0s 1 forwards,  /* 基础动画：2秒执行1次，停在最后一帧 */
    bannerImgFloatAnim 3s ease-in-out 2s infinite; /* 浮动动画：基础动画结束后开始，3秒循环一次 */
}


@media(max-width:1100px) {
    .banner .bg { height: 50vh; display: block; }

    .banner .text .xta, { height: 31px; }
    .typewriter-item { height: 31px !important; }
    /* 目标图片初始样式（按你给定的参数） */
    .banner .bg img {
        position: absolute;
        left: 75%;          /* 初始左定位75% */
        top: 100%;          /* 初始top100%（底部） */
        width: auto;
        height: auto;
        transform: translate(-50%, -50%) scale(2); /* 初始放大2.7倍 */
        opacity: 0;         /* 初始透明，避免闪烁 */

    }
    @keyframes bannerImgStepAnim {
        0% {
            left: 75%;
            top: 100%;
            transform: translate(-50%, -50%) scale(2);
            opacity: 0;
        }
        60% {
            left: 75%;
            top: 100%;
            transform: translate(-50%, -50%) scale(1.5);
            opacity: 1;
        }
        100% {
            left: 50%;
            top: 65%;
            transform: translate(-50%, -50%) scale(.7);
            opacity: 1;
        }
    }

    @keyframes bannerImgFloatAnim {
        0% {
            transform: translate(-50%, -50%) scale(.7); 
        }
        50% {
            transform: translate(-50%, calc(-50% - 3px)) scale(.7);
        }
        100% {
            transform: translate(-50%, -50%) scale(.7);
        }
    }


}


.typewriter-item { height: 72px; }
.typewriter-item span { color: #fff; }
@media(max-width:1900px) {
    .typewriter-item { height: 3.78947vw; }
}


.nybanner { line-height: 0; }
.nybanner video { height: 100vh; object-fit: cover; width: 100%; }


/* 父容器基础样式（必须） */
.nybanner .bg {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; /* 避免图片超出容器 */
}

/* 目标图片初始样式（按你给定的参数） */
.nybanner .bg img {
  position: absolute;
  left: 40%;          /* 初始左定位75% */
  top: 100%;          /* 初始top100%（底部） */
  width: auto;
  height: auto;       /* 保持图片高度100% */
  transform: translate(-50%, -50%) scale(2.7); /* 初始放大2.7倍 */
  opacity: 0;         /* 初始透明，避免闪烁 */
  z-index: 3;
}

.nybanner .text {
    position: absolute;
    top: 22%;
    transform: translateY(-50%);
    left: 0;
    text-align: center;
    padding: 0 5vw;
    width: 100%;
}




/* 关键帧：拆分「缩放→位移」两个阶段 */
@keyframes nybannera {
  0% {
    /* 初始状态：放大2.7倍、top100%、透明 */
    left: 50%;
    top: 150%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
    left: 40%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.6);
    opacity: 1;
  }
}

/* 新增：轻微上下浮动关键帧 */
@keyframes nybannerb {
  0% {
    transform: translate(-50%, -50%) scale(.6); /* 继承最终状态 */
  }
  50% {
    transform: translate(-50%, calc(-50% - 3px)) scale(.6); /* 向上浮动5px（可调整） */
  }
  100% {
    transform: translate(-50%, -50%) scale(.6); /* 回到原位置 */
  }
}


/* 动画触发类：绑定关键帧，时长2s（可调整） */
.nybanner .bg img.banner-img-animate {
  animation: 
    nybannera 2s ease-out 0s 1 forwards, 
    nybannerb 3s ease-in-out 2s infinite;
}

.nybanner .text .xtb { margin-top: 8px; }

@media(max-width:1500px) {
    .nybanner .text { top:27%; }
}

@media(max-width:1100px) {
    .nybanner video { height: 70vh; }
    .nybanner .text {
        padding: 0 20px;
        top: 30%;
    }
    .nybanner .text .xtb { line-height: 1.4; }
        /* 关键帧：拆分「缩放→位移」两个阶段 */
    @keyframes nybannera {
    0% {
        /* 初始状态：放大2.7倍、top100%、透明 */
        left: 50%;
        top: 130%;
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
    100% {
        /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
        left: 50%;
        top: 70%;
        transform: translate(-50%, -50%) scale(.9);
        opacity: 1;
    }
    }

    /* 新增：轻微上下浮动关键帧 */
    @keyframes nybannerb {
    0% {
        transform: translate(-50%, -50%) scale(.9); /* 继承最终状态 */
    }
    50% {
        transform: translate(-50%, calc(-50% - 10px)) scale(.9); /* 向上浮动5px（可调整） */
    }
    100% {
        transform: translate(-50%, -50%) scale(.9); /* 回到原位置 */
    }
    }
}





/**企业新闻**/
.lin1d41 { line-height: 1.41; }

.heibg { background: #000000; }
.bydbanner .img { overflow: hidden; line-height: 0; }
.bydbanner .img video { height: 100vh; object-fit: cover; width: 100%;  }
.bydbanner .bg { height: 100vh; }
.bydbanner.cur .img .pc { -webkit-animation: fa1 5s linear 1; }
@-webkit-keyframes fa1{
	0%{-webkit-transform:scale(1.1);}
	10%{-webkit-transform:scale(1.09);}
	20%{-webkit-transform:scale(1.08);}
	30%{-webkit-transform:scale(1.07);}
	40%{-webkit-transform:scale(1.06);}
	50%{-webkit-transform:scale(1.05);}
	60%{-webkit-transform:scale(1.04);}
	70%{-webkit-transform:scale(1.03);}
	80%{-webkit-transform:scale(1.02);}
	90%{-webkit-transform:scale(1.01);}
	100%{-webkit-transform:scale(1.0);}
}
.bydbanner .text { position: absolute; top: 22%; transform: translateY(-50%); left: 0; width: 100%; }
.bydbanner .text .pt { margin-top: 19px; }


.newsA { padding: 7.03125vw 0 7.29166vw; }
.newsA .ewsa-top .img { width: 66.2%; }
.newsA .ewsa-top .img .bg { width: 100%; height: 100%; transform: scale(1);  transition: all .5s; }
.newsA .ewsa-top .img a { display: block; width: 100%; height: 100%; overflow: hidden; }
.newsA .ewsa-top .img a:hover .bg { transform: scale(1.07); }
.newsA .ewsa-top .wsator { width: 32.45%; background: rgba(255, 255, 255, 0.1); border-left:1px solid rgba(255, 255, 255, 0.2); }
.newsA .ewsa-top .wsator a { display: block; padding: 82px 30px; }
.newsA .ewsa-top .wsator a .toa { line-height: 1; }
.newsA .ewsa-top .wsator a .tob { margin: 12px 0 20px; transition: all .5s; }
/*.newsA .ewsa-top .wsator a:hover .tob { color: #2B60EE; }*/
.newsA .ewsa-top .wsator a .toc { color: #CCCCCC; margin-bottom: 78px; }

.mou { display: inline-block; padding-left: 20px; }
.mou::before {
    position: absolute;
    content: "";
    top: 52%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 13px;
    background: url(../images/more.svg) no-repeat center center / cover;
}

.mou .nwo {
    position: absolute;
    content: "";
    top: 51%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 13px;
    overflow: hidden;
    line-height: 1;
}
.mou .nwo:after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: all .5s;
    width: 22px;
    height: 13px;
    background: url(../images/moreaw.svg) no-repeat center center / cover;
}

.mou:hover .nwo:after {
    right: -16px;
}

.newsA .ewsa-bottom { margin-top: 1.85%; }
.newsA .ewsa-bottom ul li { margin-right: 1.36%; width: 32.42%; margin-bottom: 20px; }
.newsA .ewsa-bottom ul li:nth-child(3n) { margin-right: 0; }
.newsA .ewsa-bottom ul li a { display: block; }
.newsA .ewsa-bottom ul li a .miu { padding-left: 30px; margin-top: 30px; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.newsA .ewsa-bottom ul li a .miu .on { margin-top: 14px; transition: all .5s; }

.newsA .ewsa-bottom ul li .img { overflow: hidden; }
.newsA .ewsa-bottom ul li .img img { transition: all .5s; transform: scale(1); }
.newsA .ewsa-bottom ul li:hover .img img { transform: scale(1.07); }

.newsA .ewsa-bottom ul li:hover a .miu .on { color: #2B60EE; }

.newsA-xi { padding: 0 0 17.60416vw; }

@media(max-width:1900px) {
  .newsA .ewsa-top .wsator a { padding: 4.16666vw 1.5625vw; }
  .newsA .ewsa-top .wsator a .toc { margin-bottom: 4.0625vw; }
  .newsA .ewsa-bottom ul li a .miu { padding-left: 1.5625vw; margin-top: 1.5625vw; }
  .newsA .ewsa-bottom ul li a .miu .on { margin-top: 0.72916vw; }
}

@media(max-width:1500px) {
    .bydbanner .text { top: 30%; }
}

@media(max-width:1100px) {
  .newsA { padding: 40px 0 50px; }
  .newsA-xi { padding: 0 0 50px; }
  .bydbanner .text { top: 30%; }
  .bydbanner .text .pt { margin-top: 10px; }

  .bydbanner .img video { height: 70vh; object-fit: cover;  }
}

@media (max-width:750px) {
  .newsA .ewsa-top .img { width: 100%; }
  .newsA .ewsa-top .wsator { width: 100%; margin-top: 20px; }
  .newsA .ewsa-top .wsator a { padding: 20px; }
  .newsA .ewsa-top .wsator a .tob { margin: 7px 0 12px; }
  .newsA .ewsa-top .wsator a .toc { margin-bottom: 20px; }
  .newsA .ewsa-bottom { margin-top: 25px; }
  .newsA .ewsa-bottom ul li { width: 100%; margin-bottom: 20px; margin-right: 0; }
  .newsA .ewsa-bottom ul li:last-child { margin-bottom: 0; }
  .newsA .ewsa-bottom ul li a .miu { padding-left: 15px; margin-top: 15px; }

  .newsA .marginT60 { margin-top: 35px; }
  
}


/**联系我们**/
.cintactban { position: relative; height: 100vh; background: #000000; }
.cintactban .text { position: absolute; top: 25%; left: 0; transform: translateY(-50%); width: 100%; }

.cintactban .text .bt {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.69) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 16px;
}

.cintactban .diwnen { position: absolute; bottom: 3.90625vw; left: 0; width: 100%; }
.cintactban .diwnen .wnen-top { width: 650px; display: inline-block; }
.cintactban .diwnen .wnen-top .nentoo {  width: calc(33.33% - 7px); padding: 20px 0; margin-right: 10px; background: rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(70px); }
.cintactban .diwnen .wnen-top .nentoo:last-child { margin-right: 0; }
.cintactban .diwnen .wnen-top .nentoo .bo { line-height: 1}
.cintactban .diwnen .wnen-top .nentoo .po { margin: 4px 0 16px; }

.cintactban .diwnen .wnen-bott { width: 566px; display: inline-block; }
.cintactban .diwnen .wnen-bott .bot { line-height: 1; margin: 30px 0 10px; }
.cintactban .diwnen .wnen-bott a { display: inline-block; padding: 20px; text-align: left; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 10px; width: calc(50% - 5px); margin-right: 10px; }
.cintactban .diwnen .wnen-bott a:last-child { margin-right: 0; }
.cintactban .diwnen .wnen-bott a .oe { margin-bottom: 18px; transition: all .5s; }
.cintactban .diwnen .wnen-bott a:hover .oe { color: #2B60EE; }

.cintactban .diwnen .wnen-bott a .mou { line-height: 1; color: #999999; padding-left: 14px; }
.cintactban .diwnen .wnen-bott a .mou::before {
  width: 6px;
  height: 13px;
  background: url(../images/moue.svg)no-repeat center center/cover;
}

.cintactban .owejn { position: absolute; top: 40%; transform: translate(-50%,-50%); left: 50%; width: 100%; transition: all 1.5s; }
.cintactban.cur .owejn { top: 70%; }

.ContactUsA { padding: 33px 0 8.02083vw; }
.ContactUsA .bznwemn { display: inline-block; width: 882px; margin-top: 40px; }
.ContactUsA .bznwemn ul li { width: calc(50% - 5px); margin-right: 10px; margin-bottom: 30px; }
.ContactUsA .bznwemn ul li:nth-child(2n) { margin-right: 0; }
.ContactUsA .bznwemn ul li:last-child { width: 100%; margin-right: 0; margin-bottom: 0; }
.ContactUsA .bznwemn ul li .bt { color: #CCCCCC; text-align: left; line-height: 1; margin-bottom: 8px; }
.ContactUsA .bznwemn ul li .bt sup { color: #3264FF; line-height: 0; margin-top: -5px; margin-left: 3px; vertical-align: middle; display: inline-block; }
.ContactUsA .bznwemn ul li input { background: rgba(255, 255, 255, 0.1); font-size: 14px; color: #CCCCCC; border: 0; height: 50px; padding: 0 20px; border-radius: 3px; }
.ContactUsA .bznwemn ul li textarea { background: rgba(255, 255, 255, 0.1); font-size: 14px; color: #CCCCCC; border: 0; height: 50px; padding: 16px 20px; height: 187px; border-radius: 3px; resize : none; }

.ContactUsA .bznwemn ul li textarea::-webkit-input-placeholder {color: #333333;}
.ContactUsA .bznwemn ul li textarea::-moz-placeholder {color: #333333;}
.ContactUsA .bznwemn ul li textarea:-moz-placeholder {color: #333333;}
.ContactUsA .bznwemn ul li textarea:-ms-input-placeholder {color: #333333;}


.ContactUsA .zcdlA-e { text-align: left; margin-top: 16px; }
.ContactUsA .zcdlA-e .iw { color: #999999; line-height: 1; cursor: pointer; }
.ContactUsA .zcdlA-e .iw span { position: relative; padding-left: 23px; }
.ContactUsA .zcdlA-e .iw span::before { background: url(../images/suwo.svg)no-repeat center center/cover; width: 15px; height: 15px; position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); }
.ContactUsA .zcdlA-e .iw span.cur::before { background: url(../images/suwoa.svg)no-repeat center center/cover; }
.ContactUsA .zcdlA-e .iw a { display: inline-block; color: #3264FF; line-height: 1; }

.ContactUsA button { margin-top: 40px; width: 275px; transition: all .5s; cursor: pointer; background: #3264FF; height: 50px; border-radius: 5px; border: 0; font-size: 16px; color: #FFFFFF; line-height: 40px; }
.ContactUsA button:hover { opacity: .8; }

.ContactUsA .wz { color: #CCCCCC; line-height: 1; margin-top: 22px; }


.diwnen.mb { width: 100%; }
.diwnen.mb .wnen-top { width: 100%; display: inline-block; }
.diwnen.mb .wnen-top .nentoo { width: 100%; margin-bottom: 10px; padding: 20px 0; margin-right: 0; background: rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(70px); }
.diwnen.mb .wnen-top .nentoo:last-child { margin-right: 0; margin-bottom: 0; }
.diwnen.mb .wnen-top .nentoo .bo { line-height: 1}
.diwnen.mb .wnen-top .nentoo .po { margin: 4px 0 16px; }

.diwnen.mb .wnen-bott { width: 100%; display: inline-block; }
.diwnen.mb .wnen-bott .bot { line-height: 1; margin: 30px 0 10px; }
.diwnen.mb .wnen-bott a { display: inline-block; padding: 20px; text-align: left; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(70px); border-radius: 10px; width: 100%; margin-right: 0; margin-bottom: 10px; }
.diwnen.mb .wnen-bott a:last-child { margin-right: 0; }
.diwnen.mb .wnen-bott a .oe { margin-bottom: 18px; transition: all .5s; }
.diwnen.mb .wnen-bott a:hover .oe { color: #2B60EE; }

.diwnen.mb .wnen-bott a .mou { line-height: 1; color: #999999; padding-left: 14px; }
.diwnen.mb .wnen-bott a .mou::before {
  width: 6px;
  height: 13px;
  background: url(../images/moue.svg)no-repeat center center/cover;
}

@media(max-width:1100px) {
  .ContactUsA { padding: 40px 0 50px; }
  .ContactUsA .bznwemn { width: 100%; margin-top: 20px; }
  .ContactUsA .bznwemn ul li { width: 100%; margin-right: 0; margin-bottom: 15px; }
  .ContactUsA .bznwemn ul li input { height: 45px; }
  .ContactUsA .bznwemn ul li textarea { height: 140px; }
  .ContactUsA button { font-size: 15px; height: 40px; }

  .cintactban .diwnen { display: none; }

  .cintactban .text { top: 31%; }
  .cintactban .text .bt { margin-bottom: 7px; }
  .cintactban { height: 70vh; }
  .cintactban .owejn { width: 150%; left: 50%; transform: translate(-50%,-50%); }
}



/**一体化解决方案**/

.ytjiejueA { padding: 7.8125vw 0 9.89583vw; }
.ytjiejueA .jueal { width: calc(50% - 10px); margin-right: 20px; }
.ytjiejueA .jueal:last-child { margin-right: 0; }
.ytjiejueA .jueal .uean { border-left:1px solid rgba(255, 255, 255, 0.2); margin-top: 30px; padding-left: 30px; }
.ytjiejueA .jueal .uean .js { margin: 15px 0 0; }
.ytjiejueA .jueal .uean .pt { line-height: 1.5; color: #CCCCCC; margin-top: 29px; }
.ytjiejueA .jueal .uean .pt ul li { position: relative; padding-left: 18px; }
.ytjiejueA .jueal .uean .pt ul li:before { position: absolute; left: 0; top: 10px; content: ""; width: 6px; height: 6px; background: #CCCCCC; }

.ytjiejueA .jueal .img { overflow: hidden; }
.ytjiejueA .jueal .img img { transition: all .5s; transform: scale(1); }
.ytjiejueA .jueal:hover .img img { transform: scale(1.07); }

.ytjiejueB { padding: 0 0 7.5vw; }
.ytjiejueB .bt { margin-bottom: 40px; }
.ytjiejueB .sanzuoi .uoil { width: 17.12%; }
.ytjiejueB .sanzuoi .uoil .tou { background: linear-gradient(180deg, #434343 0%, #343434 100%); border-radius: 6px; min-height: 70px; }
.ytjiejueB .sanzuoi .uoil .pou { border-radius: 6px; position: relative; padding: 0 40px; margin-top: 2px; }
.ytjiejueB .sanzuoi .uoil .pou::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, #3A3A3A 0%, #2F2F2F 100%);
  opacity: 0.4;
  border-radius: 6px;
}
.ytjiejueB .sanzuoi .uoil .pou .ou {
  position: relative;
  z-index: 2;
  color: #ccc;
  padding: 27px 0;
  line-height: 1.375;
  display: flex; align-items: center; justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.ytjiejueB .sanzuoi .uoil .pou .ou:last-child { border-bottom: 0; }

.ytjiejueB .sanzuoi .uoir { width: 41.1%; }
.ytjiejueB .sanzuoi .uoir .tou {
  background: linear-gradient(180deg, #434343 0%, #343434 100%);
  border-radius: 6px;
  padding: 0 52px;
} 
.ytjiejueB .sanzuoi .uoir .tou .flexcenter4 { height: 100%; }
.ytjiejueB .sanzuoi .uoir .tou .uo { width: 50%; height: 100%; display: flex; align-items: center; color: #CCCCCC; }

.ytjiejueB .sanzuoi .okl { margin-right: .34%; }
.ytjiejueB .sanzuoi .okl:last-child { margin-right: 0; }

.ytjiejueB .sanzuoi .uoir:last-child .tou { background: url(../images/uoirasdas.png)no-repeat center center/cover; }

.ytjiejueB .sanzuoi .uoir .pou {
    border-radius: 6px;
    position: relative;
    padding: 0 52px;
    margin-top: 2px;
}
.ytjiejueB .sanzuoi .uoir .pou::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, #3A3A3A 0%, #2F2F2F 100%);
    opacity: 0.4;
    border-radius: 6px;
}

.ytjiejueB .sanzuoi .uoir .pou .ou {
  position: relative;
  z-index: 2;
  color: #ccc;
  padding: 27px 0;
  line-height: 1.375;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ytjiejueB .sanzuoi .uoir .pou .ou  .flexcenter4 { height: 100%; }

.ytjiejueB .sanzuoi .uoir .pou .ou .u { width: 50%; text-align: left;  display: flex; align-items: center; }

.ytjiejueB .sanzuoi .uoir .pou .ou:last-child { border-bottom: 0; }

.ytjiejueB .sanzuoi .uoir:last-child .pou {
  background: url(../images/uoirasdasa.png)no-repeat center center/cover;
}
.ytjiejueB .sanzuoi .uoir:last-child .pou::before { display: none; }

.ytjiejueB .center a { margin-top: 50px; display: inline-block; position: relative; width: 208px; height: 46px; }
.ytjiejueB .center a::before { backdrop-filter: blur(10px); background: #3264FF; left: 0; top: 0; position: absolute; width: 100%; height: 100%; content: ""; transition: all .5s; }
.ytjiejueB .center a span { position: relative; z-index: 2; line-height: 46px; color: #fff; padding-right: 24px; display: inline-block; }
.ytjiejueB .center a span::before { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 14px; background: url(../images/spanu.svg)no-repeat center center/cover; }

.ytjiejueB .center a:hover:before { opacity: .8; }

@media(max-width:1500px) {
  .ytjiejueA .jueal .uean { padding-left: 20px; margin-top: 20px; }
  .ytjiejueA .jueal .uean .pt { margin-top: 20px; }

  .ytjiejueB .sanzuoi .uoil .pou { padding: 0 25px; }
  .ytjiejueB .sanzuoi .uoir .tou { padding: 0 30px; }
  .ytjiejueB .sanzuoi .uoir .pou { padding: 0 30px; }
  .ytjiejueB .sanzuoi .uoir .pou .ou { padding: 20px 0; }
  .ytjiejueB .sanzuoi .uoil .pou .ou { padding: 20px 0; }
}


@media(max-width:1100px) {
  .ytjiejueA { padding: 40px 0 50px; }
  .ytjiejueA .jueal { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .ytjiejueA .jueal:last-child { margin-right: 0; margin-bottom: 0; }
  .ytjiejueA .jueal .uean { border-left:1px solid rgba(255, 255, 255, 0.2); margin-top: 15px; padding-left: 15px; }
  .ytjiejueA .jueal .uean .js { margin: 10px 0 0; }
  .ytjiejueA .jueal .uean .pt { line-height: 1.5; margin-top: 15px; }
  .ytjiejueA .jueal .uean .pt ul li:before { top: 9px; width: 4px; height: 4px; }

  .ytjiejueB { padding: 0 0 50px; }
  /*.ytjiejueB .sanzuoi .okl { width: 100%; margin-bottom: 10px; }*/
  .ytjiejueB .sanzuoi .uoir .pou .ou .u { padding-right: 20px; }

  .ytjiejueB .bt { margin-bottom: 20px; }
  .ytjiejueB .sanzuoi { overflow-x: scroll; }
  .ytjiejueB .sanzuoi>.flexcenter4 { min-width:1000px; }
  .ytjiejueB .sanzuoi .uoil .pou { padding: 0 15px; }
  .ytjiejueB .sanzuoi .uoir .tou { padding: 0 20px; }
  .ytjiejueB .sanzuoi .uoir .pou { padding: 0 20px; }
  .ytjiejueB .sanzuoi .uoir .pou .ou { padding: 12px 0; }
  .ytjiejueB .sanzuoi .uoil .pou .ou { padding: 12px 0; }

  /*.ytjiejueB .sanzuoi .uoir .pou .ou { height: auto !important; }*/
  /*.ytjiejueB .sanzuoi .uoil .pou .ou { height: auto !important; }*/
  .ytjiejueB .sanzuoi .uoir .pou .ou .u { font-size: 12px; }

  .ytjiejueB .center a { margin-top: 30px; width: 170px; }
}



/**单机**/
.xingkong { background: url(../images/xingkong.jpg)no-repeat center center/cover; }

.danjibanner .bg { height: 100vh; }
.danjibanner .img { overflow: hidden; }
.danjibanner .bg { height: 100vh; }
.danjibanner.cur .img .pc { -webkit-animation: fa1 5s linear 1; }

.danjibanner .text { top: 30%; position: absolute; left: 0; width: 100%; transform: translateY(-50%); }
.danjibanner .text .bt { margin: 10px 0 30px; }

.heaoui { position: fixed; left: 0; top: -70px; transition: all .5s; width: 100%; z-index: 998; }
.heaoui .kasng { border: 1px solid rgba(115, 115, 115, 0.1); background: rgba(55, 55, 55, 0.4); backdrop-filter: blur(40px); border-radius: 10px; padding: 10px 10px 10px 20px; }
.heaoui .kasng .aouil .ogo { padding-right: 20px; }
.heaoui .kasng .aouil .ogo a { display: block; }
.heaoui .kasng .aouil .wz { padding-left: 20px; border-left: 1px solid rgba(216, 216, 216, 0.1); }
.heaoui .kasng .aouil .wz a { display: block; color: #fff; line-height: 1; }

.heaoui .kasng .aouir .uirr a { background: rgba(255, 255, 255, 0.06); padding: 0 14px; border-radius: 6px; height: 36px; line-height: 35px; }
.heaoui .kasng .aouir .uirl ul li { line-height: 1; margin-right: 36px; }
.heaoui .kasng .aouir .uirl ul li a { color: #fff; opacity: .4; line-height: 1; transition: all .5s; }
.heaoui .kasng .aouir .uirl ul li a.ouwi,
.heaoui .kasng .aouir .uirl ul li a:hover { opacity: 1; }

.heaoui.our { top: 20px; }
.heaoui.oue { top: 90px; }

.danjiA { padding: 12.81249vw 0 7.8125vw; }
.danjiA .anial { width: calc(33.33% - 7px); padding: 40px 30px; margin-right: 10px; backdrop-filter: blur(30px); border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1); }
.danjiA .anial:last-child { margin-right: 0; }
.danjiA .anial .img { margin-bottom: 35px; height: 14.6875vw; display: flex; align-items: center; justify-content: center; }
.danjiA .anial .img img { max-width: 90%; transition: all .5s; transform: scale(1); }
.danjiA .anial:hover .img img { transform: scale(1.07); }
.danjiA .anial .pt { margin-top: 10px; }
.danjiA .anial .pt ul li { padding-left: 18px; position: relative; margin-bottom: 6px; }
.danjiA .anial .pt ul li:last-child { margin-bottom: 0; }
.danjiA .anial .pt ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #D8D8D8;
}

.danjiB .bg { height: 100vh; }
.danjiB video { display: none; height: 100%; object-fit: cover; width: 100%; position: absolute; top: 0; left: 0; }
.danjiB .ul { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.danjiB .ul .li { width: 25%; border-right: 1px solid rgba(216, 216, 216, 0.2);  display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0); transition: all .5s; }
.danjiB .ul .li:last-child { border-right: 0; }
.danjiB .ul .li .teul { width: 100%; text-align: center; padding: 0 26px; }
.danjiB .ul .li .teul .ix { color: #CCCCCC; text-align: left; overflow: hidden; transition: all .5s; margin-top: 20px; height: 0; transition: all .5s; }

.danjiB .ul .li .icon { margin-bottom: 30px; }
.danjiB .ul .li .xi { margin: 5px 0 0; }

.danjiB .ul .li:hover { background: rgba(0, 0, 0, .3); }

@media(max-width:1500px) {
  .danjiA .anial { padding: 30px 20px; }
}

@media(max-width:1100px) {
  .heaoui { display: none; }
  .danjiA { padding: 40px 0 50px; }
  .danjibanner .text .bt { margin: 10px 0 20px; }

  .danjiB .bg { height: 1500px; }
  .danjiB .ul .li .icon { margin-bottom: 20px; }
  .danjiB .ul .li { width: 100%; border-bottom: 1px solid rgba(216, 216, 216, 0.2); border-right: 0; min-height: 375px; }
  .danjiB .ul .li:last-child { border-bottom: 0; }
  .danjiB .ul .li .icon img { height: 40px; }
  .danjiB .ul .li .teul .ix { margin-top: 10px; }
}

@media(max-width:750px) {
  .danjiA .anial { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 20px; }
  .danjiA .anial:last-child { margin-right: 0; }
  .danjiA .anial .img { height: auto; margin-bottom: 5px; }
  .danjiA .anial .img img { max-width: 100%; }
  .danjiA .anial .pt ul li:before { width: 5px; height: 5px; top: 8px; }
}


/**新闻详情**/

.flexcenter6 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.newsxq_A { padding: 13.80208vw 0 6.77083vw; }
.newsxq_A .wsxqa_top .sxqal { position: sticky; top: 7vw; width: 25%; }
.newsxq_A .wsxqa_top .sxqal .fh { margin-top: 30px; }
.newsxq_A .wsxqa_top .sxqal .fh a { display: block; line-height: 1; color: #fff; padding-left: 15px; position: relative; }
.newsxq_A .wsxqa_top .sxqal .fh a:before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 13px; background: url(../images/wsxqsd.svg)no-repeat center center/cover; }
.newsxq_A .wsxqa_top .sxqal .xwies .wz { line-height: 1; margin: 7.23958vw 0 0; margin-bottom: 15px; }
.newsxq_A .wsxqa_top .sxqal .xwies .ico a { margin-right: 10px; }
.newsxq_A .wsxqa_top .sxqal .xwies .ico a:last-child { margin-right: 0; }

.newsxq_A .wsxqa_top .sxqar { width: 66.3%; }
.newsxq_A .wsxqa_top .sxqar .qa { line-height: 1; }
.newsxq_A .wsxqa_top .sxqar .qb { margin: 18px 0 40px; }
.newsxq_A .wsxqa_top .sxqar .nro { line-height: 1.875; color: #CCCCCC; }

.newsxq_A .wsxqa_bottom { margin-top: 9.375vw; }
.newsxq_A .wsxqa_bottom .bt { line-height: 1; margin-bottom: 36px; }
.newsxq_A .wsxqa_bottom .opwe ul li { width: calc(33.33% - 14px); margin-right: 20px; }
.newsxq_A .wsxqa_bottom .opwe ul li:last-child { margin-right: 0; }
.newsxq_A .wsxqa_bottom .opwe ul li a { display: block; }
.newsxq_A .wsxqa_bottom .opwe ul li a .tex { margin-top: 30px; padding-left: 30px; border-left:1px solid rgba(255, 255, 255, 0.2); }
.newsxq_A .wsxqa_bottom .opwe ul li a .tex .sz { line-height: 1; }
.newsxq_A .wsxqa_bottom .opwe ul li a .tex .zs { line-height: 1.36; margin-top: 15px; transition: all .5s; }

.newsxq_A .wsxqa_bottom .opwe ul li .img img { transition: all .5s; transform: scale(1); }
.newsxq_A .wsxqa_bottom .opwe ul li:hover .img img { transform: scale(1.07); }
.newsxq_A .wsxqa_bottom .opwe ul li:hover a .tex .zs { color: #2B60EE; }


@media(max-width:1500px) {
  .newsxq_A .wsxqa_top .sxqal { top: 9vw; }
  .newsxq_A .wsxqa_bottom .opwe ul li a .tex { padding-left: 20px; margin-top: 20px; }
}

@media(max-width:1100px) {
  .newsxq_A { overflow: hidden; padding: 80px 0 50px; }
  .newsxq_A .wsxqa_top .sxqal { position: initial; width: 100%; }
  .newsxq_A .wsxqa_top .sxqal .fh { margin-top: 15px; }
  .newsxq_A .wsxqa_top .sxqal .xwies .wz { margin: 25px 0 15px; }
  .newsxq_A .wsxqa_top .sxqar { width: 100%; margin-top: 30px; }
  .newsxq_A .wsxqa_top .sxqar .qb { margin: 10px 0 15px; }

  .newsxq_A .wsxqa_bottom { margin-top: 40px; }
  .newsxq_A .wsxqa_bottom .bt { margin-bottom: 20px; }
  .newsxq_A .wsxqa_bottom .opwe ul li a .tex { padding-left: 15px; margin-top: 15px; }
  .newsxq_A .wsxqa_bottom .opwe ul li { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .newsxq_A .wsxqa_bottom .opwe ul li:last-child { margin-bottom: 0; }
}





/**01-3**/
.nybanner_a { position: relative; }
.nybanner_a .obg { width: 100%; height: 100vh; }
.nybanner_a video { 
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    width: 100%;
    
}
.nybanner_a .text {
    position: absolute;
    top: 23%;
    transform: translateY(-50%);
    left: 0;
    text-align: center;
    padding: 0 5vw;
    width: 100%;
}


/* 目标图片初始样式（按你给定的参数） */
.nybanner_a .bg img {
  position: absolute;
  left: 20%;          /* 初始左定位75% */
  top: 100%;          /* 初始top100%（底部） */
  width: auto;
  height: auto;       /* 保持图片高度100% */
  transform: translate(-50%, -50%) scale(2.7); /* 初始放大2.7倍 */
  opacity: 0;         /* 初始透明，避免闪烁 */
  width: 27.65625vw;
  z-index: 3;
}
.nybanner_a .text .xtb { margin-top: 8px; }



/* 动画触发类：绑定关键帧，时长2s（可调整） */
.nybanner_a .bg img.banner-img-animate {
  animation: 
    nybannerc 2s ease-out 0s 1 forwards, 
    nybannerd 5s ease-in-out 2s infinite;
}



/* 关键帧：拆分「缩放→位移」两个阶段 */
@keyframes nybannerc {
  0% {
    /* 初始状态：放大2.7倍、top100%、透明 */
    left: -10%;
    top: 70%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
    left: 20%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.9);
    opacity: 1;
  }
}

/* 新增：轻微上下浮动关键帧 */
@keyframes nybannerd {
  0% {
    transform: translate(-50%, -50%) scale(.9); /* 继承最终状态 */
  }
  50% {
    transform: translate(-50%, calc(-50% - 3px)) scale(.9); /* 向上浮动5px（可调整） */
  }
  100% {
    transform: translate(-50%, -50%) scale(.9); /* 回到原位置 */
  }
}

@media(max-width:1100px) {
  .nybanner_a .obg  { height: 80vh; }
  .nybanner_a .bg img { width: 60vw; }
  @keyframes nybannerc {
    0% {
      /* 初始状态：放大2.7倍、top100%、透明 */
      left: 0%;
      top: 130%;
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
    100% {
      /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
      left: 35%;
      top: 50%;
      transform: translate(-50%, -50%) scale(.9);
      opacity: 1;
    }
  }
}



/**01-2**/
.nybanner_b .bg img {
  position: absolute;
  left: 20%;          /* 初始左定位75% */
  top: 100%;          /* 初始top100%（底部） */
  width: auto;
  height: auto;       /* 保持图片高度100% */
  transform: translate(-50%, -50%) scale(2.7); /* 初始放大2.7倍 */
  opacity: 0;         /* 初始透明，避免闪烁 */
  width: 22.41666vw;
  z-index: 3;
}

.nybanner_b video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; object-fit: cover; width: 100%;
}

/* 动画触发类：绑定关键帧，时长2s（可调整） */
.nybanner_b .bg img.banner-img-animate {
  animation: 
    nybannere 2s ease-out 0s 1 forwards, 
    nybannerf 5s ease-in-out 2s infinite;
}


/* 关键帧：拆分「缩放→位移」两个阶段 */
@keyframes nybannere {
  0% {
    /* 初始状态：放大2.7倍、top100%、透明 */
    left: 150%;
    top: 130%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
    left: 80%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.9);
    opacity: 1;
  }
}

/* 新增：轻微上下浮动关键帧 */
@keyframes nybannerf {
  0% {
    transform: translate(-50%, -50%) scale(.9); /* 继承最终状态 */
  }
  50% {
    transform: translate(-50%, calc(-50% - 3px)) scale(.9); /* 向上浮动5px（可调整） */
  }
  100% {
    transform: translate(-50%, -50%) scale(.9); /* 回到原位置 */
  }
}

@media(max-width:1100px) {
  .nybanner_b .obg  { height: 70vh; }
  .nybanner_b .bg img { width: 40vw; }
  @keyframes nybannere {
    0% {
      /* 初始状态：放大2.7倍、top100%、透明 */
      left: 150%;
      top: 130%;
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
    100% {
      /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
      left: 75%;
      top: 65%;
      transform: translate(-50%, -50%) scale(.9);
      opacity: 1;
    }
  }
}



/**通讯卫星**/
.txwx_A { height: 400vh; margin-top:-1px; }


.txwx_A .txwxa_styis {
  position: sticky;
  top: 0;
  height: 100vh;
}
.txwx_A .flexcenter6 { width: 100%; height: 100%; }

.txwx_A .styosr { position: absolute; right: 7%; width: 55%; height: 40.625vw; top: 50%; transform: translateY(-50%); }
.txwx_A .styosr img { width: 100%; position: absolute; top: 0; left: 0; transition: all .5s; }
.txwx_A .styosr .we2 { opacity: 0; }


.txwx_A .styosr .we1.aou { opacity: 0; }
.txwx_A .styosr .we2.uoa { opacity: 1; transition: all 1s; }

.txwx_A .styosl { position: absolute; top: 50%; transform: translateY(-50%); width: 32%; left: var(--left); }
.txwx_A .styosl .styosl_top {  opacity: 1; transition: all 1s; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; }
.txwx_A .styosl .styosl_top .bt { line-height: 1.24; }
.txwx_A .styosl .styosl_top .nr { line-height: 1.66; margin-top: 20px; }
.txwx_A .styosl.ouwn .styosl_top {  opacity: 0; transform: translateY(-150%); transition: all .5; }


.txwx_A .styosl .styosl_bottom {  opacity: 0; transition: all 1s; position: absolute; top: 50%; transform: translateY(100%); left: 0; width: 100%; }
.txwx_A .styosl.ouwn .styosl_bottom {  opacity: 1; transform: translateY(-50%); }
.txwx_A .styosl .styosl_bottom .ibpoe { margin-top: 10px; }
.txwx_A .styosl .styosl_bottom .ibpoe .poei { margin-bottom: 35px; }
.txwx_A .styosl .styosl_bottom .ibpoe .poei:last-child { margin-bottom: 0; }
.txwx_A .styosl .styosl_bottom .ibpoe .poei .sz { transition: all .5s; font-size: 42px; color: #fff; opacity: .5; }
.txwx_A .styosl .styosl_bottom .ibpoe .poei.cur .sz { font-size: 52px; opacity: 1; }
.txwx_A .styosl .styosl_bottom .ibpoe .poei .wz { padding-top: 15px; }


.txwx_B { height: 100vh; overflow: hidden; margin-top:-1px; }
.txwx_B .imgew { width: 28.58333vw; position: absolute; top: 35%; right: 8%; transition: all 2s; opacity:0; transform: translateY(-50%); }
.txwx_B.animatede .imgew { top: 22%; right: var(--right); opacity:1; }

.txwx_B::before {
  position: absolute;
  content: "";
  top: 180%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 138.22916vw;
  height: 77.39583vw;
  background: url(../images/dinnnm.png)no-repeat center center/cover;
  transition: all 2s;
}
.txwx_B.animatede::before {
  top: 130%;
}

.txwx_B::after {
  position: absolute;
  content: "";
  bottom: -100%;
  left: 60%;
  transform: translateX(-50%);
  width: 35.52083vw;
  height: 41.77083vw;
  background: url(../images/sjopm.png)no-repeat center center/cover;
  transition: all 2s;
}
.txwx_B.animatede::after {
  bottom: 0%;
}

.txwx_B .tewo { position: absolute; top: 25%; transform: translateY(-50%); left: var(--left); }
.txwx_B .tewo .oiu { margin-top: 10px; line-height: 1.66; }


.txwxin_A .styosr { width: 38.54%; height: 22.625vw; }
.txwxin_A .styosl { width: 23%; }
.txwxin_A .styosl .styosl_bottom .ibpoe .poei .wzo { transition: all .5s; color: #fff; opacity: .3; }
.txwxin_A .styosl .styosl_bottom .ibpoe .poei.cur .wzo { opacity: 1; }
.txwxin_A .styosl .styosl_bottom .ibpoe .poei .sz { margin: 8px 0 18px; opacity: .3; }
.txwxin_A .styosl .styosl_bottom .ibpoe .poei .wnz { line-height: 1.66; color: #fff; opacity: .3; }
.txwxin_A .styosl .styosl_bottom .ibpoe .poei.cur .wnz { opacity: 1; }
.txwxin_A .styosl .styosl_bottom .ibpoe .poei { margin-bottom: 65px; }

.twxinn-B { padding: 5vw 0 11vw; margin-top:-1px; }
.twxinn-B ul li { width: 22.26%; margin-right: .69%; min-height: 34.89583vw; position: relative; transition: all .5s; border-radius: 10px; overflow: hidden; }
.twxinn-B ul li.cur { width: 54.1%; }
.twxinn-B ul li:last-child { margin-right: 0; }
.twxinn-B ul li .bg { position: absolute; width: 100%; height: 100%; transition: all .5s; transform: scale(1); }
.twxinn-B ul li .wz { position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); white-space: nowrap; transition: all .5s;  }
.twxinn-B ul li.cur .wz { left: 45px; transform: translateX(0); }
.twxinn-B ul li.cur .bg { transform: scale(1); }

@media(max-width:1920px) {
  .txwx_B .imgew { width: 26.58vw; }
}

@media(max-width:1900px) {
  .txwx_A .styosl .styosl_bottom .ibpoe .poei .sz { font-size: 2.21052vw; }
  .txwx_A .styosl .styosl_bottom .ibpoe .poei.cur .sz { font-size: 2.73684vw; }
}



@media(max-width:1500px){
  .txwxin_A .styosl { width: 28%; }
  .txwxin_A .styosl .styosl_bottom .ibpoe .poei { margin-bottom: 35px; }
}

@media(max-width:1100px) {
  .txwx_A { overflow: hidden; padding: 40px 0 50px; height: auto; }
  .txwx_A .xwx_top .bt { line-height: 1.24; margin-top: 20px; }
  .txwx_A .xwx_top .nr { line-height: 1.66; margin-top: 10px; }

  .txwx_A .xwx_bottom { margin-top: 35px; }
  .txwx_A .xwx_top .igm,
  .txwx_A .xwx_bottom .igm { padding-right:25%; }
  .txwx_A .xwx_bottom .biw { margin: 15px 0 20px; }
  .txwx_A .xwx_bottom .ibpoew .poeie { margin-bottom: 15px; }
  .txwx_A .xwx_bottom .ibpoew .poeie:last-child { margin-bottom: 0; }
  .txwx_A .xwx_bottom .ibpoew .poeie .szr { color: #fff; opacity: .5; transition: all .5s; }
  .txwx_A .xwx_bottom .ibpoew .poeie.curter .szr { opacity: 1; }
  .txwx_A .xwx_bottom .ibpoew .poeie .wzr { display: block !important; padding: 10px 0 0; }
  .txwx_A .xwx_bottom .ibpoew .poeie .szr { opacity:1; }

  .txwx_B { height:90vh; }
  .txwx_B .tewo { width: 100%; top: 12%; left: 0; padding: 0 4%; }
  .txwx_B.animatede::before { top: 105%; }
  .txwx_B::after {
    width: 103.52083vw;
    height: 116.77083vw;
    background: url(../images/sjopma.png) no-repeat center center / cover;
  }
  .txwx_B .imgew { width: 30vw; top:23%; }
  .txwx_B .imgew { top:65%; }
  .txwx_B.animatede .imgew { top: 34%; }

  .txwx_Amb .ibpoew { margin-top: 25px; }
  .txwx_Amb .xwx_bottom .biw { margin: 2px 0 7px; }
  .txwx_A .xwx_bottom .ibpoew .poeie { margin-bottom: 35px; }

  .twxinn-B ul li { width: 100% !important; margin-bottom: 10px; min-height: auto; }
  .twxinn-B ul li .bg { background: none !important; position: initial; }
  .twxinn-B ul li .wz { bottom: 20px; left: 0%; transform: translateX(0%); padding: 0 20px; }
  .twxinn-B ul li.cur .wz { left: 0px; transform: translateX(0); }

  .twxinn-B { padding: 0 0 50px; } 

}




/**遥控卫星**/
.txwx_Atongxun .styosr { width: 41.7%; height: 33.95833vw; }
.txwx_Atongxun .styosl .styosl_bottom .xud { margin-bottom: 32px; }
.txwx_Atongxun .styosl .styosl_bottom .xud:last-child { margin-bottom: 0; }
.txwx_Atongxun .styosl .styosl_bottom .xud .u { margin-top: 3px; }

.Atongxun-botmwn .gxund { margin-top: 30px; }
.Atongxun-botmwn .xud { margin-bottom: 15px; }
.Atongxun-botmwn .xud:last-child { margin-bottom: 0; }
.Atongxun-botmwn .xud .u { margin-top: 2px; }

.twxinn-Bxinso ul li { width: 14.62%; margin-right: .69%; min-height: 34.89583vw; position: relative; transition: all .5s; border-radius: 10px; overflow: hidden; }
.twxinn-Bxinso ul li.cur { width: 54%; }



/**单机渐显**/
.danjixinA_A { height: 100vh; }
.danjixinA_A .xinaal { position: absolute; z-index: 2; left: var(--left); top: 50%; transform: translateY(-50%); width: 27.61%; }
.danjixinA_A .xinaal .boi { margin: 35px 0 15px; }
.danjixinA_A .xinaal .bio { color: #ccc; line-height: 1.75; }
.danjixinA_A .xinaal .ouwei { margin-top: 53px; }
.danjixinA_A .xinaal .ouwei .wei { margin-bottom: 13px; }
.danjixinA_A .xinaal .ouwei .wei:last-child { margin-bottom: 0; }
.danjixinA_A .xinaal .ouwei .wei .ei { display: inline-block; backdrop-filter: blur(41px); background: rgba(255, 255, 255, 0.1); border-radius: 180px; color: #fff; line-height: 55px; padding: 0 24px 0 50px; position: relative; }
.danjixinA_A .xinaal .ouwei .wei .ei img { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); }
.danjixinA_A .xinaar { position: absolute; top: 50%; transform: translateY(-50%); left: 45%; width: 74.73958vw; height: 42.55208vw; opacity: 0; transition: all 2s; left:0; }

.danjixinA_A .xinaar.fadeInUp { left: 45%; opacity: 1; }
.danjixinA_A .xinaar img { width: 100%; }

.danjixinA_B { height: 100vh; overflow: hidden; position:relative; }
.danjixinA_B:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,.3);
    z-index: 3;
    background: linear-gradient(to left, 
      rgba(0, 0, 0, 1),
      rgba(255, 255, 255, 0) 
    );
}
.danjixinA_B .bou { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 1.5s; transform: scale(1.1); }
.danjixinA_B .bou { position: absolute; width: 100%; height: auto; top: 0; left: 0; transition: all 1.5s; transform: scale(1.1); }
.danjixinA_B.fadeInUp .bou { transform: scale(1); }
.danjixinA_B.fadeInUp .bou video { height: 100%; object-fit: cover; width: 100%; }
.danjixinA_B .xinab-rig { position: absolute; top: 50%; transform: translateY(-50%); right: var(--right); width: 29%; z-index:4; }
.danjixinA_B .xinab-rig .boi { margin: 35px 0 15px; }
.danjixinA_B .xinab-rig .bio { color: #ccc; line-height: 1.75; }
.danjixinA_B .xinab-rig .ouwei { margin-top: 53px; }
.danjixinA_B .xinab-rig .ouwei .wei { margin-bottom: 13px; }
.danjixinA_B .xinab-rig .ouwei .wei:last-child { margin-bottom: 0; }
.danjixinA_B .xinab-rig .ouwei .wei .ei { display: inline-block; backdrop-filter: blur(41px); background: rgba(255, 255, 255, 0.1); border-radius: 180px; color: #fff; line-height: 55px; padding: 0 24px 0 50px; position: relative; }
.danjixinA_B .xinab-rig .ouwei .wei .ei img { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); }

.danjixinA_C { margin-top:-1px; }
.danjixinA_C .xinaar { width: 56.66666vw; height: 54.01041vw; top: 55%; }
.danjixinA_C .xinaar.fadeInUp { top: 55%; opacity:1; }

.danjixinA_D .xinaal { left: auto; right: var(--right); }
.danjixinA_D .xinaar { top: 50%; width: 40.46875vw; height: 26.77083vw; left: 0; }
.danjixinA_D .xinaar.fadeInUp { top: 50%; left: var(--left); }
.danjixinA_D .swiper-container { overflow:hidden; }

.tanwemwn { position: fixed; width: 100%; height: 100%; z-index: 10000000; background: rgba(27, 27, 27, 0.6); backdrop-filter: blur(20px); top: 0; left: 0; display: none; }
.tanwemwn .tanwemwn-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #FFFFFF;
  border-radius: 10px;
  width: 976px;
  padding: 14px 50px 80px;
}
.tanwemwn .tanwemwn-content .close { text-align: right; margin-right: -37px; }
.tanwemwn .tanwemwn-content .close img { cursor: pointer; }
.tanwemwn .tanwemwn-content .suziweo { margin-top: 33px; padding-bottom: 50px; border-bottom: 1px solid #D8D8D8; }
.tanwemwn .tanwemwn-content .suziweo ul { position: relative; }
.tanwemwn .tanwemwn-content .suziweo ul li { position: relative; padding-left: 17px; width:230px; }
.tanwemwn .tanwemwn-content .suziweo ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%) right / 1px 100% no-repeat,#fff;
}
.tanwemwn .tanwemwn-content .suziweo ul li:nth-child(2) { position: absolute; left: 48.5%; transform: translateX(-50%); top: 0; }
.tanwemwn .tanwemwn-content .suziweo ul li:last-child { position: absolute; right: 0; top: 0; }
.tanwemwn .tanwemwn-content .suziweo ul li .sz { margin-bottom: 9px; }
.tanwemwn .tanwemwn-content .suziweo ul li .s { line-height: .8; }
.tanwemwn .tanwemwn-content .suziweo ul li .z { line-height: .8; }
.tanwemwn .tanwemwn-content .suwibs { margin-top: 50px; }
.tanwemwn .tanwemwn-content .ibsl { line-height: 1; }
.tanwemwn .tanwemwn-content .ibsr { line-height: 1; }
.tanwemwn .tanwemwn-content .ibsr sup { margin-top: -5px; display: inline-block; vertical-align: middle; }

@media(max-width:1100px) {
  .danjixinA_A { height: auto; padding-bottom: 40px; }
  .danjixinA_A .xinaal { width: 100%; left: 0; padding: 0 4%; position: relative; transform: translateY(0); }
  .danjixinA_A .xinaar { width: 280px; height: 157px; }
  .danjixinA_A .xinaal .boi { margin: 20px 0 10px; }
  .danjixinA_A .xinaal .ouwei { margin-top: 30px; }
  .danjixinA_A .xinaal .ouwei .wei .ei { font-size: 16px; line-height: 45px; }
  .danjixinA_A .xinaar { top: 60%; }

  .danjixinA_B { padding: 40px 0 50px; height: 50vh; }
  .danjixinA_B .xinab-rig { position: relative; top: 0; transform: translateY(0); width: 100%; left: 0; right: auto; padding: 0 4%; }
  .danjixinA_B .xinab-rig .boi { margin: 20px 0 10px; }
  .danjixinA_B .xinab-rig .ouwei { margin-top: 30px; }
  .danjixinA_B .xinab-rig .ouwei .wei .ei { font-size: 16px; line-height: 45px; }

  .danjixinA_C  { padding: 40px 0 0px; }
  .danjixinA_C .xinaar { position: relative; width: auto; height: auto; top: 0; left: -50%; transform: translateY(0); }
  .danjixinA_A .xinaar.fadeInUp { left: 2%; }
  .danjixinA_B .bou { height:100%; }

  .danjixinA_D { padding: 0 0 50px; }
  .danjixinA_D .xinaar { width: auto; height: auto; top: 0; left: -50%; margin-bottom: 30px; position: relative; transform: translateY(0); }
  .danjixinA_D .xinaar.fadeInUp { top: 0%; left:0; padding:0 var(--left); }

  .tanwemwn .tanwemwn-content { width: calc(100% - 8%); padding: 20px; }
  .tanwemwn .tanwemwn-content .close { margin-right: 0; }
  .tanwemwn .tanwemwn-content .suziweo ul li { width:auto; }
  .tanwemwn .tanwemwn-content .suziweo ul li:nth-child(2) { left: 47%; }
  .tanwemwn .tanwemwn-content .suziweo ul li { padding-left: 10px; }
  .tanwemwn .tanwemwn-content .suziweo { margin-top: 20px; padding-bottom: 25px; }
  .tanwemwn .tanwemwn-content .suwibs { margin-top: 20px; }
}



/**鸿擎优势**/
.youshiwn_A { padding: 7.18749vw 0 13vw; }
.youshiwn_A .shiwna_top .nr { line-height: 1.66; margin-top: 22px; }

.youshiwn_A .shiwna-zon { position: relative; }
.youshiwn_A .shiwna-zon .zonxf { width: 18.69791vw; position: absolute; top: 32%; left: 50%; transform: translate(-50%,-50%); }
.youshiwn_A .shiwna-zon .zonxf .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: 3s; }
.youshiwn_A .shiwna-zon.fadeInUp .zonxf {
  animation: floatUpDown 4s ease-in-out infinite;
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-3px);
  }
}
.youshiwn_A .shiwna-zon.fadeInUp .zonxf .icon { opacity: 1; }

.youshiwn_A .shiwna-zon .huanrao .yanwem { position: absolute; transform: translate(50%,-80%); top: 50%; left: 50%; text-align: center; line-height: 1; opacity: 0; transition: all 2s; }
.youshiwn_A .shiwna-zon .huanrao .yanwem .wz { font-size: 18px; }
.youshiwn_A .shiwna-zon .huanrao .yanwem .yani { width: 81px; height: 11px; background: url(../images/wanwei.svg)no-repeat center center/cover; margin-bottom: 4px; }
.youshiwn_A .shiwna-zon .huanrao .sang .yani { margin-bottom: 0; margin-top: 4px; }

.youshiwn_A .shiwna-zon .huanrao .wem1 { left: 23.8%; top: 36%; } 
.youshiwn_A .shiwna-zon .huanrao .wem2 { left: 12.4%; top: 57.4%; } 
.youshiwn_A .shiwna-zon .huanrao .wem3 { left: 27%; top: 65.8%; } 
.youshiwn_A .shiwna-zon .huanrao .wem4 { left: 48%; top: 59.4%; } 
.youshiwn_A .shiwna-zon .huanrao .wem5 { left: 67.5%; top: 45.5%; } 
.youshiwn_A .shiwna-zon .huanrao .wem6 { left: 74.4%; top: 27.5%; } 
.youshiwn_A .shiwna-zon .huanrao .wem7 { left: 63%; top: 20.2%; } 



.youshiwn_A .shiwna-zon .huanrao .yanwem.cur { opacity: 1; transform: translate(50%,-50%);  }


.youshiwn_B .snasmouuu { margin: -13vw 0 8.85416vw; }
.youshiwn_B .snasmouuu .container { padding: 0; }
.youshiwn_B .snasmouuu .ouuu { 
  border-radius: 13px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(73, 88, 211, 0.2) 0%, rgba(66, 78, 170, 0.2) 98%);
  border: 1px solid #3264FF;
  margin-right: 20px;
  width: calc(50% - 10px);
  padding: 45px 40px 50px;

}
.youshiwn_B .snasmouuu .ouuu:last-child { margin-right: 0; }
.youshiwn_B .snasmouuu .ouuu .u-top { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(235, 240, 255, 0.1); }
.youshiwn_B .snasmouuu .ouuu .u-top .u { margin-top: 17px; }
.youshiwn_B .snasmouuu .ouuu .n-bottom .tozoe { margin-bottom: 25px; }
.youshiwn_B .snasmouuu .ouuu .n-bottom .tozoe:last-child { margin-bottom: 0; }
.youshiwn_B .snasmouuu .ouuu .n-bottom .tozoe .zo { line-height: 1; padding-left: 15px; position: relative; }
.youshiwn_B .snasmouuu .ouuu .n-bottom .tozoe .zo::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #CCCCCC;
}
.youshiwn_B .snasmouuu .ouuu .n-bottom .tozoe .oe { color: #CCCCCC; line-height: 1.5; margin-top: 16px; }


.youshiwn_B { padding: 0 0 15.625vw; position: relative; }
.youshiwn_B .container { position: relative; z-index: 2; }
.youshiwn_B .shiwnz {
  position: absolute;
  width: 100%;
  height: 36vh;
  bottom: 0;
  left: 0;
}
.youshiwn_B .shiwnz::before {
  position: absolute;
  content: "";
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 1s;
  background: url(../images/pcnltu.png)no-repeat center center/cover;
}


.youshiwn_B .shiwnz.fadeInUp:before { bottom: 0; }

.youshiwn_B .container { padding: 0 12.5vw; }
.youshiwn_B .nmiweo { line-height: 1.66; margin: 30px 0 3.64583vw; }
.youshiwn_B .nmiweo p:nth-child(n+2) { margin-top: 22px; }

.youshiwn_B .anweisj ul li { width: 33.33%; margin-top: 66px; position: relative; padding-left: 30px; padding-bottom: 40px; padding-right: 20px; }
.youshiwn_B .anweisj ul li:nth-child(2) { margin-top: 34px; }
.youshiwn_B .anweisj ul li:nth-child(3) { margin-top: 0px; }
.youshiwn_B .anweisj ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, .41) 0%, rgba(0, 0, 0, 0) 100%) right / 1px 100% no-repeat, rgba(255, 255, 255, .1);
}

.youshiwn_B .anweisj ul li .ioe { line-height: 0; }
.youshiwn_B .anweisj ul li .oei { line-height: 1; margin: 25px 0 10px; }
.youshiwn_B .anweisj ul li .eoz p { color: #fff; font-size: 18px; line-height: 1.66; padding-left: 15px; position: relative; }
.youshiwn_B .anweisj ul li .eoz p span { font-size: 23px; font-weight: bold; line-height: 1.3; }

.youshiwn_B .anweisj ul li .eoz p::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  left: 0;
  top: 12px;
  background: #CCCCCC;
}

.youshiwn_C { padding: 50px 0 0; }
.youshiwn_C .swiper-slide .img { overflow: hidden; position:relative; }

.youshiwn_C .swiper-slide .img img {
  transition: transform 1.8s 0s; /* 延迟0秒 */
  transform: scale(1.1);
}


.youshiwn_C .swiper-wrapper .swiper-slide-active .img img {
  transition: transform 1.8s .5s; /* 延迟2秒 */
  transform: scale(1);
}

.youshiwn_C .bt { margin-bottom: 50px; }
.youshiwn_C .wosnnw .text { position: absolute; bottom: 65px; width: 100%; }
.youshiwn_C .wosnnw .text .wnao { display: inline-block; width: 620px; }
.youshiwn_C .wosnnw .text .wnao .br { color: #ccc; text-align: left; line-height: 1.5; margin-top: 18px; }
.youshiwn_C .oiuwen { position: absolute; top: 50%; transform: translateY(-50%); left: var(--left); width: 15px; height: 33px; opacity: 1 !important; transition: all .5s; }
.youshiwn_C .oiuwen::after { display: none; }
.youshiwn_C .swiper-button-next { left: auto; right: var(--left); }
.youshiwn_C .swiper-button-next { background: url(../images/swiper-button-next.svg)no-repeat center center/cover; }
.youshiwn_C .swiper-button-prev { background: url(../images/swiper-button-prev.svg)no-repeat center center/cover; }

.youshiwn_C .swiper-button-next:hover { background: url(../images/swiper-button-nexta.svg)no-repeat center center/cover; }
.youshiwn_C .swiper-button-prev:hover { background: url(../images/swiper-button-preva.svg)no-repeat center center/cover; }
.youshiwn_C .wosnnw .swiper-pagination { position: absolute; top: 40px; line-height: 0; bottom: auto; }
.youshiwn_C .wosnnw .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: rgba(255, 255, 255, 0.3); transition: all .5s; border-radius: 10px; }
.youshiwn_C .wosnnw .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; }

.youshiwn_D { padding: 8.59375vw 0 0; }

.youshiwn_D .shiwnd_top { margin-bottom: 56px; }
.youshiwn_D .shiwnd_top .swiper-container { overflow: hidden; margin-top: 50px; }
.youshiwn_D .shiwnd_top .swiper-container .xt { height: 7px; width: 100%; position: relative; margin-bottom: 20px; }
.youshiwn_D .shiwnd_top .swiper-container .xt::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 1px; transition: all .5s; background: rgba(255, 255, 255, 0.3); }
.youshiwn_D .shiwnd_top .swiper-container .swiper-slide { cursor: pointer; }
.youshiwn_D .shiwnd_top .swiper-container .swiper-slide .xt::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 1px; transition: all .5s; background: rgba(255, 255, 255, 0.3); }
.youshiwn_D .shiwnd_top .swiper-container .swiper-slide-thumb-active .xt::before { height: 7px; background: #fff; }
.youshiwn_D .shiwnd_top .swiper-container .swiper-slide .eno { opacity: .5; transition: all .5s; padding-right: 40px; }
.youshiwn_D .shiwnd_top .swiper-container .swiper-slide .eno .o { line-height: 1.5; margin-top: 20px; color: #CCCCCC; }

.youshiwn_D .shiwnd_top .swiper-container .swiper-slide-thumb-active .eno { opacity: 1; }

.youshiwn_D .shiwnd_bottom .swiper-container { overflow: hidden; }
.youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro { position: absolute; bottom: 55px; width: 100%; }
.youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul li { width: 33.33%; padding: 0 30px; }
.youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, .41) 0%, rgba(0, 0, 0, 0) 100%) right / 1px 100% no-repeat, rgba(255, 255, 255, .1);
}
.youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul li .lia { line-height: 1; }
.youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul li .lib { line-height: 1.5; margin-top: 10px; }

.youshiwn_D .oiuwen { position: absolute; top: 50%; transform: translateY(-50%); left: var(--left); width: 15px; height: 33px; opacity: 1 !important; transition: all .5s; }
.youshiwn_D .oiuwen::after { display: none; }
.youshiwn_D .swiper-button-next { left: auto; right: var(--left); }
.youshiwn_D .swiper-button-next { background: url(../images/swiper-button-next.svg)no-repeat center center/cover; }
.youshiwn_D .swiper-button-prev { background: url(../images/swiper-button-prev.svg)no-repeat center center/cover; }

.youshiwn_D .swiper-button-next:hover { background: url(../images/swiper-button-nexta.svg)no-repeat center center/cover; }
.youshiwn_D .swiper-button-prev:hover { background: url(../images/swiper-button-preva.svg)no-repeat center center/cover; }
.youshiwn_D .shiwnd_bottom .swiper-pagination { position: absolute; top: 40px; line-height: 0; bottom: auto; }
.youshiwn_D .shiwnd_bottom .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: rgba(255, 255, 255, 0.3); transition: all .5s; border-radius: 10px; }
.youshiwn_D .shiwnd_bottom .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; }

.youshiwn_E { padding: 7.13541vw 0; }
.youshiwn_E .bt { margin-bottom: 50px; }
.youshiwn_E .hiwne-bottom ul li { width: calc(33.33% - 13.5px); margin-right: 20px; }
.youshiwn_E .hiwne-bottom ul li:last-child { margin-right: 0; }
.youshiwn_E .hiwne-bottom ul li .img { overflow: hidden; }
.youshiwn_E .hiwne-bottom ul li .img img { transition: all .5s; transform: scale(1); }
.youshiwn_E .hiwne-bottom ul li:hover .img img { transform: scale(1.07); }
.youshiwn_E .hiwne-bottom ul li .text { padding: 0 0 0 30px; margin-top: 30px; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.youshiwn_E .hiwne-bottom ul li .text .poe { color: #ccc; line-height: 1.625; margin-top: 10px; }
.youshiwn_E .hiwne-bottom ul li .text .poe p { position: relative; padding-left: 15px; }
.youshiwn_E .hiwne-bottom ul li .text .poe p:nth-child(n+2) { margin-top: 8px; }
.youshiwn_E .hiwne-bottom ul li .text .poe p::before {
  position: absolute;
  content: "";
  left: 0;
  top: 11px;
  width: 6px;
  height: 6px;
  background: #CCCCCC;
}

.youshiwn_E .hiwne-bottom .swiper-container {
    overflow: hidden;
}

.youshiwn_E .container .swiper-pagination {
    line-height: 0;
    margin-top: 40px;
    position: initial;
}
.youshiwn_E .container .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: rgba(255, 255, 255, 0.3); transition: all .5s; border-radius: 10px; }
.youshiwn_E .container .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; }


@media(max-width:1900px) {
    .youshiwn_B .anweisj ul li .eoz p { font-size:17px; }
    .youshiwn_B .anweisj ul li .eoz p span { font-size: 22px; }
}

@media(max-width:1700px) {
    .youshiwn_B .anweisj ul li .eoz p { font-size:16px; }
    .youshiwn_B .anweisj ul li .eoz p span { font-size: 20px; }
}

@media(max-width:1500px) {
  .youshiwn_B .container { padding: 0 6vw; }

  .youshiwn_A .shiwna-zon .zonxf .icon { width: 6vw; }
  .youshiwn_A .shiwna-zon .huanrao .yanwem .wz { font-size: 16px; }
  .youshiwn_A .shiwna-zon .huanrao .yanwem .yani { width: 60px; height: 8px; }
  .youshiwn_A .shiwna-zon .huanrao .wem2 { left: 12.8%; top: 58%; }
  .youshiwn_A .shiwna-zon .huanrao .wem3 { top: 65.8%; }
  .youshiwn_A .shiwna-zon .huanrao .wem4 { top: 59.8%; }
  .youshiwn_A .shiwna-zon .huanrao .wem6 { left: 75%; }

  .youshiwn_B .anweisj ul li .eoz p { font-size: 16px; }
  .youshiwn_B .anweisj ul li .eoz p span { font-size: 18px; }

  .youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul li { padding: 0 20px; }
}


@media(max-width:1100px) {
  .youshiwn_B .snasmouuu { margin-top: 0; }
  .youshiwn_B .snasmouuu .ouuu { width: 100%; margin-right: 0; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
  .youshiwn_B .snasmouuu .ouuu:last-child { margin-bottom: 0; }
  .youshiwn_B .snasmouuu .ouuu .u-top .u { margin-top: 12px; font-size: 15px; }
  .youshiwn_B .snasmouuu .ouuu .u-top { padding-bottom: 17px; margin-bottom: 17px; }
  .youshiwn_B .snasmouuu .ouuu .n-bottom .tozoe { margin-bottom: 17px; }
  
  .youshiwn_E .container .swiper-pagination  { margin-top:25px; }

  .youshiwn_B .container { padding: 0; }
  .youshiwn_B .anweisj ul li { margin-top: 0 !important; margin-bottom: 20px; width: 100%; margin-right: 0; padding: 0 20px 20px; }
  .youshiwn_B .anweisj ul li:last-child { margin-bottom: 0; }
  .youshiwn_B .nmiweo { margin: 15px 0 27px; }

  .youshiwn_B .anweisj ul li .eoz p { font-size: 14px; }
  .youshiwn_B .anweisj ul li .eoz p span { font-size: 18px; }
  .youshiwn_B .anweisj ul li .oei { margin: 20px 0 5px; }

  .youshiwn_B { padding-bottom: 150px; }
  .youshiwn_B .shiwnz { height: 170px; }

  .youshiwn_A { background: url(../images/youshiwn_Ae.jpg)no-repeat center center/cover !important; padding: 40px 0 50px; }
  .youshiwn_A .shiwna-zon .huanrao .yanwem { display: none; }

  .youshiwn_A .shiwna-zon .huanrao  { margin-top: 20vw; }
  .youshiwn_A .shiwna-zon .huanrao .container { position: relative; }
  .youshiwn_A .shiwna-zon .huanrao .container .img100 { width: 167%; transform: translateX(-50%); left: 50%; position: relative; }
  .youshiwn_A .shiwna-zon .zonxf { width: 68.7vw; top: 21%; }
  .youshiwn_A .shiwna-zon .zonxf .icon { width: 26vw; }

 
  .osuiaebnn .flexcenter4::before { position: absolute; content: ""; left: 0; top: 4.6px; width: 100%; height: 1px; background: rgba(216, 216, 216, .2); }
  
  .kangm-bottom .yanwem {
      width: 25%;
      margin-right: 0 !important;
  }
  .kangm-top {
      margin-top: 20px;
  }
    .kangm-top .yanwem {
      width: 33.33%;
      margin-right: 0 !important;
  }

  .osuiaebnn .yanwem { margin-right: 50px; }
  .osuiaebnn .yanwem:last-child { margin-right: 0; }
  .osuiaebnn .yanwem .e { line-height: 0; margin-bottom: 10px; }

  .youshiwn_C { padding: 40px 0 50px; }
  .youshiwn_C .bt { margin-bottom: 20px; }
  .youshiwn_C .wosnnw { overflow: hidden; }
  .youshiwn_C .wosnnw .text { position: initial; margin-top: 20px; }
  .youshiwn_C .wosnnw .swiper-pagination { top: 20px; }
  .youshiwn_C .wosnnw .text .wnao { width: 100%; }
  .youshiwn_C .wosnnw .text .wnao .br { margin-top: 13px; }
  .youshiwn_C .oiuwen { top: 32%; }
  .youshiwn_C .oiuwen { display: none; }
  .youshiwn_C .wosnnw .swiper-pagination { position: initial; margin-top: 30px; }

  .youshiwn_D { padding: 0 0 50px; }
  .youshiwn_D .shiwnd_top .swiper-container .swiper-slide .eno .o { margin-top: 10px; }
  .youshiwn_D .shiwnd_top .swiper-container .xt { height: 3px; }
  .youshiwn_D .shiwnd_top .swiper-container .swiper-slide-thumb-active .xt::before { height: 3px; }
  .youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro { position: initial; width: 100%; margin-top: 30px; }
  .youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul li { width: 100%; margin-bottom: 20px; }
  .youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul li:last-child { margin-bottom: 0; }


  .youshiwn_D .shiwnd_top .swiper-container { margin-top: 20px; }
  .youshiwn_D .shiwnd_top { margin-bottom: 30px; }
  .youshiwn_D .oiuwen { top:16.5%; width:9px; height:21px; }
  .youshiwn_D .shiwnd_bottom .swiper-pagination { position: initial; margin-top: 30px; }
  .youshiwn_D .shiwnd_bottom .swiper-container .swiper-slide .texro ul { width:100%; }
  
  .youshiwn_E { padding: 0 0 50px; }
  .youshiwn_E .bt { margin-bottom: 20px; }
  .youshiwn_E .hiwne-bottom ul li { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .youshiwn_E .hiwne-bottom ul li:last-child { margin-bottom: 0; }
  .youshiwn_E .hiwne-bottom ul li .text { margin-top: 20px; height: auto !important; padding-left: 20px; }
  
    .youshiwn_B .anweisj ul li .eoz p { font-size:15px; }
}





/**关于我们**/
.guanyubanner { height: 100vh; background: #000; }
.guanyubanner .img { width: 100%; height: 100%; }
.guanyubanner .img::before { position: absolute; content: ""; top: 0%; left: 0; transition: all 2s 1s; opacity:0; width: 100%; height: 100%; background: url(../images/xinglaiwe.jpg)no-repeat top center/cover; }
.guanyubanner .img::after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 3; transition: all .7s; }
.guanyubanner .img .zgui { width: 100%; height: 100%; transition: all .7s; position: relative; z-index: 2; }
.guanyubanner.cur .img:after { background: rgba(0, 0, 0, 0); }
.guanyubanner.cur .img::before { top: -20%; opacity:1; }

.guanyubanner .text { position: absolute; z-index: 4; top: 27%; left: 50%; transform: translate(-50%,-50%); width: 57.18%; }
.guanyubanner .text .pt { text-align: left; line-height: 1.66; margin-top: 13px; }

.aboutus_A .text { position: absolute; top: 50%; transform: translate(-50%,-50%);  left: 50%; text-align: center; }

.aboutus_A .text .fonyonn { font-size: 102px; line-height: 1; margin: 17px 0 20px; height:auto !important; }
.aboutus_A .text .font50 { line-height: 1.34; margin-top: 15px; }
.aboutus_A .texta .ss { line-height: 0; text-align: left; margin-bottom: 20px; }
.aboutus_A .texta .sa { line-height: 0; text-align: right; margin-top: 20px; }
.aboutus_A .texta .od { margin-top: 25px; position:relative; padding-left:45px; display:inline-block; }
.aboutus_A .texta .od:before{
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 2px;
    background: #fff;
    width: 35px;
    background: #fff;
    transform: translateY(-50%);
}
.aboutus_A .swiper-slide .img { overflow: hidden; position:relative; }
.aboutus_A .swiper-slide .img img {
  transition: transform 1.8s 0s; /* 延迟0秒 */
  transform: scale(1.1);
}
.aboutus_A .swiper-wrapper .swiper-slide-active .img img {
  transition: transform 1.8s .5s; /* 延迟2秒 */
  transform: scale(1);
}

.aboutus_A .swiper-slide .img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 2;
}

@media(max-width:1920px) {
    .guanyubanner .img::before { height:130%; }
}

@media(max-width: 800px){
    .guanyubanner .img::before { top: 15%; }
    .guanyubanner.cur .img::before { top: 0%; opacity:1; }
}

.aboutus_A  .swiper-slide .img video { height: 100%; object-fit: cover; width: 100%; }

.aboutus_A .swiper-pagination { position: absolute; left: 50% !important; transform: translateX(-50%); bottom: 54px !important; line-height: 1;  z-index: 2; text-align: center; width: 77% !important; }
.aboutus_A .swiper-pagination .swiper-pagination-bullet { opacity: 1; position: relative; border-radius: 0; background: rgba(255, 255, 255, .3); width: calc(33.33% - 14px); height: 2px; border-radius: 0; overflow: hidden; transition: all .5s; margin: 0 20px 0 0 !important; }
.aboutus_A .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0 !important; }
.aboutus_A .swiper-pagination .swiper-pagination-bullet:after { content:''; width: 0; height: 2px; position: absolute; left:0; top:0; background: #fff; border-radius: 0; overflow: hidden; }
.aboutus_A .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    -webkit-animation: w100 12s infinite;
    animation: w100 12s infinite;
}

.aboutus_B { padding: 10.41666vw 0 7.8125vw; padding:26vh 0; }
.aboutus_B .swiper-container { overflow: hidden; }
.aboutus_B .outusa_top .lbt { position: absolute; left: 0; top: 0; line-height: 1; }
.aboutus_B .outusa_top .swiper_nian .yuel { width: 39%; padding-top: 64px; }
.aboutus_B .outusa_top .swiper_nian .yuel .uea { line-height: 1; margin-top: 94px; }
.aboutus_B .outusa_top .swiper_nian .yuel .uea span { color: #999999; }
.aboutus_B .outusa_top .swiper_nian .yuel .ueb { line-height: 1.22; margin-top: 15px; }

.aboutus_B .outusa_top .swier_ani { position: absolute; bottom: 0; left: 0; font-size: 0; color: rgba(0, 0, 0, 0); z-index: 2; }
.aboutus_B .outusa_top .swier_ani .jt { width: 9px; height: 19px; transition: all .5s; cursor: pointer; }
.aboutus_B .outusa_top .swier_ani .jt.swiper-button-disabled { opacity:.3; }
.aboutus_B .outusa_top .swier_ani .jtl { background: url(../images/jtl.svg)no-repeat center center/cover; margin-right: 90px; }
.aboutus_B .outusa_top .swier_ani .jtr { background: url(../images/jtr.svg)no-repeat center center/cover; margin-left: 90px; }
.aboutus_B .outusa_top .swier_ani .jtl:hover { background: url(../images/jtla.svg)no-repeat center center/cover; }
.aboutus_B .outusa_top .swier_ani .jtr:hover { background: url(../images/jtra.svg)no-repeat center center/cover; }
.aboutus_B .outusa_top .swier_ani .swiper-pagination { position: initial; width: auto; line-height: 0; }
.aboutus_B .outusa_top .swier_ani .swiper-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.3); transition: all .5s; opacity: 1; width: 8px; height: 8px; margin: 0 12px 0 0; border-radius: 10px; }
.aboutus_B .outusa_top .swier_ani .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
.aboutus_B .outusa_top .swier_ani .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; }

.aboutus_B .outusa_top .swiper_nian .yuer { width: 50.7%; padding-right: 74px; padding-bottom: 40px; position: relative; margin-left: auto; }
.aboutus_B .outusa_top .swiper_nian .yuer .img img { width: 100%; }
.aboutus_B .outusa_top .swiper_nian .yuer .sz { position: absolute; bottom: 0; right: 0; font-size: 162px; line-height: .8; color: #2B60EE; }

.aboutus_B .outusa_bottom { text-align: center; line-height: 0; margin-top: 55px; }
.aboutus_B .outusa_bottom::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(216, 216, 216, .2);
  top: 5px;
  
}
.aboutus_B .outusa_bottom .swiper-container { display: inline-block; width: 800px; }
.aboutus_B .outusa_bottom .swiper-container .swiper-slide { cursor: pointer; font-size: 18px; line-height: 1; padding-top: 30px; }
.aboutus_B .outusa_bottom .swiper-container .swiper-slide::before {
  position: absolute;
  content: "";
  width: 0%;
  transition: all .4s;
  height: 10px;
  top: 0;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/slieospo.svg)no-repeat center center/cover;
}
.aboutus_B .outusa_bottom .swiper-container .swiper-slide::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: #999999;
  opacity: 1;
  transition: all .4s;
}

.aboutus_B .outusa_bottom .swiper-container .swiper-slide-thumb-active::before { width: 51%; opacity: 1; }
.aboutus_B .outusa_bottom .swiper-container .swiper-slide-thumb-active::after { opacity: 0; }

.aboutus_B .outusa_bottom .orunj {
    position: absolute;
    top: 12%;
    transform: translateY(-50%);
    width: 9px; 
    height: 19px; 
    transition: all .5s; 
    cursor: pointer;
}

.aboutus_B .outusa_bottom .jol { background: url(../images/jtl.svg)no-repeat center center/cover; left:0; }
.aboutus_B .outusa_bottom .jor { background: url(../images/jtr.svg)no-repeat center center/cover; right:0; }
.aboutus_B .outusa_bottom .jol:hover { background: url(../images/jtla.svg)no-repeat center center/cover; }
.aboutus_B .outusa_bottom .jor:hover { background: url(../images/jtra.svg)no-repeat center center/cover; }

.aboutus_D { padding-bottom: 6.51041vw; }
.aboutus_D .outusd_top { text-align: center; }
.aboutus_D .outusd_top .nwbe { display: inline-block; }
.aboutus_D .outusd_top .nwbe .nwo { line-height: 1.77; margin-top: 26px; }

.aboutus_D .outusd_bottom .suzilunh { display: inline-block; width: 52.287%; }
.aboutus_D .outusd_bottom .suzilunh .sz { line-height: 1; cursor: pointer; padding-left: 13px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 12px; color: #fff; transition: all .5s; opacity: 1; }
.aboutus_D .outusd_bottom .suzilunh .sz::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 7.6px;
  height: 7.6px;
  background: #fff;
}
.aboutus_D .outusd_bottom .suzilunh .se1 { top: 30%; left: 44.6%; }
.aboutus_D .outusd_bottom .suzilunh .se2 { top: 85.2%; left: 27.2%; }
.aboutus_D .outusd_bottom .suzilunh .se3 { top: 48.4%; left: 67.2%; }
.aboutus_D .outusd_bottom .suzilunh .se4 { top: 15.2%; left: 75.1%; }

.aboutus_D .outusd_bottom .tusdbl { width: 22%; position: absolute; top: 50%; text-align: left; transform: translateY(-50%); left: 0; z-index: 2; }
.aboutus_D .outusd_bottom .tusdbl .sdb { border-top:1px solid rgba(255, 255, 255, 0.2); padding: 30px 0; transition: all .5s; cursor: pointer; }
.aboutus_D .outusd_bottom .tusdbl .sdb .sz { color: #fff; line-height: 1; position: relative; transition: all .5s; opacity: .5; padding-left: 13px; font-size: 12px; }
.aboutus_D .outusd_bottom .tusdbl .sdb .sz::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 7.6px;
  height: 7.6px;
  background: #fff;
}

.aboutus_D .outusd_bottom .tusdbl .sdb .zs { color: #fff; line-height: 1; margin-top: 12px; opacity: .5; transition: all .5s; }
.aboutus_D .outusd_bottom .tusdbl .sdb .xz { color: #fff; opacity: .5; line-height: 1.25; margin-top: 10px; transition: all .5s; }

.aboutus_D .outusd_bottom .leftauto { right: 0; left: auto; }

.aboutus_D .outusd_bottom .suzilunh .sz.sz-hidden { opacity: 0; }

.aboutus_D .outusd_bottom .tusdbl .sdb.sdb-active { border-top:1px solid rgba(255, 255, 255, 1); }
.aboutus_D .outusd_bottom .tusdbl .sdb.sdb-active .zs,
.aboutus_D .outusd_bottom .tusdbl .sdb.sdb-active .xz { opacity: 1; }

@-webkit-keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes w100 {
    0% { width: 0; }
    100% { width: 100%; }
}

.aboutus_F { height: 100vh; position: relative; }
.aboutus_F .bgd { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.aboutus_F .bg { width: 100%; height: 100%; transition: transform 1.8s 0s; transform: scale(1.1);}

.aboutus_F .animated .bg {
  transition: transform 1.8s .2s; /* 延迟2秒 */
  transform: scale(1);
}
.aboutus_F .text { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.aboutus_F .text .bt { line-height: 1.24; }
.aboutus_F .text .pt { line-height: 1.94; margin: 20px 0 50px; }
.aboutus_F .text .anwe { display: inline-block; margin-bottom: 30px; }
.aboutus_F .text .anwe a { backdrop-filter: blur(10px);  }
.aboutus_F .text .anwe a:last-child { margin-left: 10px; }


.fp-viewing-footerl .header{background: #fff;}
.fp-overflow{overflow-y: hidden !important;}
.fancybox-button--zoom,
.fancybox-infobar,
.fancybox-button--thumbs,
.fancybox-navigation{display: none !important;}
.footerss {
    height: auto !important;
}
.compensate-for-scrollbar {
  margin-right: 0 !important; 
}

.aboutus_E { background: #000; padding: 80px 0 10.3125vw; overflow: hidden; } 
.aboutus_E .outus_top { margin-bottom: 40px; }
.aboutus_E .outus_top .nwe { margin-left: auto; }
.aboutus_E .outus_top .nwe .swier_uwei .jt { width: 9px; height: 19px; transition: all .5s; cursor: pointer; }
.aboutus_E .outus_top .nwe .swier_uwei .jtl { background: url(../images/jtl.svg)no-repeat center center/cover; margin-right: 60px; }
.aboutus_E .outus_top .nwe .swier_uwei .jtr { background: url(../images/jtr.svg)no-repeat center center/cover; margin-left: 60px; }
.aboutus_E .outus_top .nwe .swier_uwei .jtl:hover { background: url(../images/jtla.svg)no-repeat center center/cover; }
.aboutus_E .outus_top .nwe .swier_uwei .jtr:hover { background: url(../images/jtra.svg)no-repeat center center/cover; }
.aboutus_E .outus_top .nwe .swier_uwei .swiper-pagination { position: initial; width: auto; line-height: 0; }
.aboutus_E .outus_top .nwe .swier_uwei .swiper-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.3); transition: all .5s; opacity: 1; width: 8px; height: 8px; margin: 0 12px 0 0; border-radius: 10px; }
.aboutus_E .outus_top .nwe .swier_uwei .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
.aboutus_E .outus_top .nwe .swier_uwei .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; }

.aboutus_E .outus_bottom { padding: 0 var(--left); }
.aboutusE_swiper { width: 100%; }
.aboutusE_swiper .swiper-slide { background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 30px 30px; opacity: 1; transition: all .5s; border:1px solid rgba(255, 255, 255, 0.1); }
.aboutusE_swiper .swiper-slide:hover { border:1px solid #DBC289; }
.aboutusE_swiper .swiper-slide .icon { border-bottom:1px solid rgba(255, 255, 255, 0.1); padding-bottom: 60px; min-height:107px; }
.aboutusE_swiper .swiper-slide .icon img { max-height: 30px; }
.aboutusE_swiper .swiper-slide .text .c { line-height: 1; margin-top: 30px; }
.aboutusE_swiper .swiper-slide .text .e { color: #fff; transition: all .5s; line-height: 1.27; margin-top: 10px; min-height:80px; }

.aboutusE_swiper .swiper-slide .text .o { color: #fff; margin-top: 24px; transition: all .5s; }

.aboutusE_swiper .swiper-slide .ckan { margin-top: 80px; line-height: 1; color: #666666; padding-left: 30px; position: relative; } 
.aboutusE_swiper .swiper-slide .ckan::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 14px; background: url(../images/ckan.svg)no-repeat center center/cover; }

.aboutusE_swiper .swiper-slide-prev { opacity: .3; }
.aboutusE_swiper .swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide { opacity: .3; }

.aboutus_E .swiper-pagination-bullet { background: #fff; }

.aboutusE_swiper .swiper-slide-active .text .e { color: #DBC289; }
.aboutusE_swiper .swiper-slide-active + .swiper-slide .text .e { color: #DBC289; }
.aboutusE_swiper .swiper-slide-active + .swiper-slide + .swiper-slide .text .e { color: #DBC289; }
.aboutusE_swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .text .e { color: #DBC289; }

.aboutusE_swiper .swiper-slide-active .text .o { color: #DBC289; }
.aboutusE_swiper .swiper-slide-active + .swiper-slide .text .o { color: #DBC289; }
.aboutusE_swiper .swiper-slide-active + .swiper-slide + .swiper-slide .text .o { color: #DBC289; }
.aboutusE_swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .text .o { color: #DBC289; }

.aboutus_G { height: 100vh; }
.aboutus_G { height: 100vh; position: relative; }
.aboutus_G .bgd { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.aboutus_G .bg { width: 100%; height: 100%; transition: transform 1.8s 0s; transform: scale(1.1);}
.aboutus_G .animated .bg {
  transition: transform 1.8s .2s; /* 延迟2秒 */
  transform: scale(1);
}

.aboutus_G .text { position: absolute; top: 20%; width: 100%; left: 0; transform: translateY(-50%); }
.aboutus_G .text .asonw { color: #fff; line-height: 1.9; margin-top: 20px; }

@media(max-width:1900px) {
  .aboutus_A .text .fonyonn { font-size: 5.36842vw; }

  .aboutus_B .outusa_top .swiper_nian .yuer { padding-right: 3.85416vw; padding-bottom: 2.08333vw; }
  .aboutus_B .outusa_top .swiper_nian .yuer .sz { font-size: 8.4375vw; }
  .aboutus_B .outusa_top .swiper_nian .yuel .uea { margin-top: 4.89583vw; }
  .aboutus_B .outusa_top .swiper_nian .yuel { padding-top: 3.33333vw; }
}

@media(max-width:1600px) {
  .aboutus_A .swiper-pagination { width: 80% !important; }
}

@media(max-width:1400px) {
  .aboutus_A .swiper-pagination { width: 88% !important; }
  
  .aboutusE_swiper .swiper-slide .icon { padding-bottom: 40px; }
  .aboutusE_swiper .swiper-slide .icon { min-height:50px; }
}

@media(max-width:1100px) {
  .guanyubanner { height: 100vh; }
  .guanyubanner .text { width: 100%; }
  .guanyubanner .img .zgui { position: absolute; left: 0; height: 88%; width: 100%; bottom: 0; top: auto; }

  .aboutus_A .text { width: 100%; padding: 0 4%; }
  .aboutus_A .text br { display: none; }
  .aboutus_A .text .fonyonn { font-size: 30px; margin: 10px 0 15px; }
  .aboutus_A .texta .ss { margin-bottom: 10px; }
  .aboutus_A .texta .sa { margin-top: 10px; }
  .aboutus_A .texta .od { margin-top: 10px; }

  .aboutus_A .swiper-pagination { bottom: 20px !important; width: 92% !important; }

  .aboutus_B { padding: 40px 0 50px; }
  .aboutus_B .outusa_top .lbt { position: initial; }
  .aboutus_B .outusa_top .swiper_nian .yuel { width: 100%; padding-top: 0; }
  .aboutus_B .outusa_top .swiper_nian .yuel .uea { margin-top: 20px; }
  .aboutus_B .outusa_top .swiper_nian .yuer { width: 100%; margin-top: 30px; }
  .aboutus_B .outusa_top .swiper_nian .yuer { padding-right: 17px; padding-bottom: 10px; }
  .aboutus_B .outusa_top .swiper_nian .yuer .sz { font-size: 32px; }
  .aboutus_B .outusa_top .swier_ani { position: initial; margin-top: 30px; }

  .aboutus_B .outusa_bottom .swiper-container { width: 100%; }
  .aboutus_B .outusa_bottom { margin-top: 45px; }

  .aboutus_D { padding: 0 0 50px; }
  .aboutus_D .outusd_bottom { margin-top: 15px; }
  .aboutus_D .outusd_bottom .suzilunh { width: 100%; }
  .aboutus_D .outusd_bottom .tusdbl { position: initial; transform: translateY(0); width: 100%; }
  .aboutus_D .outusd_top .nwbe .nwo { margin-top: 10px; }
  .aboutus_D .outusd_top .nwbe .nwo br { display: none; }
  .aboutus_D .outusd_bottom .tusdbl .sdb { padding: 15px 0; }

  .aboutus_F { height: 70vh; }
  .aboutus_F .text .pt { margin: 10px 0 20px; }

  .aboutus_E { padding: 0 0 50px; }
  .aboutus_E .outus_top { margin-bottom: 20px; }
  .aboutus_E .outus_top .nwe .swier_uwei .swiper-pagination { display: none; }
  .aboutus_E .outus_top .nwe .swier_uwei .jtl { margin-right: 20px; }
  .aboutus_E .outus_top .nwe .swier_uwei .jtr { margin-left: 20px; }
  .swiper-backface-hidden .swiper-slide { padding: 0; }
  
  .youshiwn_D .shiwnd_bottom {
      padding: 0 20px;
  }


  .aboutusE_swiper .swiper-slide .icon { padding-bottom: 30px; }
  .aboutusE_swiper .swiper-slide .icon img { max-height: 30px; }
  .aboutusE_swiper .swiper-slide .text .o { margin-top: 17px; }
  .aboutusE_swiper .swiper-slide .ckan { margin-top: 50px; }

  .aboutus_G { height: 70vh; }
  .aboutus_G .text { top: 25%; }
  .aboutus_G .text .asonw { font-size: 15px; margin-top: 15px; }
  
  .aboutus_B .outusa_top .swier_ani .jtr {
      margin-left: auto;
  }
  
  .aboutus_B .outusa_top .swier_ani .swiper-pagination {
      position: absolute;
      left: 52%;
     transform: translateX(-50%);
  }
}



/**画廊**/
.gallery_A { height: 100vh; position: relative; }
.gallery_A .lleryA-top { position: absolute; left: 50%; top: 30%; transform: translate(-50%,-50%); }
.gallery_A .lleryA-top .eryaito { margin-top: 20px; }

.gallery_A .lleryA-top .eryaito ul li { margin-right: 3px;  }
.gallery_A .lleryA-top .eryaito ul li:last-child { margin-right: 0; }
.gallery_A .lleryA-top .eryaito ul li a { display: inline-block; color: #fff; padding: 0 24px; line-height: 30px; background: rgba(255, 255, 255, 0.1); transition: all .5s; }
.gallery_A .lleryA-top .eryaito ul li.cur a { background: #0B145F; }



.gallery_A .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.gallery_A .bg .be { width: 100%; height: 100%; transform: scale(1.1); transition: all 1s; }
.gallery_A .bg .be video {
    height: 100vh; object-fit: cover; width: 100%; 
}
.gallery_A.cur .bg .be { transform: scale(1); }

.gallery_B { margin-top: -53vh; position: relative; padding: 0 0 11.5625vw; }
.gallery_B ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列，每列等比 */
  grid-auto-rows: auto; /* 行高自适应 */
  gap: 10px;
}
.gallery_B ul li { position: relative; height: 15.52083vw; }
/* 第1个li：占第1列，跨2行 */
.gallery_B ul li:nth-child(1) {
  grid-column: 1 / 3; /* 列：从第1列到第3列（占2列） */
  grid-row: 1 / 3;    /* 行：从第1行到第3行（占2行） */
  width: auto; /* 取消之前的固定宽度 */
  height: 31.5625vw;
}

/* 第2、3个li：放在第1行的3、4列 */
.gallery_B ul li:nth-child(2) {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  width: auto;
}
.gallery_B ul li:nth-child(3) {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
  width: auto;
}

/* 第4、5个li：放在第2行的3、4列（即右上角俩的下面） */
.gallery_B ul li:nth-child(4) {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  width: auto;
}
.gallery_B ul li:nth-child(5) {
  grid-column: 4 / 5;
  grid-row: 2 / 3;
  width: auto;
}

/* 第6个li：第3行，第1列（左1） */
.gallery_B ul li:nth-child(6) {
  grid-column: 1 / 2; /* 占第1列 */
  grid-row: 3 / 4;    /* 第3行 */
  width: auto;
}

/* 第7个li：第3行，第2列（左2） */
.gallery_B ul li:nth-child(7) {
  grid-column: 2 / 3; /* 占第2列 */
  grid-row: 3 / 4;    /* 第3行 */
  width: auto;
}

/* 第8个li：第3行，第3-4列（右1，占2列） */
.gallery_B ul li:nth-child(8) {
  grid-column: 3 / 5; /* 占第3-4列（2列宽度） */
  grid-row: 3 / 4;    /* 第3行 */
  width: auto;
}

/* 第9个li：第4行，左半区占2列（大的） */
.gallery_B ul li:nth-child(9) {
  grid-column: 1 / 3; /* 占第1-2列（2列宽度，大的在左） */
  grid-row: 4 / 5;    /* 第4行（结束列要比起始列大1，比如4/5表示第4行） */
  width: auto;
  height: 298px; /* 和6-8保持同高度 */
}

/* 第10个li：第4行，右1列（第3列） */
.gallery_B ul li:nth-child(10) {
  grid-column: 3 / 4; /* 占第3列（小数值在前） */
  grid-row: 4 / 5;    /* 第4行 */
  width: auto;
  height: 298px;
}

/* 第11个li：第4行，右2列（第4列） */
.gallery_B ul li:nth-child(11) {
  grid-column: 4 / 5; /* 占第4列 */
  grid-row: 4 / 5;    /* 第4行 */
  width: auto;
  height: 298px;
}

/* 第12个li：第5行，第1列 */
.gallery_B ul li:nth-child(12) {
  grid-column: 1 / 2; /* 占第1列 */
  grid-row: 5 / 6;    /* 第5行（结束行比起始行大1） */
  width: auto;
  height: 298px; /* 可根据需求调整高度，和前面保持一致也可 */
}

/* 第13个li：第5行，第2列 */
.gallery_B ul li:nth-child(13) {
  grid-column: 2 / 3; /* 占第2列 */
  grid-row: 5 / 6;    /* 第5行 */
  width: auto;
  height: 298px;
}

/* 第14个li：第5行，第3列 */
.gallery_B ul li:nth-child(14) {
  grid-column: 3 / 4; /* 占第3列 */
  grid-row: 5 / 6;    /* 第5行 */
  width: auto;
  height: 298px;
}

/* 第15个li：第5行，第4列 */
.gallery_B ul li:nth-child(15) {
  grid-column: 4 / 5; /* 占第4列 */
  grid-row: 5 / 6;    /* 第5行 */
  width: auto;
  height: 298px;
}


.gallery_B .img { height: 100%; position: relative; overflow: hidden; }
.gallery_B .img.img100 img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1); /* 垂直水平居中 */
  width: 100%; /* 宽度铺满容器 */
  height: auto; /* 高度自适应（避免变形） */
  min-height: 100%; /* 确保高度至少覆盖容器，不足则拉伸（可选） */
  object-fit: cover; /* 关键：裁剪图片，保持比例且填满容器（替代overflow也可） */
}






.gallery_B ul li .tex { position: absolute; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); opacity: 0; transition: all .5s; }
.gallery_B ul li .tex .x { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 30px ; line-height: 1; bottom: 28px; }

.gallery_B ul li:hover .tex { opacity: 1; }
.gallery_B ul li .img { overflow: hidden; }
.gallery_B ul li .img img {  transition: all .5s; }
.gallery_B ul li:hover .img img { transform: translateX(-50%) scale(1.07); }


.gallery_B .more { background: rgba(255, 255, 255, 0.1); gap: 10px; }

.tanweos_huo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);  z-index: 1000000; overflow: hidden; display: none; }
.tanweos_huo .huozi { width: 100%; height: 100%; position: relative; backdrop-filter: blur(70px); }
.tanweos_huo .colse { position: absolute; right: 36px; top: 30px; width: 22px; height: 22px; background: url(../images/colse.svg)no-repeat center center/cover; cursor: pointer; }

.tanweos_huo .weos_huo { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; max-height: 70%; overflow: hidden; }
.tanweos_huo .weos_huo img { width: 100%; }
.tanweos_huo .wzo { position: absolute; color: #fff; bottom: 37px; padding: 0 4%; width: 100%; text-align: center; }

.woweun { overflow: initial; }

.newsxq_oui .wsxqa_top .sxqar ul { list-style: disc; margin-left: 20px; }
.newsxq_oui .wsxqa_top .sxqar ul li { list-style: initial; }

@media(max-width:1500px) {
  .gallery_B ul li .tex .x { padding: 0 20px; bottom: 20px; }
}


@media(max-width:1100px) {
  .gallery_A .lleryA-top { top: 14vh; }
  .gallery_A .lleryA-top { width: 100%; padding: 0 20px; }
  .gallery_A .lleryA-top .eryaito { margin-top: 13px; }
  .gallery_A .lleryA-top .eryaito ul li { margin-right: 10px; width: calc(20% - 8px); }
  .gallery_A .lleryA-top .eryaito ul li a { padding: 0; width: 100%; }
  .gallery_A .lleryA-top .eryaito ul li:nth-child(5n) { margin-right: 0; }

  .gallery_B { margin-top: -78vh; padding-bottom: 50px; }

  .gallery_B ul li { width: 100%; height: auto !important; margin-bottom: 10px; }
  .gallery_B ul li:last-child { margin-bottom: 0; }
  .gallery_B .img.img100 img { position: relative; }
  .gallery_B ul { display: block; }

  .tanweos_huo .weos_huo { width: 80%; }

  .tanweos_huo .colse { right: 20px; top: 20px; }
}


.silingsi { height: 100vh; }
.silingsi .teowok { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; }
.silingsi .teowok .wo { margin:5vw 0 50px; }

.silingsi .teowok .img .wkaos:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 27.60416vw;
    height: 12.39583vw;
    background: url(../images/wkaos.svg)no-repeat center center/cover;
}

.silingsi .teowok .img .wkaos .wk { margin-top:5px; }

@media(max-width:1100px) {
  .silingsi .teowok { padding: 0 6%; }
  .silingsi .teowok img { width: 100%; }
  
  .silingsi .teowok .img .wkaos:before {

        width: 61.60416vw;
        height: 22.39583vw;

    }
}

.aboutus_C { position: relative; }
.aboutus_C::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 70%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 68%);
}
.aboutus_C .tusc_top {
    height: 55vw;
}
.aboutus_C .tusc_top .sbn {
    height: 55vw;
    width: 55vw;
    display: inline-block;

}

#dom {
    width: 100%;
    height: 100%;
}
/*#dom canvas{transform: scale(.25);transform-origin: left top;  }*/

.aboutus_C { overflow: hidden;  margin-bottom: 9.375vw; }
.aboutus_C .tusc_bottom { margin-top: -30vw; position: relative; z-index: 4; }
.aboutus_C .tusc_bottom .uscbo_top { margin-bottom: 30px; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani { z-index: 2; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .jt { width: 9px; height: 19px; transition: all .5s; cursor: pointer; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .jtl { background: url(../images/jtl.svg)no-repeat center center/cover; margin-right: 50px; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .jtr { background: url(../images/jtr.svg)no-repeat center center/cover; margin-left: 50px; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .jtl:hover { background: url(../images/jtla.svg)no-repeat center center/cover; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .jtr:hover { background: url(../images/jtra.svg)no-repeat center center/cover; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .swiper-pagination { position: initial; width: auto; line-height: 0; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .swiper-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.3); transition: all .5s; opacity: 1; width: 8px; height: 8px; margin: 0 12px 0 0; border-radius: 10px; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }
.aboutus_C .tusc_bottom .uscbo_top .swier_ani .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; }



.aboutus_C .tusc_bottom .uscbo_bott .swiper-container { overflow: hidden; }
.aboutus_C .tusc_bottom .uscbo_bott .swiper-slide { background: rgba(255, 255, 255, 0.1); border-radius: 3px; }
.aboutus_C .tusc_bottom .uscbo_bott .swiper-slide a { display: block; padding: 20px; }
.aboutus_C .tusc_bottom .uscbo_bott .swiper-slide a .toe { margin-top: 15px; }
.aboutus_C .tusc_bottom .uscbo_bott .swiper-slide a .toe .t { padding-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.aboutus_C .tusc_bottom .uscbo_bott .swiper-slide a .toe .ti { line-height: 1; margin-top: 20px; padding-left: 13px; position: relative; }
.aboutus_C .tusc_bottom .uscbo_bott .swiper-slide a .toe .ti::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 12px; background: url(../images/asdad.svg)no-repeat center center/cover; }






@media(max-width:1100px) {
    .aboutus_C .tusc_bottom .uscbo_bott .swiper-slide { padding:0; }
    .aboutus_C .tusc_bottom .uscbo_top .swier_ani .jtr { margin-left:15px; }
    .aboutus_C .tusc_bottom .uscbo_top .swier_ani .jtl { margin-right:15px; }
    .aboutus_C .tusc_bottom .uscbo_bott .swiper-slide a .toe .t { padding-bottom:20px; }
    .aboutus_C { margin-bottom:40px; }
    .aboutus_C .tusc_top .sbn {
      height: 77vw;
      width: 77vw;
  }
  .aboutus_C::before { height: 90%; }

}



/**viveo视频弹窗**/
/*视频弹窗*/
.fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,.5);width: 100%;height: 100%;z-index: 1000; }
.fixVideoA {width: 100%;height: 100%;position: relative; }
.fixVideoB { position: absolute;width: 80%; max-width: 80%; border-radius: 10px; overflow: hidden; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
.fixVideoB .close { position: absolute; right:10px; top:10px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 38px; font-size: 30px;  z-index: 10000;background: #fff; color:#999; border-radius:50%;}
.fixVideoB .close:hover { color:#fff; background: #2B60EE; }
.fixVideo.videoSp .fixVideoB { max-width: 500px; }


#imgSrc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-container {
  width: 100%;
  height: 100%;
}

.head .zong ul li .xiuela { position: absolute; backdrop-filter: blur(20px); background: rgba(35, 35, 35, 0.8); width: 820px; height: 0; overflow: hidden; transition: all .5s; }
.head .zong ul li .xiuela  .iwue { padding: 40px; }
.head .zong ul li .xiuela .iueoa { width: calc(33.33% - 27px); margin-right: 40px; }
.head .zong ul li .xiuela .iueoa:last-child { margin-right: 0; }
.head .zong ul li .xiuela .iueoa .xi { line-height: 1; color: #999999; padding-bottom: 14px; border-bottom: 1px solid rgba(216, 216, 216, 0.2); margin-bottom: 20px; }
.head .zong ul li .xiuela .iueoa .ix a { display: block; line-height: 1; color: #fff; margin-bottom: 24px; transition: all .5s; padding-left: 0; overflow: hidden; }
.head .zong ul li .xiuela .iueoa .ix a:last-child { margin-bottom: 0; }
.head .zong ul li .xiuela .iueoa .ix a::before { position: absolute; left: 0; transition: all .5s; top: 50%; transform: translateY(-50%); content: ""; opacity: 0; width: 6px; height: 13px; background: url(../images/more.svg)no-repeat center center/cover; }

.head .zong ul li .xiuela .iueoa .ix a:hover { padding-left: 15px; }

.head .zong ul li .xiuela .iueoa .ix a:hover::before { left: 0; opacity: 1; }

.head .zong ul li .xiuela2 { width: 300px; }
.head .zong ul li .xiuela2 .iueoa { width: 100%; margin-right: 0; }

.head .zong ul li:hover .xiuela {
  height: var(--height);
}

@media(max-width:1500px) {
  .head .zong ul li .xiuela  .iwue { padding: 20px; }
  .head .zong ul li .xiuela { width: 500px; }
  .head .zong ul li .xiuela .iueoa .ix a { margin-bottom: 17px; }
}

@media(max-width:1100px) {
    #imgSrc {
        top:50%;
        height: 36%;
        transform: translateY(-50%);
    }
}



.konasnnbanner { line-height: 0; }
.konasnnbanner video { height: 100vh; object-fit: cover; width: 100%; }





.konasnnbanner .bg img.banner-img-animate {
  animation: 
    nybannerca 2s ease-out 0s 1 forwards, 
    nybannerda 5s ease-in-out 2s infinite;
}
.konasnnbanner .text { top: 20%; padding: 0; }
.konasnnbanner .bg img { width: 136.14583vw; }


/* 关键帧：拆分「缩放→位移」两个阶段 */
@keyframes nybannerca {
  0% {
    /* 初始状态：放大2.7倍、top100%、透明 */
    left: 0%;
    top: 130%;
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
    left: 45%;
    top: 55%;
    transform: translate(-50%, -50%) scale(.9);
    opacity: 1;
  }
}

/* 新增：轻微上下浮动关键帧 */
@keyframes nybannerda {
  0% {
    transform: translate(-50%, -50%) scale(.9); /* 继承最终状态 */
  }
  50% {
    transform: translate(-50%, calc(-50% - 3px)) scale(.9); /* 向上浮动5px（可调整） */
  }
  100% {
    transform: translate(-50%, -50%) scale(.9); /* 回到原位置 */
  }
}

@medioa(max-width:1500px) {
    .konasnnbanner .text {
        top: 28%;
    }
}

@media(max-width:1100px) {
  .konasnnbanner video { height: 100vh; }
  .konasnnbanner .bg img { width: 150vw; }
  @keyframes nybannerca {
    0% {
      /* 初始状态：放大2.7倍、top100%、透明 */
      left: 0%;
      top: 130%;
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }
    100% {
      /* 第二阶段结束：缩放固定0.7倍，top调整到50%（居中） */
      left: 45%;
      top: 50%;
      transform: translate(-50%, -50%) scale(.9);
      opacity: 1;
    }
  }
}



.fangiofen { height: 400vh; }
.fangiofen .fangiofen_styi { height: 100vh; position: sticky; background: #000; top: 0; overflow: hidden; }



.fangiofen .fangiofen_styi .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.fangiofen .fangiofen_styi .inou { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); width: 460px; }
.fangiofen .fangiofen_styi .inou .nie { line-height: 1.66; margin-top: 16px; }
.fangiofen .fangiofen_styi .inou .gbui { transition: all .5s; opacity: 1 !important; }

.fangiofen .fangiofen_styi .styi-top { text-align: center; }



.fangiofen .fangiofen_styi.cuio .styi-top .gbui { opacity: 0 !important; transform: translateY(-20%); }



.fangiofen .fangiofen_styi .styi-bottom { left: var(--left); transform: translateY(-70%); top: 50%; }

.fangiofen .fangiofen_styi .styi-bottom .gbui {  opacity: 0 !important; }
.fangiofen .fangiofen_styi.cuio .styi-bottom .gbui { opacity: 1 !important; transform: translateY(-50%); }

.yuisn .bg {
    height: 70vh;
}
.yuisn .text {
    top: 25%;
}

@media(max-width:1100px) {
  .konasnnbanner .text { top: 24%; }

  .fangiofen .fangiofen_styi .inou { width: 100%; left: 0; transform: translateY(0%) ; position: initial; padding: 0 var(--left); }
  .fangiofen .fangiofen_styi .styi-bottom { left: 0;  }
  
  .fangiofen {
      height: auto;

  }
  .fangiofen .fangiofen_styi{
      height: auto;
      padding: 40px 0 50px;
     position: relative;
  }
  .fangiofen .fangiofen_styi .styi-bottom .gbui {
      opacity: 1 !important;
      text-align: center;
  }
  
  .gp {
      margin: 30px 0;
  }
}












/* 加载页样式 */
/* 加载页样式 */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  /* 关键：过渡属性（opacity 负责渐变，visibility 负责点击穿透，延迟匹配） */
  transition: opacity 0.8s ease, visibility 0.8s ease 0.2s;
  opacity: 1;
  visibility: visible;
  /* 确保子元素继承过渡（可选） */
  will-change: opacity, visibility;
  background: url(../images/loader-wrapper.jpg)no-repeat center center/cover;
}

/* 隐藏加载页（必须同时改 opacity + visibility） */
#loader.hidden {
  opacity: 0; /* 核心：透明度渐变，实现淡出 */
  visibility: hidden; /* 辅助：隐藏元素，避免点击 */
  pointer-events: none;
  /* 重置过渡延迟，确保同步完成 */
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

/* 进度条容器 */
#progressBarContainer {
  width: 80%;
  max-width: 400px;
  height: 8px;
  background: #eee;
  border-radius: 4px;
  overflow: hidden;
  margin: 20px 0;
  /* 确保进度条在过渡中正常显示 */
  position: relative;
  z-index: 4;
}

/* 进度条 */
#progressBar {
  height: 100%;
  width: 0%;
  /*background: #165DFF;*/
  transition: none; /* 禁用CSS过渡，交给JS控制 */
}

/* 主内容初始隐藏，显示时过渡 */
#mainContent {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

#mainContent.visible {
  opacity: 1;
  visibility: visible;
}

/* 修复绝对定位子元素的过渡感知 */
#loader .juzon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 3;
  transform: translateY(-50%);
  /* 给子元素也加过渡，确保整体淡出同步 */
  transition: opacity 0.8s ease;
  padding: 0 64px;
}
#loader .juzon  .xta { display:inline-block; color:#999999; }

/* 加载页隐藏时，子元素同步透明 */
#loader.hidden .juzon {
  /*opacity: 0;*/
  
}

#loader .fro .progress-text { color:#999999; padding-left:130px; } 


#loader .juzon  .zonwen {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    transform: translate(-50%,-50%);
}

.bydbanner .img video { height: 100vh; object-fit: cover; width: 100%;  }

.danjixinA_A video {
     height: 65%; object-fit: cover; width: 65%; position: absolute; top: 50%; right: 0; transform: translateY(-50%);
}


.indexE  video {
     height: 100%; object-fit: cover; width: 100%; position: absolute; top: 0; right: 0;
}

.danjibanner { line-height:0; }
.danjibanner video {
     height: 100vh; object-fit: cover; width: 100%;
}

.loader-wrapper .fro {
    position: relative;
}
.loader-wrapper .fro .nasbdn{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 112px;
    height: 17px;
    content: "";
    transform: translateY(-50%);
    
}
.loader-wrapper .fro .nasbdn .progress-bar {
    height: 100%;
    transition: all .5s;
    overflow: hidden;
}
.loader-wrapper .fro .nasbdn .progress-bar:before{
    position: absolute;
    contain: "";
    top: 50%;
    left: 0;
    width: 112px;
    height: 17px;
    content: "";
    transform: translateY(-50%);
    background: url(../images/progresse.svg)no-repeat center center/cover;
}

@media(max-width:1100px) {
    #loader .juzon  .zonwen {
        width: 300px;
        height: 300px;
        display: inline-block;
        position: initial;
        transform: translate(0);
    }
    #loader .juzon {
        padding: 0 20px;
    }
    .banner-x .swiper-backface-hidden .swiper-slide {
        padding: 0;
    }
    #loader .juzon .xta {
        height: 20px;
        position: absolute;
        top: 0;
        left: 50%;
        width: 222px;
        transform: translateX(-50%);
    }
    #loader .fro .progress-text {
        height: 21px;
    }
    
    .danjixinA_A video {
        height: 50%;
    }
    
    .loader-wrapper .fro {
        margin-left: 0;
    }
    .loader-wrapper .juzon .flexcenter4 {
        justify-content: center;
    }
    

}


.shiwocuoguo {
    height: 200vh;
}

.shiwocuoguo .styosr .we2 {
  opacity: 0;
  top: 0%;
  transition: all 1s;
}
.shiwocuoguo .styosr .wow { height: 100%; width: 100%; }

.shiwocuoguo .styosr .we2.uoa {
  opacity: 1;
  top: 0%;
}


.aboutus_A .text span {
    opacity: 0;
    transition: all .5s;
}


.aboutus_A .text span.active {
    opacity: 1;
}














/* Common button styles（保留Nina基础样式，适配原有尺寸） */
.button {
  /* min-width: 132px;
  max-width: 132px; */
  display: inline-block; /* 改为inline-block，适配原有布局 */
  padding: 0; /* 清空默认padding，改用原有40px高度 */
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  line-height: 47px; /* 继承原有行高 */
  height: 47px; /* 继承原有高度 */
  transition: all .5s; /* 继承原有过渡时长 */
  overflow: hidden; /* 继承原有溢出隐藏 */
  overflow: hidden;
}
.button .after {
    position: absolute;
    content: "";
    top: 51%;
    transform: translateY(-50%);
    left: 25px;
    width: 6px;
    height: 13px;
    overflow: hidden;
    line-height: 1;
}

.button .after:after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: all .5s;
    width: 22px;
    height: 13px;
    background: url(../images/moreaw.svg) no-repeat center center / cover;
}

.button:hover .after:after {
  right: -16px;
}

.button:focus {
  outline: none;
}
.button > span {
  vertical-align: middle;
  position: relative; /* 为箭头定位做准备 */

}

/* Nina 核心样式（适配原有配色+保留箭头） */
.button--nina {
  padding: 0 25px 0 43px;
  background: rgba(255, 255, 255, 0.15); /* 替换原有初始背景 */
  color: #fff; /* 文字白色 */
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
/* 保留hover背景渐变（替换Nina默认的7986cb） */
.button--nina:hover {
  background-color: #2B60EE; /* 继承原有hover背景色 */
}

/* 文字逐字动画（核心Nina效果） */
.button--nina > span {
  display: inline-block;
  opacity: 0;
  color: #fff;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  margin-top: -6px;
}
.button--nina::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 25px 0 43px; /* 适配箭头的文本位置 */
  color: #fff; /* 初始文本白色 */
  display: flex;
  align-items: center; /* 垂直居中 */
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover::before {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* 逐字延迟（适配10个字符） */
.button--nina:hover > span:nth-child(1) {
  -webkit-transition-delay: 0.045s;
  transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
  -webkit-transition-delay: 0.09s;
  transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
  -webkit-transition-delay: 0.135s;
  transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
  -webkit-transition-delay: 0.225s;
  transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
  -webkit-transition-delay: 0.27s;
  transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
  -webkit-transition-delay: 0.315s;
  transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
  -webkit-transition-delay: 0.405s;
  transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}


/* 兼容原有类名（morea/font16） */
.morea {
  font-size: 16px; /* font16 样式 */
}

/* 移除Nina原有不必要的样式（避免冲突） */
.button--text-thick {
  font-weight: normal; /* 按需调整，保留类名兼容 */
}
.button--text-upper {
  text-transform: none; /* 不需要大写，保留类名兼容 */
}
.button--size-s {
  /* 尺寸已通过height/line-height适配，保留类名兼容 */
}


.head .button--nina {
    height: 40px;
    line-height: 40px;
}

.head .button .after:after {
    top: 52%;
}

@media(max-width:1500px){
  .button--nina { height: 40px; line-height: 40px; }
}






.danjixinA_D .swiper-pagination { position: initial; margin-top: 20px; line-height: 0; bottom: auto; }
.danjixinA_D .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: rgba(255, 255, 255, 0.3); transition: all .5s; border-radius: 10px; }
.danjixinA_D .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fff; }





/**mobile nav**/
.nav_box {width: 100%;height: calc(100% - 51px);position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 9999999;background: #37a9cc;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title .navclose img {width: 100%;}
.nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;}
.nav_box .nav-title h1 img {width: 100%;}
.nav_box .navlist {width: 100%;padding-bottom: 20px;}
.nav_box .navlist ul>li {position: relative;float: left;width: 100%;font-size: 16px;line-height: 48px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;padding-right: 80px;}
.nav_box .navlist ul>li.w100{padding-right: 0 !important;}
.nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;}
/*.nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 11px;background: url(../images/jtwhite.png) no-repeat center center / cover;}*/
.nav_box .navlist ul>li .ii {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 100%;background: url(../images/jtwhite.svg) no-repeat center center;z-index: 6;}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;/*padding: 10px 0;*/}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;}
.nav_box .nav_ss{padding: 0 15px;margin-top: 20px;}
.nav_box .nav_ss input.inp{
    line-height: 40px;
    height: 40px;
    background: #fff;
    border: none;
    width: 100%;
    padding: 0 90px 0 20px;
    font-size: 15px;
    border-radius: 50px;
}
.nav_box .nav_ss input.sub{
    width: 90px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #004388;
    font-size: 16px;
    border: none;
    border-radius: 50px;
    color: #fff;
}
.nav_box { display: block!important; top: 57px; width: 100%; left:-100%; border-top: 1px solid rgba(255,255,255,0.2);min-height: calc(100% - 56px); }
.nav_box { background: rgba(0, 0, 0, 0.9); }
.bgGreen { background: #474443; }
.nav_box .navlist { padding-top: 10px; }
.nav_box .navlist ul>li { border:none; line-height: 50px; }
.navSear { margin-top: 20px; padding: 0 15px;}
.navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); }
.navSear .search .subsearch { z-index: 9;}
.navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;}
.navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } 
.navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchxa.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);}
.navSear .search:hover .subsearch {display: block;}
.navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.7); 
}
.navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.7);
} 
.navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder{
    color: rgba(255,255,255,0.7);
}
.navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
    color: rgba(255,255,255,0.7);
}
.nav_box .navlist ul>li.cur { z-index:2; }
.nav_box .navlist ul>li .navlist2,
.nav_box .navlist ul>li .secondNav .navlist3,
.nav_box .navlist ul>li .fourthNav .navlist4, 
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6{ position: fixed; left:-102%; transition: all 0.6s; display: block; top:60px; width: 100%; height: calc(100% - 80px);  background: rgba(0, 0, 0, 0.9); z-index: 10000; }

.nav_box .navlist ul>li .navlist2 a,
.nav_box .navlist ul>li .secondNav .navlist3 a,
.nav_box .navlist ul>li .fourthNav .navlist4 a,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 a,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6 a{ padding: 10px 15px; line-height: 1.6; font-size: 18px; color:rgba(255,255,255,0.8); }

.nav_box .navlist ul>li.cur .navlist2,
.nav_box .navlist ul>li .secondNav.cur .navlist3,
.nav_box .navlist ul>li .fourthNav.cur .navlist4,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav.cur .navlist5,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav.cur .navlist6{ left:0; }

.nav_box .navlist ul>li .backNav { padding: 0 15px; }
.nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.svg) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; }
.nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important;  }

@media(max-width: 1680px){
    .nav_box { top: 49px; }
    .nav_box .navlist ul>li .navlist2,
    .nav_box .navlist ul>li .secondNav .navlist3,
    .nav_box .navlist ul>li .fourthNav .navlist4,
    .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 { 
        top: 49px; height: calc(100% - 49px);
        overflow: auto;
    }
}

.nav_box .navlist ul>li .navlist2 a, .nav_box .navlist ul>li .secondNav .navlist3 a, .nav_box .navlist ul>li .fourthNav .navlist4 a, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 a, .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6 a { font-size: 16px; }
.nav_box .navlist ul>li .navlist2 .subAA { padding-left: 15px; }
.nav_box .navlist ul>li .navlist2 .subAA a { padding: 5px 15px; }