/* 公用样式 */
#c-placeholder {height: 1.2rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .6s; }

.headBox {transition: .5s; height: 1.5rem; position: relative; z-index: 1; padding: 0 4.5%;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo img {max-width: 100%; height: .9rem; max-height: 100%; object-fit: contain;}
.headBox .logo .logob {display: none;}
.headBox .le {height: 100%; flex-shrink: 0; width: auto;}
.headBox .le .logo a {height: 100%; display: flex; align-items: center;}
.headBox .re {height: 100%;gap: 1rem;}

/* 导航 */
nav {height: 100%;width: 48%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a { color: #fff; transition: all 0.4s;  font-size: var(--font18); position: relative;}
nav > ul > li > a::after {content: ''; opacity: 0; display: block; position: absolute; left: 50%; top: 120%; transform: translateX(-50%); width: .12rem; height: .14rem; background: #23dae0; transition: all 0.4s; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
nav > ul > li.on > a::after {opacity: 1; animation: myfirst 3s linear infinite;}
@media (any-hover: hover) {
nav > ul > li > a:hover::after { opacity: 1;}
}

/* 二级导航 */
.navTwo2 {display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%;background: #fff;  }
.navTwo2 dl {border-top: 2px solid #23dae0; background: #fff; min-width: 1.7rem; padding: .1rem; border-radius: 0 0 .1rem .1rem; top: 100%;  box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.06);}
.navTwo2 dl dd { border-bottom: 1px solid #dbdbdb; text-align: center;}
.navTwo2 dl dd:last-child {border-bottom: none;}
.navTwo2 dl dd > a {padding: .08rem .1rem; display: block; position: relative;}
.navTwo2 dl dd > a::after {content: ""; position: absolute;  bottom: 0; left: 0; height: 1px; width: 0; transition: .5s; background: #23dae0; }
.navTwo2 dl dd > a:hover {color: #23dae0 !important; background: none !important;}
.navTwo2 dl dd > a:hover::after {width: 100%;}



/* 产品中心二级导航 */
nav ul li .navTwo {position: fixed; border-top: 1px solid #eee; left: 0; background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12); top: 1.5rem; width: 100%; display: none;}
.navbox{justify-content: space-between;}
.nav-left{width: 20%; padding-top: .72rem;}
.nav-left strong{ color: #333;}
.nav-middle {width: 28%;  padding: .74rem .6rem .6rem;  border-left: .01rem solid #eee;  border-right: .01rem solid #eee;}
.nav-middle dl dt{  padding-bottom: 0.01rem; margin-bottom: 0.15rem;}
.nav-middle dl dt a{ display: block;font-size: var(--font20)!important;color: #434343!important;border-bottom: .01rem solid #eee;position: relative;padding-left: .21rem!important;padding-bottom: .16rem!important;margin-bottom: .17rem!important;cursor: pointer;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.nav-middle dl dt a::after {position: absolute;left: 0ex;top: .07rem;width: .04rem;height: .16rem;background: #B8B8B8;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;content: "";display: block;}
.nav-middle dl dt a::before {position: absolute;left: 0px;bottom: -1px;height: .01rem;width: 0%;background: #23dae0;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;content: "";display: block;}
@media (any-hover: hover) {  
.nav-middle  dl dt a:hover{color: #23dae0!important;}
.nav-middle  dl dt a:hover::after{ background: #23dae0;}
.nav-middle  dl dt a:hover::before{ width: 80%;}
}
.nav-middle  dl dt.active a{color: #23dae0!important;}
.nav-middle  dl dt.active a::after{ background: #23dae0;}
.nav-middle  dl dt.active a::before{ width: 80%;}
.nav-right {width: 40%;padding: .8rem 0px .3rem 0px;margin-left:.94rem;}
.nav-pic img{display: block; width: 100%;}

/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.search-dropdown {position: absolute;top: 110%;right: 0;width: 3.5rem;background: #fff;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);padding: .2rem;border-radius: .1rem;margin-top: .15rem;opacity: 0;visibility: hidden;transform: translateX(3%);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 100;}
.search-dropdown.active {opacity: 1;visibility: visible;}
/* 小三角 */
.search-dropdown::before {content: "";position: absolute;bottom: 100%;right: .15rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #fff transparent;}
.search-dropdown .search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: .5rem;padding: .05rem .15rem;border: 1px solid transparent;transition: all 0.3s;width: 100%;}
.search-dropdown .search-form:focus-within {background: #fff;border-color: #0056FF;box-shadow: 0 0 .1rem rgba(102, 45, 145, 0.1);}
.search-dropdown .search-input {flex: 1;border: none;background: transparent;padding: .1rem;font-size: var(--font14);color: #333;outline: none;}
.search-dropdown .search-submit {background: transparent;border: none;color: #0056FF;font-size: var(--font18);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.search-dropdown .search-submit:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {
  .search-dropdown {position: fixed;top: 1.2rem; left: 5%;right: 5%;width: 90%;margin-top: 0;   transform: translateX(0%);}
  .search-dropdown::before {display: none;}
}
@media (any-hover: hover) {
  /* header:hover{background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);} */
  /* header:hover .headBox .logo .logoa {display: none;}
  header:hover .headBox .logo .logob {display: block;}
  header:hover nav > ul > li > a {color: #3d3d3d;}
  header:hover .searchBtn i {color: #3d3d3d;}
  header:hover .head_luang a {color: #3d3d3d;} */
  .head_luang a:hover {color: #0056FF !important;}
}


header.c-style1 {background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.05);}
header.c-style1 .headBox .logo .logoa {display: none;}
header.c-style1 .headBox .logo .logob {display: block;}
header.c-style1 nav > ul > li > a {color: #3d3d3d;}
header.c-style1 .searchBtn i {color: #3d3d3d;}
header.c-style1 .head_luang a {color: #3d3d3d;}


header.c-style2 {background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.05);}
header.c-style2 .headBox {height: 1.2rem;}
header.c-style2 .headBox .logo .logoa {display: none;}
header.c-style2 .headBox .logo .logob {display: block;}
header.c-style2 nav > ul > li > a {color: #3d3d3d;}
header.c-style2 .searchBtn i {color: #3d3d3d;}
header.c-style2 .head_luang a {color: #3d3d3d;}
header.c-style2 .navTwo {top: 1.2rem;}

header.c-style3 {}
header.c-style3 .headBox .logo .logoa {display: none;}
header.c-style3 .headBox .logo .logob {display: block;}
header.c-style3 .searchBtn img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style3 nav > ul > li > a {color: #3d3d3d;}
header.c-style3 .searchBtn i {color: #3d3d3d;}
header.c-style3 .head_luang a {color: #3d3d3d;}
/* header.c-style3 .navTwo {top: 1.2rem;} */

/* =================头部 end!!!=================== */



/* ===============公用css star!!!!===================*/
.more2 {display: inline-flex; border-radius: 100px; background: #001e62; color: #fff;  padding: .15rem .24rem;   transition: .5s;}
.more2 i {font-size: var(--font14); margin-left: .1rem; font-weight: 600; transform: rotate(145deg); display: inline-block; transition: .5s;}

.getcase { display: flex; position: relative; z-index: 2;}
.getcase a { height: .5rem; display: flex; align-items: center; min-height: 36px; padding: 0 .25rem 0 .23rem; border-radius: 25px; position: relative;}
.getcase a::before { content: ''; width: 100%; height: 100%; border-radius: 25px; background: #0056ff; transition: all 0.4s; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; pointer-events: none;}
.getcase a span {transition: all 0.4s;}
.getcase a i {margin-left: .1rem; width: .23rem; height: .23rem; border-radius: 50%; display: flex; justify-content: center; align-items: center;transition: all 0.4s; overflow: hidden;}
.getcase a i::before {    animation: arrowRun 5s infinite;}
@media (any-hover: hover) {
.getcase a:hover::before { width: .5rem;}
.getcase a:hover i { transform: translateX(.12rem);}
}


/* 鼠标跟随按钮 */
.explore-cursor {z-index: 111; position: absolute;top: 0;left: 0;width: 1.6rem;height: 1.6rem;background: #23dae0;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: auto;z-index: 100;opacity: 0;transform: scale(0);transition: opacity 0.3s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);white-space: nowrap;text-decoration: none;will-change: transform;}


/* ===============公用css end!!!!===================*/


/* ======首页======= */
.indexSwiper {height: 100vh;position: relative;overflow: hidden;}
.indexSwiper >.swiper-wrapper >.slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox > img ,.indexSwiper .swiper-wrapper >.slide .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block;}
/* 控件 */
.indexpagtion {right: 1% !important; left: auto;}
.indexpagtion span {margin: .15rem!important; width: .12rem; height: .13rem;  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); opacity: 1; background: #fff; background-size: contain; transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active { background: #23dae0;}

/* 第一屏 */
.indexBanner { position: relative; top: 0; overflow: hidden; height: 100vh !important;}
.indexBanner .swiper,
.indexBanner .swiper-wrapper,
.indexBanner .slide {height: 100%;}
.indexBanner .swiper {position: relative;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox {position: absolute; inset: 0; height: 100%;}
.indexBanner .slide .imgBox::after {content: ""; position: absolute; inset: 0; background: rgba(0, 28, 82, .15); pointer-events: none;}
.indexBanner .slide .imgBox video{display: block; width: 100%; height: 100%;  }
.indexBanner .slide .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: 1s linear 2s;transform: scale(1.1, 1.1);}
/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
.indexBanner .slide .box {position: relative; z-index: 2; width: 100%; height: 100%;}
.indexBanner .slide .box .more {margin-top: .75rem;}
/* 控件 */
.indexBanner .swiper-pagination {left: 5%; bottom: 6.6%; width: auto; display: flex; align-items: center; gap: .15rem;}
.indexBanner .swiper-pagination-bullet {position: relative; width: .4rem; height: .4rem; margin: 0 !important; display: flex; align-items: center; justify-content: center; background: transparent; opacity: 1;}
.indexBanner .swiper-pagination-bullet svg {position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); opacity: 0; transition: opacity .3s;}
.indexBanner .swiper-pagination-bullet circle {fill: none; stroke-width: 1.4; stroke-linecap: round;}
.indexBanner .swiper-pagination-bullet .progress-bg {stroke: rgba(255,255,255,.28);}
.indexBanner .swiper-pagination-bullet .progress-bar {stroke: #23d8e8; stroke-dasharray: 113.1; stroke-dashoffset: 113.1;}
.indexBanner .swiper-pagination-bullet i {position: relative; z-index: 1; width: 5px; height: 5px; border-radius: 50%; background: #fff; display: block;}
.indexBanner .swiper-pagination-bullet-active svg {opacity: 1;}
.indexBanner .swiper-pagination-bullet-active .progress-bar {animation: bannerProgress 5s linear forwards;}
.indexBanner .banner-nav {position: absolute; right: 5.8%; bottom: 6.6%; z-index: 5; display: flex; align-items: center; gap: 12px;}
.indexBanner .swiper-button-prev,
.indexBanner .swiper-button-next {position: static; width: .78rem; height: .78rem; margin: 0; border-radius: 50%; color: #fff; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.03); transition: all .3s;}
.indexBanner .swiper-button-next {}
.indexBanner .swiper-button-prev::after,
.indexBanner .swiper-button-next::after {display: none;}
.indexBanner .swiper-button-prev::before,
.indexBanner .swiper-button-next::before {content: ""; display: block; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff;}
.indexBanner .swiper-button-prev::before {transform: rotate(-135deg); margin-left: 4px;}
.indexBanner .swiper-button-next::before {transform: rotate(45deg); margin-right: 4px;}
@media (any-hover: hover) {
  .indexBanner .swjt:hover {border-color: #23d8e8; background: #23d8e8;}
}
@keyframes bannerProgress {
  from {stroke-dashoffset: 113.1;}
  to {stroke-dashoffset: 0;}
}

/* 第二屏 */
.indexOne {height: 100vh;  position: relative;}
.indexOne .container {height: 100%; position: relative; z-index: 2;}
.indexOne .box {position: relative; z-index: 2; height: 100%; padding-top: 1.8rem; padding-bottom: 1rem; display: flex; flex-direction: column; justify-content: center;}
.indexOne-list {display: flex; gap: .2rem; height: 4.9rem; margin-top: .55rem;}
.indexOne-list .item {position: relative; display: block; flex: 1; height: 100%; overflow: hidden; border-radius: .2rem; transition: flex .7s cubic-bezier(.22, .61, .36, 1);}
@media (min-width: 1025px) {
  /* 依靠 JS 切换 active 类来控制展开 */
  .indexOne-list .item.active {flex: 2.7;}
  .indexOne-list .item.active .item-title {left: 0; transform: translateX(0);}
}
.indexOne-list .item img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease;}
.indexOne-list .item::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 40%; background: linear-gradient(180deg, rgba(5, 31, 86, 0) 0%, rgba(9, 48, 130, .6) 58%, rgba(18, 58, 151, .8) 100%); pointer-events: none;}
.indexOne-list .item-title {max-width: 100%; padding: 0 .2rem; position: absolute; left: 50%; transform: translateX(-50%); bottom: .4rem; z-index: 3; transition:.5s;}
.indexOne-list .item-title span {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; font-size: var(--font20);  font-weight: 700;}
.indexOne-cursor {position: absolute; left: 0; top: 0; z-index: 5; width: 1.4rem; height: 1.4rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #23d8e8; color: #fff; font-size: .2rem; line-height: 1.3; font-weight: 700; text-align: center; opacity: 0; transform: scale(0); pointer-events: none; white-space: normal; box-shadow: 0 .16rem .35rem rgba(35, 216, 232, .3);}
@media (any-hover: hover) {
  .indexOne-list .item:hover img {transform: scale(1.05);}
}

/* 第三屏 indexTwo */
.indexTwo {position: relative; overflow: hidden;}
.indexTwo .bjBox {position: absolute; inset: 0; z-index: -1;}
.indexTwo .bjBox::before {content: ""; width: 100%; height: 100%; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 50%, #002975 100%); z-index: 1;}
.indexTwo .bj-item {position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1); filter: brightness(0.8);}
.indexTwo .bj-item img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .bj-item.active {opacity: 1;}
.indexTwo .container {height: 100%; position: relative; z-index: 2;}
.indexTwo .tle {position:absolute; top:30%; transform: translateY(-30%); width: 100%;  z-index: 3;}
.indexTwo-right {width: 100%; height: 100%;}
.indexTwo-right .item {position: relative; flex: 1; height: 100%; padding: 0 .2rem .5rem; border-left: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; display: flex; align-items: flex-end; justify-content: center; overflow: hidden;}
.indexTwo-right .item:last-child {border-right: 1px solid rgba(255, 255, 255, 0.1);}
/* 覆盖层 */
.indexTwo-right .item::before {content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #002975 0%, rgba(3,0,117,0) 100%); opacity: 0; transform: scaleY(.35); transform-origin: center bottom; transition: transform .65s cubic-bezier(.22, .61, .36, 1), opacity .45s ease; will-change: transform, opacity; z-index: 1;}
.indexTwo-right .item.on::before {opacity: 1; transform: scaleY(1);}
.indexTwo-right .item .item-link {width: 100%;}
.indexTwo-right .item .bg_img {position: absolute; width: 100%; height: 100%; inset: 0; opacity: 0;}
.indexTwo-right .item .bg_img img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo-right .item .item-inner {position: relative; z-index: 2; height: 4.5rem; text-align: center; display: flex; flex-direction: column; align-items: center; transform: translateY(2rem); transition: transform .7s cubic-bezier(.22, .61, .36, 1); will-change: transform;}
.indexTwo-right .item.on .item-inner {transform: translateY(0);}
.indexTwo-right .item .icon-box {width: .6rem; height: .6rem; margin-bottom: .2rem; flex-shrink: 0; transition: transform .55s cubic-bezier(.22, .61, .36, 1);}
.indexTwo-right .item .icon-box img {width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1);}
.indexTwo-right .item h4 {margin-bottom: 0; transform-origin: center; transition: transform .55s cubic-bezier(.22, .61, .36, 1); transition: .5s; }
.indexTwo-right .item.on h4 {transform: scale(1.12); margin-top: .25rem;}
.indexTwo-right .item .desc {margin-top: .4rem; margin-bottom: .45rem; min-height: .64rem; opacity: 0; overflow: hidden; max-width: 3.5rem; transform: translateY(.16rem); transition: opacity .4s ease .08s, transform .55s cubic-bezier(.22, .61, .36, 1) .08s; will-change: transform, opacity;}
.indexTwo-right .item.on .desc {opacity: 1; transform: translateY(0);}
.indexTwo-right .item .more-btn {width: 1.5rem; height: 1.5rem; flex-shrink: 0; border-radius: 50%; background: #23dae0; opacity: 0; transform: translateY(.3rem) scale(.94); transition: opacity .4s ease, transform .6s cubic-bezier(.22, .61, .36, 1); will-change: transform, opacity;}
.indexTwo-right .item .more-btn .flex-cc {width: 100%; height: 100%;   text-align: center; font-weight: 700;}
.indexTwo-right .item.on .more-btn {opacity: 1; transform: translateY(0) scale(1); transition-delay: .14s;}

/* 第四屏 indexThre */
.indexThre {position: relative; overflow: hidden;}
.indexThre .container {height: 100%; z-index: 2;}
.indexThre .indexThre-box {width: 100%; height: 100%;  padding-top: 1rem;}
.indexThre .left-text {width: auto;}
.indexThre .indexTle {margin-bottom: .8rem;}
.indexThre .base-list {display: flex; flex-direction: column; gap: .5rem;}
.indexThre .base-list .item {position: relative;}
.indexThre .base-list .item h5 {color: #333;}
.indexThre .base-list .item p {color: #666; width: 53%;}
.indexThre .right-map {width: 62%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-top: 1.5rem;}
.indexThre .map-wrap {position: relative; width: 100%;}
.indexThre .map-img {width: 100%; display: block;}
.indexThre .map-points {position: absolute; inset: 0; pointer-events: none;}
.indexThre .point {position: absolute; width: 4.8%; transition: .3s;}
.indexThre .point img {width: 100%;  object-fit: contain;}
@keyframes pointAni {
  0% { transform:  translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}
.indexThre .point { animation: pointAni 2s infinite ease-in-out; }
.indexThre .point2 { animation-delay: .5s; }
.indexThre .point3 { animation-delay: 1s; }

.indexFour { background: #fff; position: relative; z-index: 2; }
.indexFour .container {height: 100%; padding-top: 1rem; z-index: 2; display: flex; flex-direction: column;  justify-content: center;}
.news-list { margin-top: .4rem; display: flex; gap: .32rem; align-items: stretch; }
.news-item { background: #f7f7f7;  overflow: hidden; transition: all 0.4s ease; display: flex; flex-direction: column; }
.news-item a { display: flex; flex-direction: column; height: 100%; }
.news-item.large { flex: 1; width: 33.33%; }
.news-right { flex: 1; width: 33.33%; display: flex; flex-direction: column; gap: .32rem; }
.news-item.small { height: calc(50% - .15rem); }
.news-item .imgBox { width: 100%; overflow: hidden; }
.news-item .imgBox figure { position: relative; padding-bottom: 55%;}
.news-item .imgBox figure img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.news-item:hover .imgBox img { transform: scale(1.1); }
.news-item .con { padding: .4rem .25rem; flex: 1; display: flex; flex-direction: column; }
.news-item .category { color: #999; font-size: var(--font14); margin-bottom: .15rem; display: block; }
.news-item h3 { font-size: var(--font22); color: #333; transition: 0.3s; }
.news-item .more-link { margin-top: .48rem; color: #666;  transition: 0.3s; display: flex; align-items: center; }
@media (any-hover: hover) {
  .news-item:hover {transform: translateY(-.1rem); box-shadow: 0 .15rem .3rem rgba(0,0,0,0.05); background: #fff; }
  .news-item:hover .more-link { color: #1383C1; }
  .news-item:hover .more-link i { transform: translateX(5px); }
  .news-item:hover h3 { color: #1383C1; }
}

.indexFive { }
.indexFive .container {height: 100%; padding-top: 1rem; z-index: 2; display: flex; flex-direction: column;  justify-content: center;}
.indexFive .box {margin-top:.6rem; position: relative; overflow: hidden; border-radius: .3rem;}
.indexFive .box .imgBox img {min-height: 3rem;}
.indexFive .numlist {padding: .5rem .8rem; position: absolute; inset: 0; pointer-events: none; display: flex; justify-content: space-between; align-items: flex-end; gap: .5rem;}
.indexFive .num {font-size:.76rem; color: #fff;display: flex; font-weight: 700; line-height: 1.2;}
.indexFive .txt {font-size:var(--font22); color: #fff; } 

.indexSix { }
.indexSix .container {height: 100%; padding-top: 1rem; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.indexSix .list {display:flex; justify-content: space-between; margin-top: 1rem; gap: .6rem;}
.indexSix .list .item {text-align: center; flex: 1;}
.indexSix .list .item .icBox {width: 40px; height: 40px; margin: auto; display: flex; justify-content: center; align-items: center;}
.indexSix .list .item .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.indexSix .list .item .tit {font-size: var(--font30); color: #333; margin-top: .2rem; font-weight: 700;}
.indexSix .list .item .txt {margin-top: .1rem; color: #666;}

/* ======================================================================================================底部*/
.footer {background: url(../images/footer-bg.webp) no-repeat center; background-size: cover;}
.footer .container {height: 100%; padding: 0 4.5%; max-width: 100%; width: 100%;}
.footer-main {padding: .68rem 0 0; }
.f-info {}
.f-info .f-logo img {width: 2.89rem; max-width: 100%;}
.f-social { margin-top: 1rem; gap: .1rem; }
.f-social a { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; color: #fff; transition: .4s; }
.f-social a i {display: flex; align-items: center; justify-content: center;}
.f-social a i svg {width: 70%;}
.f-social a svg path {fill: #fff;}
/* 二维码提示 */
.f-social .f-weixin { position: relative; }
.f-social .weixin-code { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%) translateY(10px); width: 150px; background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transition: all 0.4s ease; text-align: center; z-index: 99;}
.f-social .weixin-code::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; }
.f-social .weixin-code img { width: 100%; height: auto; display: block; margin-bottom: 8px; filter: none !important; }
.f-social .weixin-code p { color: #333; font-size: 14px; margin: 0; line-height: 1.2; white-space: nowrap;}
.f-social .f-weixin:hover .weixin-code { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); }
.foternav { flex: 1; margin: 0 8%; gap: .1rem; }
.foternav dl dt {font-size: var(--font20); font-weight: 500; margin-bottom: .3rem; }
.foternav dl dt a { color: #fff; }
.foternav dl dd { margin-bottom: .1rem;}
.foternav dl dd a { color: #fff; transition: .3s; font-size: var(--font16); position: relative; opacity: .5;}
.foternav dl dd a::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: .3s;}
.f-contact h4 { color: #fff; font-size: var(--font15); font-weight: 350; }
.f-contact .item {margin-bottom: .2rem;}
.footer-copy {padding: .25rem 0; margin-top: .25rem; color: rgba(255, 255, 255,.5); font-size: var(--font15); border-top: 1px solid rgba(216, 216, 216,.2);}
.footer-copy a { color: rgba(255, 255, 255,.5);}
.footer-copy a:hover {color: #fff;}
@media (any-hover: hover) {
  .f-social a:hover {opacity: 1; border-color: #285FDD; background: #285FDD;}
  .foternav dl dd a:hover::after {width: 100%;}
  .foternav dl dd a:hover { color: #fff; opacity: 1;}
  .f-contact .more-contact:hover { color: #fff; }
}

/* ======================================================================================================内页 */
/* 内页公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .box .con {}
.ny-banner .imgBox img {width: 100%; height: auto; display: block;}

.ny-nav {position: absolute; background: rgba(0,0,0,.1); width: 100%; left: 0; bottom: 0; overflow: hidden; padding: .25rem 0 .4rem;}
.ny-nav ul {display: flex; justify-content: center; gap: 1rem;}
.ny-nav ul > li > a { color: #fff; transition: all 0.4s;  font-size: var(--font18); position: relative;}
.ny-nav ul > li > a::after {content: ''; opacity: 0; display: block; position: absolute; left: 50%; top: 120%; transform: translateX(-50%); width: .12rem; height: .14rem; min-width: 8px; min-height: 10px;  background: #23dae0; transition: all 0.4s; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.ny-nav ul > li.on > a::after {opacity: 1; animation: myfirst 3s linear infinite;}
@media (any-hover: hover) {
  .ny-nav ul > li > a:hover::after { opacity: 1;}
}


/* 面包屑 */
.mbx {display: flex; align-items: flex-start; padding: .2rem 0; top: auto; bottom: 0;}
.mbx .icBox {margin-right: .1rem;transform:translateY(-.02rem);}
.mbx a {position: relative; color: #fff;}
.mbx a::after {content: ">";margin: 0 .1rem;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #23dae0 !important;}
.mbx a:hover::after {color: #fff;}
/* 内页公用样式 end!! */


/* ==========关于我们 */
.aboutTle h3 {line-height: 1;}

.aboutOne {position: relative; overflow: hidden;}
.aboutOneCon {padding: 1.5rem 0 1rem; position: relative; overflow: hidden; background: url(../images/aboutOne-bg.webp) no-repeat center; background-size: cover;}
.aboutOne-header { align-items: flex-start; position: relative; z-index: 2;}
.aboutOne-header .le { width: 35%;}
.aboutOne-header .re { width: 60%;}
.aboutOne-text p { text-align: justify; line-height: 1.8;}
.aboutOne-stats { margin-top: 2rem;  border-bottom: 1px solid #eee; position: relative; z-index: 2;}
.aboutOne-stats .item {position: relative; transition: .3s;}
.aboutOne-stats .item .num {font-size: .8rem;  transition: .3s;}
.aboutOne-video { position: relative; width: 100%; overflow: hidden;}
.aboutOne-video .imgBox { width: 100%; height: 100%; cursor: pointer;}
.aboutOne-video .imgBox img { width: 100%; height: 100%; object-fit: cover;}
.aboutOne-video .video-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1rem; height: 1rem; transition: .3s;  z-index: 3;}
.aboutOne-video .video-btn:hover { transform: translate(-50%, -50%) scale(1.1);}

.aboutTwo {padding: 1rem 0;}
.aboutTwo-nav .aboutTwo-prev,
.aboutTwo-nav .aboutTwo-next {width: .5rem;height: .5rem; min-width: 36px; min-height: 36px; border-radius: 50%;background-color: #f5f5f5;color: #999;cursor: pointer;transition: all 0.3s ease;}
.aboutTwo-nav .aboutTwo-prev:hover,
.aboutTwo-nav .aboutTwo-next:hover {background-color: #050B7A;color: #fff;}
.aboutTwo-nav .swiper-button-disabled {opacity: 0.5;cursor: not-allowed;}
.aboutTwo-nav .swiper-button-disabled:hover {background-color: #f5f5f5;color: #999;}
.aboutTwo-nav i {font-size: var(--font24);}
.aboutTwo-swiper {width: 100%;overflow: hidden; margin-top: 1rem;}
.aboutTwo-swiper .imgBox {width: 100%;padding-bottom: 66%; /* adjust based on aspect ratio, approx 3:2 */position: relative;border-radius: .2rem;overflow: hidden;}
.aboutTwo-swiper .imgBox img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.aboutThree {position: relative; background: url(../images/aboutThree-bg.webp) no-repeat center; background-size: cover; background-attachment: fixed;}
.aboutThree .box {padding: 1.6rem 0 1.2rem;height: calc(100vh - 1.2rem); display: flex; flex-direction: column; justify-content: space-between; }
.aboutThree .text { width: 52%; color: #fff; }
.aboutThree .explore-cursor {width: 2.5rem; height: 2.5rem;  z-index: 2;}
.aboutThree .explore-cursor::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120%; height: 120%; border: 1px solid #fff; border-radius: 50%;animation: scalemap 2s linear infinite;}

/* 关于我们 - 发展历程 */
.aboutFour {padding: 1.2rem 0; padding-bottom: 0; background: url(../images/aboutFour-bg.webp) no-repeat center; background-size: cover; position: relative; overflow: hidden;}
.aboutFour .develop {overflow-y: visible; margin-top: .6rem;}
.history-timeline {position: relative; padding-bottom: .8rem;}
.history-timeline::after {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, #050B7A 0%, transparent 100%); transform: translateX(-50%);}
.history-item {position: relative; min-height: 3rem; margin-bottom: 1rem;}
.history-item:last-child {margin-bottom: 0;}
.history-item .dot {position: absolute; left: 50%; top: 0; width: .12rem; height: .12rem; background: #050b7a; border-radius: 50%; transform: translate(-50%, -50%); z-index: 3; transition: 0.3s;}
.history-item .year {position: absolute; top: 0; transform: translateY(-50%); color: #050b7a; font-weight: 700; font-size: var(--font48);   transition: .5s;}
.history-item:nth-child(odd) .year {left: calc(50% + .24rem);}
.history-item:nth-child(even) .year {right: calc(50% + .24rem);}
.history-item .content {width: 47.5%; position: relative;  }
.history-item .content.left {margin-left: 0; margin-right: auto; text-align: right; padding-left: 5%;}
.history-item .content.right {margin-left: auto; margin-right: 0; text-align: left; padding-left: 0; padding-right: 5%;}
.history-item .imgBox {width: 100%; max-width: 4rem; border-radius: .2rem 0 .2rem 0;  overflow: hidden; margin-bottom: .32rem; display: inline-block;}
.history-item .imgBox img {width: 100%; transition: 0.5s;}
.history-item .info {max-width: 68%;margin-left: auto;text-align: left;}
.history-item .info .month {margin-bottom: .1rem; color: #285fdd; font-size: var(--font20); font-weight: 600;}
.history-item .info .desc { color: #333; font-size: var(--font18);}
.history-item .info .desc p:before {content: '·'; margin-right: 5px;}
.history-item .info .info-item {margin-bottom: .4rem;}
.history-item .info .info-item:last-child {margin-bottom: 0;}
.history-item:nth-child(even) .info {margin-left: 0; margin-right: auto;}
@media (any-hover: hover) {
  .history-item:hover .dot {background: #23dae0; border-color: rgba(35, 218, 224,.1); box-shadow: 0 0 0 .1rem rgba(35, 218, 224,.1);}
  .history-item:hover .year {font-size: 1.2rem; color: #23dae0; font-weight: bolder;}
}
/* 关于我们 - 发展历程 GSAP Pin 动画样式 */
@media screen and (min-width: 1025px) {
  .aboutFour.gsap-pin-active {height: 100vh;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;}
  .aboutFour.gsap-pin-active .container {height: 100vh;display: flex;flex-direction: column;justify-content: flex-start;}
  .aboutFour.gsap-pin-active .develop {flex: 1;overflow: hidden;position: relative;margin-top: .4rem;}
  .aboutFour.gsap-pin-active .history-timeline {position: relative;height: 100%;}
  .aboutFour.gsap-pin-active .history-item {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;margin-bottom: 0;}
  /* 在 Pin 动画模式下，竖线可以不展示或者高度占满 */
  .aboutFour.gsap-pin-active .history-timeline::after {height: 100%;}
}

/* 发展历程 */
.develop-bg{background: url(../images/develop-bg.webp) no-repeat center; background-size: cover; padding: 1.18rem 0 .58rem; }
.develop-bg .index-title h2{color: #fff;}
.develop-arrow{    display: flex; }
.develop-arrow .swjt{position: relative;width: .55rem;height: .55rem; background: #FFFFFF;border-radius: 50%; margin-top: 0; cursor: pointer; transition: .6s; opacity: 1;} 
.develop-arrow .swjt i{color: #727272;}
.develop-arrow .swiper-button-prev{left: auto;}
.develop-arrow .swiper-button-next{right: auto; margin-left: .2rem;}
@media (any-hover: hover) {
  .develop-arrow .swjt:hover{background: #19448B; }
  .develop-arrow .swjt:hover i{color: #fff;}
}
.develop-list{overflow: hidden; margin-top: .8rem;}
.develop-box{}
.develop-box .pic{ width: 48.5%; border-radius: .2rem; overflow: hidden;}
.develop-box .pic img{display: block; width: 100%; transition: .6s;}
.develop-box .info{width: 45%;}
.develop-box .info h3{ }
.develop-box .info h4{font-style: normal; margin-top: .32rem;}
.develop-bottom {position: relative;z-index: 8;color: #fff;text-align: center;margin-top: .96rem;}
.develop-bottom::before {content: "";position: absolute;top: calc(10px / 2);left: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.develop-btn{overflow: visible;}
.develop-btn ul li {display: flex;flex-wrap: wrap;align-content: space-between;height: 56px;cursor: pointer;}
.develop-btn ul li .c-dot {margin: 0 auto;display: flex;align-items: center;justify-content: center;width: 11px;height: 11px;position: relative;transition: all 0.4s;}
.develop-btn ul li .c-dot::before {content: "";position: absolute;width: 290%;height: 290%;background: rgba(255, 255, 255, 0.3);/* background-size: contain; */opacity: 0;transform: scale(0);transition: all 0.4s;border-radius: 50%;}
.develop-btn ul li .c-dot::after {content: "";position: absolute;width: 100%;height: 100%;border-radius: 50%;background-color: #fff;transition: all 0.4s;}
.develop-btn ul li .syear {width: 100%;transition: all 0.4s;line-height: 1;font-size: var(--font20);font-family: Arial, Arial-Bold;font-style: normal;}
.develop-btn ul li.swiper-slide-thumb-active .c-dot::after {opacity: 1;}
.develop-btn ul li.swiper-slide-thumb-active .c-dot::before {opacity: 1;transform: scale(1);}
.develop-btn ul li.swiper-slide-thumb-active .syear {font-size: var(--font24);transform: translateY(10%);font-weight: 700;}
@media screen and (max-width:767px) {
  .develop-box .pic{width: 100%;}
  .develop-box .info{width: 100%; margin-top: .5rem;}
}


.aboutFive {position: relative;}
.aboutFive .aboutTle {position: absolute; top: 1rem; left: 50%; transform: translateX(-50%);}

/* ==========关于我们-----企业文化 */
.cultureOne {padding: 1rem 0; padding-bottom: 0;}
.cultureOne .list .item {display: flex; justify-content: space-between; margin-bottom: 1rem;}
.cultureOne .list .item:nth-child(even) {flex-direction: row-reverse;}
.cultureOne .item .left {width: 50%; padding: .2rem 1rem; display: flex; flex-direction: column; justify-content: center;}
.cultureOne .item .right {width: 50%;}
.cultureOne .item .right img {width: 100%; height: 100%; object-fit: cover;}
.cultureOne .item .text {margin-top: .5rem;}
.cultureOne .item .text p {text-align: justify; line-height: 1.8; color: #666;}
.cultureTwo {background: url(../images/indexSix-bg.webp) no-repeat center; background-size: cover; padding: 0 0 1.4rem;}

/* ==========关于我们----荣誉资质 */
.honorsMain {padding: 1rem 0; padding-bottom: 2rem;}
.honorsBox .box {display: flex; justify-content: space-between; align-items: flex-start;}
.honorsnav {width: 15%; position: sticky; top: 1.4rem;} 
.honorsnav .ctitle1 > ul > li {margin-top: .2rem;}
.honorsnav .ctitle1 > ul > li .menu-li {display: flex; align-items: center; justify-content: space-between; padding: .14rem .25rem; transition: .5s; background: #f9f9f9; cursor: pointer; border-radius: 50px;}
.honorsnav .ctitle1 > ul > li .menu-li a {color: #333; font-size: var(--font18);transition: .5s;}
.honorsnav .ctitle1 > ul > li .menu-li i { color: #333; font-size: var(--font20); transform: rotate(-90deg); flex-shrink: 0; margin-left: .2rem; transition: .5s;}
.honorsnav .ctitle1 > ul > li .menu-li.on {background: #050a7a;}
.honorsnav .ctitle1 > ul > li .menu-li.on a {color: #fff;}
.honorsnav .ctitle1 > ul > li .menu-li.on i {transform: rotate(0deg); color: #fff;}
.honorsnav .ctitle2 {display: none;}
.honorsnav .ctitle2 ul {padding:.1rem;}
.honorsnav .ctitle2 ul li {padding: .17rem .1rem; border-bottom: 1px solid rgba(221, 221, 221,.74);}
.honorsnav .ctitle2 ul li:last-child {border: 0;}
.honorsnav .ctitle2 ul li a {color: #555555; display: block; transition: .5s;}
.honorsnav .ctitle2 ul li:hover a {color: #050a7a;}
.honorsnav .ctitle2 ul li.on a {color: #050a7a;}
.honorsnav .ctitle1 > ul > li.on .ctitle2 {display: block;}
.honorslist {width: 80%;}
.honorslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .8rem;}
.honorslist ul li .imgBox {position: relative;  padding-bottom: 17%; text-align: center;}
.honorslist ul li .imgBox::after {content: ""; background: url(../images/honer-img-icon.png) no-repeat bottom; background-size: 100%; z-index: 0; bottom: 0; width: 100%; height: 100%; position: absolute; left: 0;}
.honorslist ul li .picImg {display: inline-block; position: relative;width: 80%;}
.honorslist ul li .picImg::after {content: ""; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5) url(../images/fdj-icon2.png) no-repeat center; transition: .5s; opacity: 0;}
.honorslist ul li .picImg img {padding: .1rem; box-sizing: border-box;background: #f5f5f5;width: 100%; }
.honorslist ul li .con {border-bottom: 1px solid #dddddd; padding: 0 .15rem; padding-bottom: .15rem; margin-top: .1rem;}
.honorslist ul li .con span {font-size: var(--font16); color: #666666; font-family: Arial, Arial-Regular; display: block; background: url(../images/fdj-icon.png) no-repeat right; padding-right: 35px;}
.honorslist ul li:hover .con span {color: #ba0703;}
.honorslist ul li:hover .picImg::after {opacity: 1;}

/* ==========产品中心 */
.proOne {padding: 1rem 0 1.5rem;}
.proOne-title {margin-bottom: .8rem;}
.proOne-title h3 {margin-bottom: .4rem;}
.proOne-title p { width: 13rem;max-width: 100%;line-height: 1.8;}
.proOne-list {gap: .24rem;}
.proOne-list .item {background: #f8f8f8;padding: .8rem .45rem;padding-bottom: 2.5rem;border-radius: .2rem;transition: .4s;position: relative;}
.proOne-list .item-box {}
.proOne-list .item-box .txt h4 {margin-bottom: .3rem;}
.proOne-list .item-box .txt p {}
.proOne-list .item-box .btns {position: absolute;bottom: .6rem;margin-top: .8rem;gap: .1rem;}
.proOne-list .item-box .btns > a {padding: .1rem .2rem;border-radius: 100px;transition: .4s;}
.proOne-list .item-box .btn-more {background: #050a7a;color: #fff;}
.proOne-list .item-box .btn-more:hover {background: #0056FF;}
.proOne-list .item-box .btn-ask {color: #999;border: 1px solid #999;}
.proOne-list .item-box .btn-ask:hover {color: #04376F;}
@media (any-hover: hover) {
  .proOne-list .item:hover {box-shadow: 0 .1rem .4rem rgba(0,0,0,.08);transform: translateY(-10px);background: #fff;}
  .proOne-list .item-box .btns > a:hover{background: #23dae0; color: #fff; border-color: transparent;}
}

/* ==========产品详情 */
.prodate_banner .mbx img {filter: brightness(0); -webkit-filter:brightness(0);}
.prodate_banner .mbx a {color: #333;}
.prodate_banner .mbx a::after {color: #333;}
.prodate_banner {position: relative; overflow: hidden;}
.prodate_banner .box {min-height: 8rem; display: flex; flex-direction: column; justify-content: center;}
.prodate_banner .tle {line-height: 1.2;}
.prodate_banner .text {width: 6rem; max-width: 100%;}
.prodate_banner .more {margin-top: .5rem;}
.prodate_banner .more a {display: inline-flex; transition: .5s; border: 1px solid #050a7a; align-items: center; gap: .1rem; padding: .1rem .25rem; border-radius: 100px;  color: #050a7a;}
.prodate_banner .more a i {font-size: var(--font20);}
.prodate_banner .more a span {font-size: var(--font16);}
@media (any-hover: hover) {
  .prodate_banner .more a:hover {background: #050a7a; color: #fff; border-color: transparent;}
}

.prodate-nav {position: sticky; top: 0; z-index: 2; background: #fff; border-bottom: 1px solid #eee; box-shadow: none;}
/* .prodate-nav.fixed {position: fixed; top: 1.2rem; bottom: auto; left: 0; width: 100%; ; z-index: 98;} */
.prodate-nav ul li a {color: #333;}
.prodate-content .tab-item {padding: 1rem 0;}
.prodate-content .tab-item img {max-width: 100%; object-fit: contain;}
.prodate-content .title {margin-bottom: .4rem; }
.prodate-content .table_icon {border-collapse: separate; border-spacing: .35rem 0px;}
.prodate-content .table_icon tr td {background: #f5f5f5; padding: .5rem; box-sizing: border-box; border-radius: .2rem;}
@media (max-width: 767px) {
  .prodate-content .table_icon {border-spacing: 0;}
  .prodate-content .table_icon tr {gap:.2rem}
  .prodate-content .table_icon tr td {width: calc(50% - .1rem);}
}


.proinfo {}
.proinfo-nav .proinfo-prev,
.proinfo-nav .proinfo-next {width: .5rem;height: .5rem;border-radius: 50%;background-color: #f5f5f5;color: #999;cursor: pointer;transition: all 0.3s ease;}
.proinfo-nav .proinfo-prev:hover,
.proinfo-nav .proinfo-next:hover {background-color: #050B7A;color: #fff;}
.proinfo-nav .swiper-button-disabled {opacity: 0.5;cursor: not-allowed;}
.proinfo-nav .swiper-button-disabled:hover {background-color: #f5f5f5;color: #999;}
.proinfo-nav i {font-size: var(--font24);}
.proinfo-swiper {width: 100%;overflow: hidden; margin-top: .5rem;}
.proinfo-swiper .imgBox {width: 100%;padding-bottom: 66%; /* adjust based on aspect ratio, approx 3:2 */position: relative;border-radius: .2rem;overflow: hidden;}
.proinfo-swiper .imgBox img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
@media (any-hover: hover) {
  .proOne-list.proinfo-swiper .item:hover {box-shadow: none;transform: translateY(-10px);background: #fff;}
}


/* ==========创新研发 */
.innovateOne {padding: 1.2rem 0;}
.innovateOne h3 {margin-bottom: .6rem;}
.innovateOne .text {line-height: 1.8;width: 8rem;max-width: 100%;margin: 0 auto;}
.innovateOne .down-icon {margin-top: 1.4rem;width: .5rem;height: .5rem;border-radius: 50%;background: #050a7a;color: #fff;font-size: var(--font30);}
.innovateOne .down-icon i {animation: shubiao2 1s infinite;}

.innovateTwo {padding: 1.2rem 0;background: url(../images/innovateTwo-bg.webp) no-repeat center;background-size: cover;position: relative;overflow: hidden;}
.innovateTwo .container {position: relative;z-index: 2;}
.innovateTwo .title-box {margin-bottom: 1rem;}
.innovateTwo .title-box h3 {margin-bottom: .4rem;}
.innovateTwo .title-box p {   width: 8rem;max-width: 100%;line-height: 1.8;margin: 0 auto;}
.innovateTwo .list {margin-top: .6rem;gap: .6rem;}
.innovateTwo .list .item {padding: .45rem;padding-bottom: .6rem;border-radius: .2rem;background: rgba(7, 11, 93,.25);}
.innovateTwo .list .item .icBox {width: .6rem;height: .6rem;margin-bottom: .2rem; display: flex; justify-content: center;align-items: center; }
.innovateTwo .list .item .icBox img {max-width: 100%; max-height: 100%; height: auto;object-fit: contain;}
.innovateTwo .list .item h4 {margin-bottom: .2rem;}
.innovateTwo .list .item p {line-height: 1.8; color: #fff;}

.innovateThree {padding: 1.2rem 0;}
.innovateThree .title-box {margin-bottom: 1rem;}
.innovateThree .title-box p {width: 10rem;max-width: 100%;line-height: 1.8;margin: 0 auto;}
.innovateThree .list {margin-top: 1.1rem;gap: .8rem;}
.innovateThree .list .item {text-align: center;}
.innovateThree .list .item .circle-box {width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: auto;margin-bottom: .3rem;}
.innovateThree .list .item .inner-circle {width: 100%;height: 100%;border-radius: 50%;background: #f4f6f9;font-size: .46rem;color: #050a7a;font-weight: 700;}
.innovateThree .list .item:hover .inner-circle {background: #050a7a;color: #fff;transition: .4s;}

.innovateFour {padding: 1.2rem 0;background: #f8f9fb url(../images/innovateFour-bg.webp) no-repeat center;background-size: cover;}
.innovateFour .title-box {margin-bottom: .8rem;}
.innovateFour .list {gap: .24rem; display: flex; justify-content: space-between;}
.innovateFour .list .item {flex: 1; width: calc(33.33% - .4rem);background: rgba(255, 255, 255,.8);padding: .6rem .4rem;border-radius: .1rem;box-shadow: 0 0 .3rem rgba(0,0,0,.05);transition: .4s;}
.innovateFour .card-box {height: 100%;display: flex;flex-direction: column; }
.innovateFour .card-box .info {margin-top: .4rem;}
.innovateFour .dot-list {overflow-y: auto; max-height: 3rem; padding-right: .2rem;}
.innovateFour .dot-list li {position: relative;padding-left: .25rem;margin-bottom: .1rem;}
.innovateFour .dot-list li::before {content: "";position: absolute;left: 0;top: .08rem;width: .08rem;height: .08rem;background: #0056ff;border-radius: 50%;}
.innovateFour .certificate-swiper {width: 100%;}
.innovateFour .certificate-swiper .imgBox {aspect-ratio: 4/3;display: flex;align-items: center;justify-content: center;}
.innovateFour .certificate-swiper .imgBox img {max-width: 100%;max-height: 100%;object-fit: contain;}
.innovateFour .swiper-pagination {position: static;width: auto;}
.innovateFour .swiper-pagination-bullet {width: .1rem;height: .1rem;background: #d2d2d2;opacity: 1;margin: 0 .05rem !important; transition: .3s; border-radius: .05rem;}
.innovateFour .swiper-pagination-bullet-active {background: #050a7a;}
.innovateFour .swiper-counter .current {color: #333;}
.innovateFour .swiper-footer {padding-top: .3rem;}
@media (any-hover: hover) {
    .innovateFour .list .item:hover {transform: translateY(-.1rem); box-shadow: 0 .1rem .4rem rgba(0,0,0,.1);}
}

.innovateFive {padding: 1.2rem 0; background: #fff;}
.innovateFive .tab-box .item {padding: .12rem .4rem; border: 1px solid #666; border-radius: .4rem; cursor: pointer; transition: .4s; font-size: var(--font18); color: #333;}
.innovateFive .tab-box .item.active {background: #1fd3db; border-color: #1fd3db; color: #fff;}
.innovateFive .lab-swiper {display: none; padding-bottom: .6rem;}
.innovateFive .lab-swiper.active {display: block;}
.innovateFive .lab-swiper .swiper-slide { overflow: hidden;}
.innovateFive .lab-swiper .imgBox { padding-bottom: 64.25%;  overflow: hidden;}
.innovateFive .lab-swiper .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.innovateFive .lab-swiper .swiper-pagination {bottom: 0;}
.innovateFive .lab-swiper .swiper-pagination-bullet {width: 10px; height: 10px; background: #d2d2d2; opacity: 1; transition: .3s; margin: 0 5px !important;}
.innovateFive .lab-swiper .swiper-pagination-bullet-active {background: #050a7a;}
@media (any-hover: hover) {
    .innovateFive .lab-swiper .swiper-slide .imgBox:hover img {transform: scale(1.05);}
}

/* ==========交付保障 */
.deliveryOne {padding-top: 1.2rem;}
.deliveryOne .top {align-items: flex-end;}
.deliveryOne .le { }
.deliveryOne .re { width: 50%; }
.deliveryOne .re p { line-height: 1.8; }

.deliveryTwo {padding: .8rem 0 0;}
.stats-list { width: 100%; }
.stats-list li { width: 18%; text-align: center; }
.stats-list li h4 { position: relative; display: inline-block; }
.stats-list li p { line-height: 1.4; }

.deliveryThree {padding: 1.2rem 0; background: url(../images/deliveryThree-bg.webp) no-repeat center; background-size: cover;}
.deliveryThree .le {width: 40%;}
.deliveryThree .re {width: 50%;}
.deliveryThree .le .text {margin-top: .5rem;}
.deliveryThree .le .text p { line-height: 1.8; }
.deliveryThree .re .imgBox { position: relative; padding: 0.2rem; }
.deliveryThree .re .imgBox img {width: 100%;}

.deliveryFour {padding: 1rem 0;}
.delivery-swiper-box { position: relative; }
.delivery-swiper {width: 100%; }
.delivery-swiper .swiper-slide { height: auto; }
.delivery-swiper .imgBox {width: 100%; height: 100%; overflow: hidden; border-radius: 0.1rem; position: relative;}
.delivery-swiper .imgBox::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 1; transition: .5s; }
.delivery-swiper .imgBox img {width: 100%; height: 100%; object-fit: cover; }
.delivery-swiper .swiper-slide-active .imgBox::before {opacity: 0;}
.deliveryFour .swiper-button-prev,
.deliveryFour .swiper-button-next {width: .5rem;height: .5rem; font-size: var(--font24); background: #fff;border-radius: 50%;color: #333; transition: .5s;}
.deliveryFour .swiper-button-prev { left: 20%; }
.deliveryFour .swiper-button-next { right: 20%; }
.deliveryFour .swiper-button-prev:after,
.deliveryFour .swiper-button-next:after {background: #0056FF;color: #fff;}
@media (any-hover: hover) {
    .deliveryFour .swiper-button-prev:hover,
    .deliveryFour .swiper-button-next:hover {background: #0056FF;color: #fff;}
}

/* ==========新闻动态 */
.news-csr { padding: 1rem 0; background: rgba(240, 240, 240, 0.88);}
.news-csr .csr-box {overflow: hidden; margin-top: .6rem; background: #fff;}
.news-csr .csr-box .le { width: 50%;  }
.news-csr .csr-box .le .imgBox { width: 100%; height: 100%; }
.news-csr .csr-box .le .imgBox img { width: 100%; height: 100%; object-fit: cover; }
.news-csr .csr-box .re { width: 50%; padding: .6rem .8rem; }
.news-csr .btn-more {margin-top: 1rem; display: inline-flex; background: #050a7a; color: #fff; padding: .15rem .45rem; border-radius: 100px; transition: .4s; }
.news-csr .btn-more:hover { background: #23dae0; }
.news-list-wrap {padding: 1rem 0; overflow: hidden;}
.news-list-wrap .list {margin-top: .5rem;}
.news-list-wrap .item { padding: .6rem 0; border-bottom: 1px solid #eee; position: relative; z-index: 1;}
.news-list-wrap .item::after {content: ''; position: absolute; inset: 0; width: 200vw; left: -100vw; height: 100%; background: rgba(240, 240, 240, 0.8784); opacity: 0; transition: .5s; z-index: -1;}
.news-list-wrap .item:first-child { border-top: 1px solid #eee; }
.news-list-wrap .item .date { flex-shrink: 0; }
.news-list-wrap .item .imgBox { width: 5.3rem; height: 3.36rem; overflow: hidden; margin: 0 .5rem 0 2rem; }
.news-list-wrap .item .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: .5s; }
.news-list-wrap .item .info { flex: 1; margin-top: .3rem; position: relative; padding-bottom: .8rem;}
.news-list-wrap .item .info h4 a:hover { color: #19448B; }
.news-list-wrap .item .info .more { position: absolute; bottom: .3rem; left: 0; color: #333; font-weight: 700; transition: .3s; }
.news-list-wrap .item .info .more:hover { color: #19448B; }
@media (any-hover: hover) {
  .news-list-wrap .item:hover .date {color: #19448B; }
  .news-list-wrap .item:hover::after {opacity: 1;}
  .news-list-wrap .item:hover .imgBox img { transform: scale(1.05); }
}

/* =====新闻详情===== */
.newsDateOne {background: #f5f5f5; padding-bottom: 1rem;}
.newsDateOne .mbx a {color: #333;}
.newsDateOne .mbx a::after {color: #333;}
.newsDateOne .mbx .icBox img {filter: brightness(0); -webkit-filter:brightness(0);}
.newsDateOne .box {margin-top: .48rem; align-items: flex-start;}
.newsDateOne .le {width: 72%; background: #fff; padding: .6rem;}
.newsDateOne .re {width: 26%; position: sticky; top: 1.5rem;}
.newsDateOne .le .tle {padding-bottom: .24rem; border-bottom: 1px solid #eee;}
.newsDateOne .le .tle .tit {line-height: 1.3;}
.newsDateOne .le .tle .time {margin-top: .15rem; color: #666;}
.newsDateOne .le .con {padding: .28rem 0;}
.newsDateOne .re .re_recomd {background: #fff; margin-bottom: .24rem; padding: .28rem;}
.newsDateOne .re .tit {border-bottom: 1px solid #DEDEDE; padding-bottom: .2rem; font-size: var(--font24); font-weight: 700; color: #333;}
.newsDateOne .re .list li {padding: .2rem 0; border-bottom: 1px solid #D2D2D2;}
.newsDateOne .re .list li:last-child {border-bottom: 0; padding-bottom: 0;}
.newsDateOne .re .list li a {display: flex; align-items: center; gap: .2rem;}
.newsDateOne .re .list li .imgBox {width: 40%; padding-bottom: 35%; background: #fff; border-radius: .1rem; position: relative; flex-shrink: 0; overflow: hidden;}
.newsDateOne .re .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: .5s;}
@media (any-hover: hover) {
  .newsDateOne .re .list li:hover .imgBox img {transform: scale(1.1);}
}
.newsDateOne .re .re_recomd2 .list li .imgBox img {object-fit: contain;}

/* 新闻分页 */
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .48rem; padding-top: .48rem; border-top: 1px solid #F2F2F2; }
.newsxq-page a {display: flex; align-items: center; gap: .1rem;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; min-width: 30px;min-height: 30px;   border: 1px solid #eeeeee;border-radius: .03rem;}
.news-prev i,.news-next i {font-size: var(--font14);}
.newsxq-page .back-link {display: inline-flex; }
.newsxq-page .back-link i {transform: rotate(0deg);}
@media (any-hover: hover) {
  .prev-link:hover .news-prev {background: #001a66; border-color: #001a66;}
  .prev-link:hover .news-prev i {color: #fff;}
  .next-link:hover .news-next {background: #001a66; border-color: #001a66;}
  .next-link:hover .news-next i {color: #fff;}
}


/* ==========人力资源 */
.humanOne { padding: 1.2rem 0; background: #fff; }
.humanOne .human-title { margin-bottom: .6rem; }
.policy-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem .4rem; }
.policy-item { background: #f8f9fb; border-radius: .15rem; padding: .5rem .4rem; display: flex; align-items: flex-start; gap: .3rem; transition: .4s; }
.policy-item .icon-box { width: .5rem; height: .5rem; min-height: 40px; min-width: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.policy-item .icon-box img {max-width: 100%; max-height: 100%;}
.policy-item .info h3 {margin-bottom: .05rem;}

.humanTwo { padding: 0 0 1rem; background: #fff; }
.humanTwo-list { display: flex; gap: .15rem; height: 5.86rem; margin-top: .7rem; }
.humanTwo-list .item { position: relative; flex: 1; height: 100%; overflow: hidden; border-radius: .2rem; transition: flex .7s cubic-bezier(.22, .61, .36, 1); cursor: pointer; }
.humanTwo-list .item .imgBox { position: absolute; inset: 0; z-index: 1; }
.humanTwo-list .item .imgBox img { width: 100%; height: 100%; object-fit: cover; transition: .8s ease; }
.humanTwo-list .item::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%); z-index: 2; transition: .5s; }
.humanTwo-list .item-inner {opacity: 0; padding: .4rem; padding-bottom: 1rem; position: absolute; left: 0; bottom: 0; width: 100%;  transition: .5s; z-index: 3;  }
.humanTwo-list .item .desc {margin-top: .2rem;}
.humanTwo-list .item .item-tit {color: #fff; font-size: var(--font24); font-weight: 700; position: absolute; width: 100%; padding: 0 .2rem; text-align: center; bottom: .4rem; z-index: 3; transition: .5s; }
.humanTwo-list .item.active .item-inner {opacity: 1; transition-delay: .5s;}
.humanTwo-list .item.active { flex: 2.8; }
.humanTwo-list .item.active::after {background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%); }
.humanTwo-list .item.active .desc {  }
.humanTwo-list .item.active .item-tit {opacity: 0;}
@media (any-hover: hover) {
  .humanTwo-list .item:hover .imgBox img { transform: scale(1.05); }
}

.humanThree { padding: 1.2rem 0; background: url(../images/humanThree-bg.webp) no-repeat center/cover; background-attachment: fixed; position: relative; }
.humanThree .container { position: relative; z-index: 2; }
.humanThree .human-title { margin-bottom: 1.2rem; }
.planning-cards {gap: .5rem;  margin-bottom: .5rem; }
.planning-cards .item {min-height: 2.6rem;  background: rgba(255, 255, 255, 0.1);  padding: .5rem .3rem; border-radius: .2rem;  display: flex; flex-direction: column; }
.planning-cards .item .phase {  }
.planning-cards .item .desc {margin-top: .2rem;}
.planning-cards .item:last-child .desc {margin-top: .45rem;}
.planning-timeline { position: relative;  }
.planning-timeline .line { height: 1px; background: rgba(255, 255, 255, 0.4); position: relative; margin-bottom: .6rem; }
.planning-timeline .line::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-left: 20px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.planning-timeline .milestones { padding: 0 .2rem; padding-right: 1.5rem;}
.planning-timeline .milestone { font-weight: 500; }
.planning-timeline .arrow { color: #fff; font-size: .2rem; display: flex; align-items: center; }

.humanFour { padding: 1.2rem 0; background: #fff; padding-bottom: 0;}
.humanFour .human-title { margin-bottom: .6rem; }
.job-list { display: flex; flex-direction: column; gap: .2rem; }
.job-item { background: #fff; border-radius: .15rem; border: 1px solid #eee; overflow: hidden; transition: all .3s; }
.job-item .job-header { padding: .3rem .4rem; cursor: pointer; transition: all .3s; border-bottom: 1px solid transparent;}
.job-item .job-info-main { gap: .6rem; flex: 1; }
.job-item .job-name { color: #333;  flex:1; }
.job-item .job-tags { gap: .4rem; flex: 2; margin: 0 2rem; margin-left: 0; justify-content: space-between;}
.job-item .tag { color: #333; font-size: var(--font18); gap: .1rem; flex: 1; }
.job-item .tag i { font-size: var(--font20); color: #ccc; }
.job-item .job-arrow { font-size: var(--font24); color: #333; transition: transform .3s; }
.job-item .job-content {background: #F9F9F9; padding: .5rem;  overflow: hidden; display: none;}
.job-item .content-inner {padding: 0;}
.job-item .detail-block { margin-top: .4rem; }
.job-item .detail-title { font-size: var(--font18); color: #333; margin-bottom: .15rem; }
.job-item .detail-list { color: #666; font-size: var(--font16); line-height: 1.8; }
.job-item .job-apply { margin-top: .6rem; }
.job-item .apply-btn { display: inline-block; padding: .15rem .4rem; background: #0C2287; color: #fff; border-radius: .5rem; font-size: var(--font18); transition: all .3s; }
.job-item .apply-btn:hover { background: #001e62; transform: translateY(-3px); box-shadow: 0 .05rem .15rem rgba(0, 30, 98, 0.3); }
.job-item.active .job-header {background: #F9F9F9; border-color: #D8D8D8;}
.job-item.active .job-arrow { transform: rotate(180deg); }
.job-item.active { border-color: #D8D8D8; }

/* ==========联系我们-联系我们 */
.contact-title h2{display: block; font-size: var(--font42); font-weight: 500;  margin-bottom: .6rem;}
.ny-contact .tact-box {padding: 1rem 0 1.2rem;} 
.ny-contact .tact-box .info{width: 40%;}
.ny-contact .tact-box .text{line-height: 2;}
.ny-contact .tact-box .text b{display: block;}
.ny-contact .tact-box .text a{color: #3D3D3D;}
@media (any-hover: hover) { 
  .ny-contact .tact-box .text a:hover {color: #0056FF;}
}

.follow {margin-top: .5rem;}
.follow dt {flex-shrink: 0;}
.follow dl {display: flex; align-items: center;}
.follow dl .ddbox {display: flex;}
.follow dl dd {margin-right: .2rem; position: relative;}
.follow dl dd .icBox {width: .6rem; height: .6rem; min-height: 40px; min-width: 40px; border-radius: 50%;background: #D8D8D8;display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox svg {width: 40%; height: 40%; object-fit: contain; }
.follow dl dd .icBox svg path {}
.follow dl dd:hover .icBox svg path {opacity: 1;}
.follow dl dd.hover_code .code {width: auto; box-shadow: 0 0 .1rem rgba(0,0,0,.1); position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .1rem; border-radius: .1rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;}
.follow dl dd.hover_code .code span {display: block; margin-top: .05rem;}
.follow dl dd.hover_code .code img {width: 1.5rem;}
.follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .1rem solid transparent; border-top-color: #fff;}
/* @media (any-hover: hover) { */
.follow dl dd.hover_code:hover .icBox{background: #0056FF;}
.follow dl dd.hover_code:hover .icBox svg path {fill: #fff;}
.follow dl dd.hover_code:hover .code {opacity: 1;  bottom: 130%; visibility: visible; pointer-events: auto;}
/* } */
.ny-contact .tact-box .pic{width: 53.375%; position: relative;}
.ny-contact .tact-box .pic img{display: block; width: 100%; object-fit: cover; min-height: 4rem; border-radius: .24rem;}
.maps-cirle {position: absolute;top: 55%;left: 50.5%;transform: translate(-50%,-50%);}
.maps-cirle i {width: .25rem; height: .25rem; border-radius: 50%; display: block;background: rgba(80, 80, 80, 1); position: relative; z-index: 2;}
.maps-cirle::after {background: rgba(64,64,64,1); position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1;  animation: scale 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}


.message-bg{background: #F6F6F6; padding: 1rem 0;}
.message-bg .form .form_box {display: flex; justify-content: space-between;}
.message-bg .form .form_box .form_left {width: 49.25%;}
.message-bg .form .form_box .form_right {width: 49.25%;}
.message-bg .form .form_box .inBox {margin-bottom: .2rem;}
.message-bg .form .form_box input {height: .56rem;min-height: 36px; background: #ececec; width: 100%; padding: 0 .2rem;}
.message-bg .form .form_box input::-webkit-input-placeholder {color: #999999;}
.message-bg .form .form_box input::-moz-placeholder {color: #999999;}
.message-bg .form .form_box input::-ms-input-placeholder {color: #999999;}
.message-bg .form .form_box textarea {height: 100%; background: #ececec; width: 100%; padding: .2rem; box-sizing: border-box; resize: none;}
.message-bg .form .form_box textarea::-webkit-input-placeholder {color: #999999;}
.message-bg .form .form_box textarea::-moz-placeholder {color: #999999;}
.message-bg .form .form_box textarea::-ms-input-placeholder {color: #999999;}
.message-bg .form .form_box .intent {height: calc(.56rem + .56rem + .56rem + .4rem);}
.message-bg .form .form_box .incode {position: relative;}
.message-bg .form .form_box .incode img {position: absolute;right: .1rem; top: 50%; transform: translateY(-50%); height: 90%; width: 1rem; object-fit: contain;}
.message-bg .form .insub {margin-top: .2rem;}
.message-bg .form .insub button {width: 1.4rem; height: .56rem; min-height: 36px; background: #999999; color: #fff; border: 0; margin: 0 .1rem; font-size: var(--font16);} 
.layui-form-select dl {top: 100%; }
.layui-form-select dl dd {line-height: initial; padding: .1rem;}



/* 2026.6.27隐藏 */
.deliveryThree{display: none;}