#c-placeholder {height: 6.875rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .6s;}
.headBox {padding: 0 4%;  transition: .5s; height: 6.875rem; display: flex; justify-content: space-between; align-items: center; background: transparent;}
.headBox .logo {height: 100%;}
.headBox .logo img {height: 5.625rem; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%; flex: 1; justify-content: end;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!!*/

nav {height: 100%; }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;  margin-right: 4.6875rem;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative; z-index: 1; font-size: var(--font20);  transition: 0.4s;}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {color: #2b69b4; font-weight: bold;}

nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;} 

/* 默认下拉 */
nav .layui-nav .layui-nav-child {top: 100%; background: rgba(255, 255, 255,1);; min-width: 8.125rem; line-height: initial;text-align: left;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font14);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #2b69b4;}

/* 二级导航 */
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: 6.875rem; width: 100%; display: none;}
.navdown-bg{position: absolute; top: 0; width: 100%; left: 0;  z-index: -1; height: 100%; overflow: hidden;}
.navdown-bg img{display: block; width: 100%; height: 100%; object-fit: cover;}
.nav-left{width: 18%; padding-top: 4.5rem;}
.nav-left strong{ color: #333;}
.nav-middle {  width: 28%;  padding: 4.625rem 3.75rem 3.75rem;  border-left: 0.0625rem solid #eee;  border-right: 0.0625rem solid #eee;}
.nav-middle  dl dt{  padding-bottom: 0.0625rem; margin-bottom: 0.9375rem;}

.nav-middle  dl dt a{ 
 display: block;
  
  font-size: 1.25rem!important;
  color: #434343!important;
  border-bottom: 0.0625rem solid #eee;
  position: relative;
  padding-left: 1.3125rem!important;
  padding-bottom: 1rem!important;
  margin-bottom: 1.0625rem!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: 0.4375rem;
  width: 0.25rem;
  height: 1rem;
  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: 0.0625rem;
  width: 0%;
  background: #2b69b4;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  content: "";
  display: block;
}
.nav-middle  dl dt a:hover{color: #2b69b4!important;}
.nav-middle  dl dt a:hover::after{ background: #2b69b4;}
.nav-middle  dl dt a:hover::before{ width: 80%;}


.nav-middle  dl dt.active a{color: #2b69b4!important;}
.nav-middle  dl dt.active a::after{ background: #2b69b4;}
.nav-middle  dl dt.active a::before{ width: 80%;}



.nav-right {
  width: 44%;
  padding: 5rem 0px 1.875rem 0px;
  margin-left: 5.875rem;
}
.nav-pic img{display: block; width: 100%;}


.headluange img{width: 1.625rem;}
.headluange a{    line-height: 1; display: inline-block; color: #fff;}
.headluange .ver{border-right: 1px solid #fff; padding: 0 .9375rem; margin-right: .9375rem;}


@media (any-hover:hover) {

header:hover{background: #fff;}
header:hover nav .layui-nav .layui-nav-item > a{color: #333;}
header:hover nav .layui-nav .layui-nav-item > a:hover{color: #1462C0!important;}
header:hover .headluange img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header:hover .headluange a{color: #333!important;}
header:hover .headluange .ver{border-color: #333;}
header:hover .headluange a:hover{color: #1462C0!important;}
}

header.c-style3:hover{background: #fff;}
header.c-style3{background: transparent; border-bottom: 1px solid rgba(0,0,0,0.1); transition: 0s;}
header.c-style3 nav .layui-nav .layui-nav-item > a{color: #333;}
header.c-style3 nav .layui-nav .layui-nav-item > a:hover{color: #1462C0!important;}
header.c-style3 .headluange img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style3 .headluange a{color: #333!important;}
header.c-style3 .headluange .ver{border-color: #333;}
header.c-style3 .headluange a:hover{color: #1462C0!important;}
header.c-style3 nav .layui-nav .layui-nav-item:hover > a, header.c-style3 nav .layui-nav .layui-this > a{color: #1462C0;}



header.c-style2{background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
header.c-style2 nav .layui-nav .layui-nav-item > a{color: #333;}
header.c-style2 nav .layui-nav .layui-nav-item > a:hover{color: #1462C0!important;}
header.c-style2 .headluange img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style2 .headluange a{color: #333!important;}
header.c-style2 .headluange .ver{border-color: #333;}
header.c-style2 .headluange a:hover{color: #1462C0!important;}
header.c-style2 nav .layui-nav .layui-nav-item:hover > a, header.c-style2 nav .layui-nav .layui-this > a{color: #1462C0;}


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


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#1462C0 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #1462C0; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1,.more2 {background: #1462C0; padding: 0.92rem 1.37rem; color: #fff;  transition: .5s; display: inline-flex; transition: .6s;}
.more1 img,.more2 img{width: .4375rem; margin-left: 2.375rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: .6s;}



@media (any-hover: hover) {
 .more2:hover {background: #fff; color: #1462C0; }
 .more2:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
 .more1:hover {box-shadow: 0 0 0 .625rem rgba(20,98,192,.4); }
}




/* ======首页======= */
.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: 3% !important; left: auto; display: none;}
.indexpagtion span {margin: 2rem 0 !important; width: .75rem; height: .75rem; opacity: 1; border: .188rem solid #ffffff; border-radius: 0; background: none; transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active {background: #16428b; transform: rotate(45deg); border-color: #16428b; opacity: 1;}

.indexOne {height: 100vh; position: relative; overflow: hidden;}
.indexOne .swiper {height: 100%; overflow: hidden;}
.indexOne .slide .bjBox {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.indexOne .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexOne .slide .box{top: auto; bottom: 10%;}
.indexOne .slide .con h2{font-size: 3rem; }
.indexOne .slide .con h3{font-size: 4.0625rem; }
.indexOne .slide .con b{color: #2b69b4;}
/* 当前 */
.indexOne .swiper-slide-active .bjBox img, .indexOne .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexOne .swjt img{ width: 1.25rem; opacity: 0.5; transition: .6s;}
#banner-prev{left: 2%;}
#banner-next{right: 2%;}
#banner-next img{transform: rotate(180deg);}
.indexOne .swjt img:hover{opacity: 1;}




/* 第二屏 关于我们 */
.indexTwo .slide_box {display: flex; height: 100%;padding-top: 6.875rem;}
.about-box{padding-top: 7.5rem;}

.about-left{width: 32%;}
.index-title b{color: #1462c0; display: block; margin-bottom: .375rem;}
.index-title strong{font-size: 3.125rem; color: #333333; display: block; line-height: 1.15;}
.about-left h3{color: #666666; margin: 1.875rem 0 6.4375rem;}
.about-left ul{gap:0 3rem}
.about-left ul li{border-top: 1px solid rgba(149,149,149,0.5); padding: 1.25rem 0 1.875rem; position: relative; transition: .6s;}
.about-left ul li::after{position: absolute; content: ''; top: -1px; left: 0; background: #1361c0; height: 2px; transition: .6s; width: 0;}
.about-left ul li em{color: #666666;display: inline-block;transition: .6s;transform: translateX(-50%);position: relative;left: 50%;}
.about-left ul li img{position: absolute; content: ''; top: 1.75rem; right: 0; transition: .6s; opacity: 0;}

.about-left ul li.active::after{width: 100%;}
.about-left ul li.active em{left: 24%; font-weight: 700; color: #1361c0;}
.about-left ul li.active img{right: 1.375rem; opacity: 1;}


.about-right{position: relative; width: 65%; margin-top: 2.625rem;}

.circle0 {
  width: 34.1875rem;
  height: 34.1875rem;
  border-radius: 50%;
  background-color: rgba(15, 117, 251, 0.15);
  position: relative;
}
.circle0 ul {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  text-align: center;
  z-index: 9;
}
.circle0 ul li {
  text-align: center;
  display: none;
}
.circle0 ul li.active {
  display: block;
}
.circle0 #right {
  clip: rect(0px 17.0938rem 34.1875rem 0px);
  position: absolute;
  left: 0px;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.circle0 #right a:hover::before {

  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: rgba(20,98,192,0.8);
}

.circle0::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22.3125rem;
  height: 22.3125rem;
  background: #fff;
  border-radius: 50%;
  z-index: 9;
}
.circle0::after {
  content: "";
  position: absolute;
  top: -1rem;
  left: -1rem;
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  border: 1px solid rgba(15, 117, 251, 0.15);
  border-radius: 50%;
  z-index: -1;
}
.circle0 .circle-right {
  width: 100%;
  height: 100%;
  border-radius: 10000px 0px 0px 10000px;
  position: absolute;
  right: 0;
  transform-origin: 100% 50%;
  overflow: hidden;
  z-index: 3;
}
.circle0 .circle-right .img2 {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 9;
}
.circle0 .circle-right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);

  
  z-index: 2;
}
.circle0 #history .img {
  width: 19.625rem;
  object-fit: contain;
  height: 11.25rem;
  object-position: bottom left;
  transform: rotate(-33deg);
  position: absolute;
  left: 1.0625rem;
  top: -1.375rem;
}
.circle0 #history .img2 {
  position: absolute;
  top: 10%;
  left: 42%;
}
.circle0 #honor {
  transform: rotate(300deg);
}
.circle0 #honor .img {
  transform: rotate(15deg);
  height: 300px;
  position: absolute;
  top: -5.9375rem;
  left: -0.1875rem;
  object-fit: cover;
}
.circle0 #honor .img2 {
  position: absolute;
  top: 7%;
  left: 52%;
  transform: rotate(-300deg);
}
.circle0 #culture {
  transform: rotate(240deg);
}
.circle0 #culture .img {
  transform: rotate(
121deg);
  height: 14.875rem;
  position: absolute;
  top: -4.9375rem;
  left: -0.5rem;
  object-fit: cover;
}
.circle0 #culture .img2 {
  position: absolute;
  top: 9%;
  left: 46%;
  transform: rotate(-240deg);
}
.about-right ul li .num {color: #333; font-weight: 700; display: flex; align-items: flex-end;}
.about-right ul li:first-child .num{align-items: flex-start;}
.about-right ul li .num>div{display: flex;}
.about-right ul li .num span,.about-right ul li .num .text-b{font-size: 3.25rem;  line-height: 1; display: inline-block;}  
.about-right ul li .num>div sup{font-size: var(--font30);line-height: 1;display: inline-block;margin-top: -0.625rem;}
.about-right ul li .num .text-b sup{font-size: var(--font20);}
.about-right ul li .num b{font-size: var(--font20);}
.about-right ul li em{color: #858585;font-weight: 700;display: block; margin-top: .25rem; }



.about-video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 57.6%;
  z-index: 11;
  
}
.video-pic img{display: block; width: 100%; border-radius: 1rem;}

.video-btn{ width: 4.8125rem;
  height: 4.8125rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;}
  .video-btn img{width: 1.25rem;}


  @keyframes cen {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }
  .video-btn::after {
    content: "";
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    animation: cen 2s infinite;
    z-index: -3;
  }



/* 第三屏 产品中心 */
.indexThre .slide_box {display: flex; height: 100%;padding-top: 6.875rem; align-items: center;}




.indexThre .yuans {
  top: 53%;
  transform: translateY(-50%);
  left: 32%;
  width: 41%;
  display: inline-block;
  z-index: -1;
  position: absolute;
}
.indexThre .yuans .img1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
  z-index: 3;
  width: 77%;
}
.indexThre .yuans .img1 img {
  -webkit-animation: identifier 5s linear infinite;
  -moz-animation: identifier 5s linear infinite;
  -o-animation: identifier 5s linear infinite;
  animation: identifier 5s linear infinite;
  width: 100%;
}
.indexThre .yuans .img2 {
  width: 100%;
}
.indexThre .yuans .img2 img {
  -webkit-animation: identifier 10s linear infinite;
  -moz-animation: identifier 10s linear infinite;
  -o-animation: identifier 10s linear infinite;
  animation: identifier 10s linear infinite;
  width: 100%;
}



@keyframes identifier {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.indexThre .index-title{position: absolute; top: 15.625rem;}
.indexThre .index-title b{color: #1462c0;}
.indexThre .index-title strong{color: #fff;}
.product-list{position: relative;overflow: hidden;width: 66.5%;margin-left: 0;margin-top: 13rem;}
.product-list ul li .info{width: 45%; margin-top: 7.5rem;}
.product-list ul li .info h3{font-size: 2.5rem; margin-bottom: 1.5625rem;}
.product-list ul li .info h4{color: rgba(255,255,255,0.5); margin-bottom: 6.125rem;}
.product-list ul li .pic {position: relative;z-index: 1;padding-bottom: 65.8%;overflow: hidden;width: 42.4%;}
.product-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s;}
#product-num{display: none;}

.product-btn{position: absolute;top: 0;right: 0;width: 12%;height: 100%; padding-left: .4375rem;}
.product-btn::after{position: absolute; content: ''; width: .0625rem; height: 100%; background: rgba(218,230,247,0.2);top: 0; left: .4375rem; }
.product-btn ul  {  display: flex;  justify-content: center;}
.product-btn ul li {height: auto!important; position: relative; cursor: pointer;}
.product-btn ul li::after{position: absolute; content: ''; top: 0; left: -0.3rem;  transition: .6s; background: url(../images/product-btn.png) no-repeat center center; background-size: 100% 100%; width: .4375rem; height: 0;  transition: .6s;}
.product-btn ul li em{color: rgba(255,255,255,0.4); padding-left: 3.0625rem; line-height: 4.5625rem; display: block;}
.product-btn ul li.swiper-slide-thumb-active::after{height: 100%;}
.product-btn ul li.swiper-slide-thumb-active em{color: #ffffff; font-weight: 700; font-size: var(--font18);}


/* 第四屏应用领域 */
.app-list ul li{}
.app-list ul li .pic {height: 100%;}
.app-list ul li .pic img {width: 100%; height: 100%; object-fit: cover;}
.app-list ul li .info{text-align: center; top: 47%;}
.app-list ul li .icon {height: 3.8125rem; margin-bottom: 1.1875rem;}
.app-list ul li .icon img {max-height: 100%; min-height: 3.1875rem; object-fit: contain; display: block; margin: 0 auto; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.app-list ul li .info span{color: #1462c0; display: block;}
.app-list ul li .info strong{font-size: 2.875rem; display: block; margin-bottom: 1.25rem;}
.app-list ul li .info h4{color: #ffffff; width: 46%; margin: 0 auto 3.4375rem;}


.app-bottom{position: absolute; width: 100%; bottom: 4.375rem; z-index: 2;}
.app-btn ul li{line-height: 4.2;  border-bottom: .375rem solid rgba(255, 255, 255, 0.2); position: relative; transition: .6s;}
.app-btn ul li::after{position: absolute; content: ''; height: .375rem; width: 0; background: #1462c0; transition: .6s; left: 0; bottom: -0.375rem;} 
.app-btn ul li .icon {height: 2.0625rem; margin-right: .8125rem;}
.app-btn ul li .icon img {max-height: 100%; min-height: 1.4375rem; object-fit: contain; display: block; opacity: 0.5; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.app-btn ul li em{display: block; color: rgba(255,255,255,0.5);font-size: var(--font30); transform: scale(0.9); transition: .6s;}
.app-btn ul li.swiper-slide-thumb-active::after{width: 100%;}
.app-btn ul li.swiper-slide-thumb-active .icon img{opacity: 1;}
.app-btn ul li.swiper-slide-thumb-active em{ color: #ffffff; transform: scale(1); }
#app-num{display: none;}


/* 第五屏业务布局 */
.indexFive .slide_box { height: 100%;padding-top: 14.375rem; position: relative;}
.business .index-title {margin-bottom: 5.75rem;}
.business .index-title strong{color: #fff;} 
.business{width: 41.5%;}
.business-list ul{gap: 8.6875rem 0;}
.business-list ul li{color: #fff;}
.business-list ul li strong{font-size: 3.875rem; display: block; line-height: 1; margin-bottom: .3125rem;}
.business-list ul li em{}

.business-map{position: absolute; right: 0; bottom: 0; width: 53%;}
.business-map .map{position: relative;}
.business-map .map img{display: block; width: 100%; height: 100%; object-fit: contain; }
.location{position: absolute; width: 100%; height: 100%; top: 0;}
.location ul li{position: absolute;  transform: translate(-50%, -50%);}
.location ul li.item1 { top: 50%; left: 21%; } 
.location ul li.item2 {top: 77%;left: 21%;} 
.location ul li.item3 {top: 45%;left: 42%;} 
.location ul li.item4 {top: 63%;left: 38%;} 
.location ul li.item5 {top: 50%;left: 52%;} 
.location ul li.item6 {top: 43%;left: 70%;} 
.location ul li.item7 {top: 57%;left: 65%;} 
.location ul li.item8 {top: 66%;left: 62%;} 
.location ul li.item9 {top: 67%;left: 56%;} 
.location ul li.item10 {top: 85%;left: 60%;} 


/* 定位点+双圈闪烁样式 */
.location ul li .dot {
  width: 1.125rem;
  height: 1.125rem;
  background: #fff;
  border-radius: 50%;
  position: relative;
}
/* 双外圈呼吸动画（和图中效果一致） */
.location ul li .dot::before, .location ul li .dot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border:1px solid #fff;
  animation: breath 2s infinite ease-in-out;
}
.location ul li .dot::before {
  width: 2.375rem;
  height: 2.375rem;
}
.location ul li .dot::after {
  width: 3.75rem;
  height: 3.75rem;
  animation-delay: 0.6s; /* 双圈错开闪烁 */
}
@keyframes breath {
  0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.8; }
  50% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
  100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.8; }
}



/* ========== 新增：蓝色定位点 专属高亮动画 ========== */
.location ul li .blue-dot {
  width: 1.125rem;
  height: 1.125rem;
  background: #fff; /* 蓝色主色 */
  border-radius: 50%;
  position: relative;
  
}
/* 蓝色点的双圈动画，颜色同步蓝色系，更协调 */
.location ul li .blue-dot::before, .location ul li .blue-dot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(20, 98, 192, 0.5); /* 蓝色半透明渐变 */
  animation: blueBreath 2s infinite ease-in-out; /* 专属动画 */
}
.location ul li .blue-dot::before {
  width: 2.375rem;
  height: 2.375rem;
}
.location ul li .blue-dot::after {
  width: 3.75rem;
  height: 3.75rem;
  animation-delay: 0.5s; /* 错开呼吸，层次感拉满 */
}
/* 蓝色点专属呼吸动画：缩放+透明度渐变，比白色点更灵动 */
@keyframes blueBreath {
  0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.9; }
  50% { transform: translate(-50%, -50%) scale(1); opacity: 0.2; }
  100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.9; }
}





/* 第六屏 新闻动态 */
.indexSix .slide_box {display: flex; height: 100%;padding-top:11.5625rem}
.news-top{margin-bottom: 5.125rem;}
.news-box{overflow: hidden;}
.latest-news{position: relative; overflow: hidden; width: 43.9375%;}
.latest-news ul li a{position: relative;}
.latest-news ul li .pic{overflow: hidden; height: 100%;}
.latest-news ul li .pic img{display: block; width: 100%; height: 100%;}

.latest-news ul li .info{position: absolute; width: 100%;  background: rgba(0,0,0,0.6); bottom: 0;  z-index: 2; padding: 1.25rem 0;}
.latest-news ul li .info h4{margin-left: 1.5625rem; width: 78%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#news-num{width: auto;left: auto;right: 1.8125rem;bottom: 4%;}
#news-num .swiper-pagination-bullet {opacity: 1; width: .625rem; height: .625rem; background: #fff;}
#news-num .swiper-pagination-bullet-active{background: #1462c0;}

.news-middle{width: 26.375%;}
.news-middle ul li{background: #ffffff; margin-bottom: 1.0625rem; padding: 3.4375rem 1.75rem 1.5625rem; transition: .6s;}
.news-middle ul li:last-child{margin-bottom: 0;}
.news-middle ul li strong{color: #333333; margin-bottom: .625rem;}
.news-middle ul li p{color: #666666; margin-bottom: 1.0625rem;}
.news-middle ul li .date{border-top: 1px solid  #CCCCCC; padding-top: .875rem;}
.news-middle ul li .date em{color: #666666;}
.news-middle ul li .icon{width: 2.5625rem; height: 2.5625rem; background: #ffffff; border-radius: 50%; transition: .6s; opacity: 0;}
.news-middle ul li .icon img{width: .75rem; transition: .6s;}


.news-right{width: 26.5%;}
.news-right ul li{background: #ffffff; margin-bottom: .85rem; padding: 1.6875rem 0 2.25rem; position: relative;}
.news-right ul li:last-child{margin-bottom: 0;}
.news-right ul li::after{position: absolute; content: ''; width: 0; height: 100%; left: 0; transition: .6s; background: #1462c0; top: 0;}
.news-right ul li .date{position: relative; z-index: 2; width: 28%;border-right: 1px solid rgba(204,204,204,0.6);display: flex;flex-direction: column;justify-content: center;padding: 0 1.75rem; font-family: Arial;}
.news-right ul li .date b{color: rgba(51,51,51,0.5);}
.news-right ul li .date i{width: 1.3125rem; height: 1px;  background: rgba(204,204,204,0.73); margin-bottom: .9375rem;}
.news-right ul li .date span{color: rgba(51,51,51,0.5);}
.news-right ul li .info{flex: 1; padding: 0 1.25rem; position: relative; z-index: 2;}
.news-right ul li .info strong{color: #333333; margin-bottom: .875rem;}
.news-right ul li .info img{width: 1.3125rem;}

@media (any-hover: hover) {
  .news-middle ul li:hover{background: #1462c0;}
.news-middle ul li:hover strong{color: #ffffff;}
.news-middle ul li:hover p{color: #ffffff;}
.news-middle ul li:hover .date{border-top: 1px solid  rgba(204,204,204,0.5);}
.news-middle ul li:hover .date em{color: #ffffff;}
.news-middle ul li:hover .icon{ opacity: 1;}
.news-middle ul li:hover .icon img{transform: rotate(360deg);}
.news-right ul li:hover::after{width: 100%;}
.news-right ul li:hover .date b{color: #ffffff;}
.news-right ul li:hover .date i{background: #ffffff;}
.news-right ul li:hover .date span{color: #ffffff;}
.news-right ul li:hover .info strong{color: #ffffff;}
.news-right ul li:hover .info img{filter: brightness(0) invert(1);}

  .latest-news ul li:hover .pic img {transform: scale(1.05);}
}




/* 公共底部 */
.footer-bg{background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover;}
.footer-top{padding: 3rem 0 5.375rem;}
.foot-logo img{height: 5.625rem; max-height: 100%; object-fit: contain; transition: .5s; display: block; margin-bottom: 2.8125rem;}
.footer-top .text i{display: block; width: 1.5rem; height: .1875rem; background: #ffffff; margin-bottom: 2.5rem;}
.footer-top .text p{color: #ffffff; margin-bottom: .625rem;}
.footer-top .text p img{width: .8125rem; margin-right: .625rem;}
.footer-top .text p a{color: #ffffff;}

.foternav{width: 40%; margin-top: 2rem;}
.foternav dl dt{position: relative; margin-bottom: 1.5rem;}
.foternav dl dt::after{position: absolute; content: ''; width: 1.5rem; height: .1875rem; background: #1462c0; border-radius: .125rem; bottom: 0; left: 0;}
.foternav dl dt a{font-size: var(--font20); color: #fff; display: block; line-height: 2;}
.foternav dl dd a{display: block; font-size: var(--font15); color: rgba(255,255,255,0.5); line-height: 2;}
.footer-wechat{width: 8.8%; margin-top: 2.625rem;}
.footer-wechat img{display: block; width: 100%; margin-bottom: .9375rem;}
.footer-wechat span{display: block; color: rgba(255,255,255,0.8);}
.footer-copy{border-top: 1px solid rgba(255,255,255,0.2); padding: 1.5625rem 0 2.1875rem;}
.footer-copy p{color: rgba(255,255,255,0.5);}
.footer-copy a{color: rgba(255,255,255,0.5);}
.foternav dl dd a:hover,.footer-copy a:hover{color: #ffffff;}
.footer-top .text p a:hover{color: #1462c0;}





/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic{}
.ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 25rem}
.pro-banner{top: 43%;}
.pro-banner .info strong{font-size: 3.75rem; display: block;}


.proMain-box{align-items: flex-start;}
.proMain-box .proleft-bg{width: 25.4%;background: url(../images/proleft-bg.jpg) no-repeat center bottom;background-size: cover;padding: 4.25rem 0 6.25rem 1.6875rem;height: 100vh;position: sticky;top: 6.875rem; box-shadow: inset 0 0 13px 13px rgba(18, 19, 19, 0.08);}
.pro-class{/* position: sticky; *//* top: 9rem; */width: 86%;}
.pro-class ul li{margin-bottom: 1.8125rem; position: relative;}
.pro-class ul li::after{position: absolute; content: ''; top: 50%; transform: translateY(-50%); right: 0; background: url(../images/proclass-arrow.png) no-repeat center; background-size: contain; width: 1.125rem; height: 1.3125rem; opacity: 0;}
.pro-class ul li .pic {position: relative;z-index: 1;padding-bottom: 56%;overflow: hidden;width: 96%; border-radius: 1.25rem;}
.pro-class ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.pro-class ul li .info{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; color: #fff; display: flex;justify-content: center; text-align: center;}
.pro-class ul li .text{transform: translateY(42%); transition: .6s;}
.pro-class ul li .info strong{display: block;}
.pro-class ul li .info span{font-family: Arial; display: block; line-height: 1; margin-bottom: 2.8125rem; opacity: 0;}
.pro-class ul li .info i{display: block; width: 2.0625rem; height: .3125rem; background: #ffffff; margin: 0 auto; opacity: 0;}

.pro-class ul li.on::after{opacity: 1;}
.pro-class ul li.on .info{background: rgba(43, 105, 180, 0.8)}
.pro-class ul li.on .text{transform: translateY(38%);}
.pro-class ul li.on .info span{opacity: 1;}
.pro-class ul li.on .info i{opacity: 1;}


@media (any-hover: hover) {
.pro-class ul li:hover::after{opacity: 1;}
.pro-class ul li:hover .info{background: rgba(43, 105, 180, 0.8)}
.pro-class ul li:hover .text{transform: translateY(38%);}
.pro-class ul li:hover .info span{opacity: 1;}
.pro-class ul li:hover .info i{opacity: 1;}
}


.proMain-box .proright{flex: 1;}
.nypro-list ul li{background: url(../images/proright-bg.jpg) no-repeat center; background-size: cover; padding: 0.5rem 8.5625rem 0.75rem;}
.nypro-list ul li .pic {position: relative;z-index: 1;padding-bottom: 44.5%;overflow: hidden;width: 32%; margin-right: 11.5625rem;}
.nypro-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.nypro-list ul li .info{flex: 1;}
.nypro-list ul li .info strong{color: #1b579f;}
.nypro-list ul li .info em{color: rgba(51,51,51,0.3); text-transform: uppercase; display: block; line-height: 1; margin-bottom: 2.75rem;}
.nypro-list ul li .info h4{color: #333333; display: flex; align-items: center;}
.nypro-list ul li .info span{display: inline-block; width: .5rem; height: .5rem; background: #2b69b4; border-radius: 50%; margin-right: .6875rem;}
.nypro-list ul li .info .more1{margin-top: 6.25rem; border-radius: 100px; padding: 0.82rem 1.46rem;}

@media (any-hover: hover) {
  .nypro-list ul li:hover .pic img{transform: scale(1.05);}
}

/* 内页产品详情页 */
.proxq-bg{background: url(../images/proxq-banner.jpg) no-repeat center; background-size: cover; padding:  6.875rem 0 0;}
.proxq-top{ padding-top: 2.1875rem; }
.position{margin-bottom: 3.5rem;}
.position span{font-size: var(--font15); color: #777777;}
.position img{width: 1.125rem;}
.position a{margin: 0 .5rem;}
.position a:hover{color: #1462C0;}
.proxq-box{position: relative; justify-content: flex-end;}
.proxq-box .jddwjz{top: 41%;}
.proxq-box .info{width: 44%;}
.proxq-box .info b{display: block; color: #1462c0; font-size: 3.75rem; line-height: 1; font-family: Montserrat; margin-bottom: 1.25rem;}
.proxq-box .info p{color: #666666; line-height: 1.8; margin-bottom: 3.75rem;}
.proxq-box .info a{display: inline-flex; border: 1px solid #333333; border-radius: 100px; padding: 0.76rem 1.68rem; margin-bottom: 6.875rem; transition: .6s;}
.proxq-box .info em{color: #333333; margin-right: .5rem;}
.proxq-box .info em>img{width: 1.375rem;}

@media (any-hover: hover) {
.proxq-box .info a:hover{background: #1462C0; border-color: #1462C0; }
.proxq-box .info a:hover em{color: #fff;}
.proxq-box .info a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
}
.ys-list {width: 89%;}
.ys-list ul li .icon{width: 5.625rem; height: 5.625rem; border-radius: 50%; background: rgba(255,255,255,0.8); display: flex; align-items: center; justify-content: center;}
.ys-list ul li .icon img{max-height: 3.25rem; object-fit: contain; min-height: 2.5rem;  transition: .6s;}
.ys-list ul li  strong{display: block; text-align: center; margin-top: 1.25rem}
@media (any-hover: hover) {
  .ys-list ul li:hover .icon img{transform: rotate(360deg);}
}

.proxq-box .proxq-right{width: 55%; position: relative;}
.proxq-box .proxq-right>img{display: block; width: 100%;}
.proxq-pic{position: absolute; top: 0; left: 0; right: 0; margin: auto;}
.proxq-pic {z-index: 1;padding-bottom: 54.9%;overflow: hidden;width: 43.3%;}
.proxq-pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}


.proxq-bg2{background: url(../images/probtn-bg.jpg) no-repeat center; background-size: cover; }

.proxq-btn ul li{display: flex;align-items: center;line-height: 5rem; position: relative; margin-left: 7.3125rem;}
.proxq-btn ul li:first-child{margin-left: 0;}
.proxq-btn ul li::after{position: absolute;content: ''; width: 0;height: .1875rem; background: #1462c0; border-radius: 2px; bottom: 0; left: 50%; transition: .6s;}
.proxq-btn ul li a{display: block; font-size: var(--font18); color: #333;}

.proxq-btn ul li.on::after{width: 100%; left: 0;}
.proxq-btn ul li.on a{color: #1462c0; font-weight: 700;}


@media (any-hover: hover) {
.proxq-btn ul li:hover::after{width: 100%; left: 0;}
.proxq-btn ul li:hover a{color: #1462c0; font-weight: 700;}
}


.overview-bg{background: url(../images/overview-bg.jpg) no-repeat center; background-size: cover; padding: 9.625rem 0 12.5rem;}
.overview-box .info{width: 45%; margin-left: 2%;}
.proxq-title strong{display: block; color: #333333; font-size: 3.125rem; margin-bottom: 5rem;}
.overview-box .proxq-title strong{margin-bottom: 3.75rem;}
.overview-box .text{margin-bottom: 4.375rem;}
.overview-box .info .down{border-radius: 100px; padding: 0.82rem 1.65rem;}
.overview-box .info .down img{width: 1.0625rem; margin-left: 1rem;}

.overview-box .pic {position: relative;z-index: 1;padding-bottom: 31.6%;overflow: hidden;width: 33.5%; margin-right: 10%;}
.overview-box .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s;     mix-blend-mode: multiply;}

.features-bg{background: url(../images/features-bg.jpg) no-repeat center; background-size: cover; padding: 7.8125rem 0 13.125rem;}
.features-bg .proxq-title strong{color: #fff; margin-bottom: 8.125rem;}

.parameters-bg{background: url(../images/parameters-bg.jpg) no-repeat center; background-size: cover;  padding: 7rem 0 8.8125rem;}

.application-bg{padding: 6.625rem 0 8.4375rem;}
.application-box{border-bottom: 1px solid #000000; padding-bottom: 8.625rem; }


.pro-recom{margin-bottom: 6.25rem;}
.recom-title{margin-bottom: 2.1875rem;}
.recom-box{position: relative;}
.recom-box .swjt{top: 0; margin-top: 0;}
.recom-box .swjt img{width: .625rem; opacity: 0.5;}
#recom-next img{transform: rotate(180deg);}
#recom-prev{left: auto;right: 0;transform: translateX(-2.5rem);}
.recom-box .swjt:hover img{opacity: 1;}
.recom-list{position: relative; overflow: hidden;}
.recom-list ul li{}
.recom-list ul li{border: 1px solid #dddddd; box-sizing: border-box;}
.recom-list ul li .pic {position: relative; padding-bottom: 80%;  overflow: hidden; background: linear-gradient(135deg,#ffffff 0%, #f6f6f6 100%);}
.recom-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: .5s;}
.recom-list ul li .name{padding: 1.625rem 2%;}
.recom-list ul li .name h3{color: #000000; font-weight: 700; text-align: center;}
#recom-num{display: none;}
@media (any-hover: hover) {
  .recom-list ul li:hover .pic img {transform: scale(1.05);}
  .recom-list ul li:hover .name h3{color: #1462C0;}
}



/* 内页应用领域 */
.app-banner{  top: auto;  bottom: 10%;}
.app-banner .info em{color: #2b69b4; display: block; margin-bottom: .625rem;}
.app-banner .info strong{font-size: 3.75rem; display: block; line-height: 1.2;}
.app-banner .info h2{display: block; margin-top: 2.4375rem;}
.banner-bottom{position: absolute; bottom: 0; background: rgba(0,0,0,0.1); width: 100%;}
.nynav-class ul li{position: relative; padding: 0 .8125rem; margin-right: 3.75rem;}
.nynav-class ul li::after{position: absolute; content: ''; width: 0; height: .3125rem; background: #2b69b4; bottom: 0; left: 50%; transition: .6s}
.nynav-class ul li a{display: block; color: #ffffff; line-height: 5;}
.nynav-class ul li.on::after{width: 100%; left: 0;}
@media (any-hover: hover) {
.nynav-class ul li:hover::after{width: 100%; left: 0;}
}

.appMain{padding: 7.5rem 0 10.5625rem;}
.app-info h3{text-align: center; width: 78%; margin: 0 auto 6.5625rem;}
.app-box{}
.app-box .pic,.app-box .info{width: 50%; height: 36.6875rem;}
.app-box .pic{}
.app-box .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.app-box .info{background: #f9f9f9; display: flex; align-items: center; padding:  0 6% 0 3.5%;}
.app-box .icon {height: 3.625rem; margin-bottom: 1.625rem;}
.app-box .icon img {max-height: 100%; min-height: 3rem; object-fit: contain; display: block; }
.app-box .info strong{display: block; margin-bottom: 2.375rem;}



/* 内页关于我们 */
.about-banner .info span{display: block; font-size: 8.125rem; color: #fff; line-height: 1;}
.about-banner .info strong{font-size: 3.125rem; display: block; line-height: 1;}
.banner-bottom2{background: rgb(102,100,100,0.3);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.company-box{padding: 8rem 0 8.5rem;}
.company-box .info{width: 47%;}
.company-box .pic{width: 46.43%; margin-top: 2.5rem; }
.company-box .pic img{display: block; width: 100%; border-radius: 1.25rem;}
.about-title{margin-bottom: 5.125rem;}
.about-title strong{display: block; font-size: 3.125rem; margin-bottom: .625rem;}
.about-title i{display: block; width: 3.3125rem;  height: .375rem;  background: #1462c0;  border-radius: .1875rem;}
.company-box .info .about-title{margin-bottom: 3.75rem;}
.company-box .info h2{color: #1462c0; margin-bottom: 1rem;}
.company-box .info h3{color: #333333; margin-bottom: 2.25rem; }


.culture-bg{background: url(../images/culture-bg.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; padding: 6.5rem 0 8.75rem;}
.culture-bg .about-title strong{color: #fff;}
.culture-bg .about-title i{background: #fff; margin: 0 auto;}
.culture-list ul{gap:0 4.1875rem}
.culture-list ul li{background: rgba(243,248,252,0.9); height: 26.4375rem; border-radius: 1.75rem; padding: 3.625rem 2rem 0; text-align: center;}
.culture-list ul li .icon{width: 6.4375rem; height: 6.4375rem; background: #1462c0; border-radius: 50%; margin: 0 auto 1.5625rem; display: flex; align-items: center; justify-content: center;}
.culture-list ul li .icon img{max-height: 3.1875rem; min-height: 2.4375rem; display: block; object-fit: contain;}
.culture-list ul li strong{display: block; margin-bottom: 1.3125rem;}


.development{padding: 6.25rem 0 7.5625rem;}
.development .about-title i{ margin: 0 auto;}

.honor-bg{background: url(../images/honor-bg.jpg) no-repeat center top; background-size: cover; padding: 7.4375rem 0 5.3125rem;}
.honor-box .about-title strong{color: #fff;}
.honor-box .about-title i{background: #fff;}
.honor-box .info p{color: #ffffff; margin-bottom: .625rem; }
.honor-box .info span{display: block; width: .4375rem; height: .4375rem; background: #ffffff; border-radius: 50%; margin-right: .8125rem;}
.honor-box .more1 {background: #ffffff; border-radius: 100px; padding: 1.11rem 1.85rem; margin-top: 6.25rem;}
.honor-box .more1 img{width: .4375rem; margin-left: 1.9375rem; -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); }
.honor-box .more1 em{color: #333333;}
.honor-num{width: 30%; text-align: center; color: #fff;}
.honor-num ul li strong{font-size: 4.0625rem; line-height: 1; display: block; margin-bottom: .1875rem;}
.honor-num ul li:first-child,.honor-num ul li:nth-child(2){border-bottom: 1px solid rgba(255,255,255,0.2); padding: .625rem 0 2.8125rem;}
.honor-num ul li:first-child,.honor-num ul li:nth-child(3){border-right: 1px solid rgba(255,255,255,0.2);}
.honor-num ul li:nth-child(3),.honor-num ul li:last-child{padding: 2.25rem 0 .9375rem;}
.honor-list{position: relative; width: 18.625%; overflow: hidden; padding-bottom: 2.375rem;}
.honor-list ul li .pic {overflow: hidden;}
.honor-list ul li .pic img {display: block; width: 100%;}
#honor-num{bottom: 0;}
#honor-num .swiper-pagination-bullet {width: .8125rem; height: .8125rem; border-radius: 50%; background: rgba(255,255,255,0.2); opacity: 1;}
#honor-num .swiper-pagination-bullet-active{background: rgba(255,255,255,1);}


/* 内页新闻列表页 */
.newsMain{padding: 4.6875rem 0 ;}
.nylatest-box{padding-bottom: 5.125rem; margin-bottom: 5.1875rem; border-bottom: 1px solid rgba(191,191,191,0.2);}
.nylatest-news{ position: relative; overflow: hidden;} 
.nylatest-news ul li {background: #f4f4f4;}
.nylatest-news ul li .pic,.nylatest-news ul li .info{width: 50%; height: 100%;}
.nylatest-news ul li .pic{overflow: hidden; }
.nylatest-news ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.nylatest-news ul li .info{ padding:  0 3.9375rem; box-sizing: border-box;}
.nylatest-news ul li .info span{color: #2b69b4;}
.nylatest-news ul li .line{padding-bottom: 2.3125rem; border-bottom: 1px solid #ddd; margin-bottom: 1.875rem;}
.nylatest-news ul li .info strong{ color: #333333;}
.nylatest-news ul li .info p{margin-bottom: 6.875rem;}
.nylatest-news ul li .more1{padding:0.81rem 1.21rem}
.nylatest-news ul li .more1 img{width: .3125rem; margin-left: 2rem;}
#nynews-num{position: absolute; width: auto; left: auto; right: 4.4375rem; bottom: 5.9375rem;}
#nynews-num .swiper-pagination-bullet {width: .5625rem; height: .5625rem; border-radius: 50%; background: rgba(191,191,191,0.5); opacity: 1;}
#nynews-num .swiper-pagination-bullet-active{background: #2b69b4;}


.nynews-list ul li{border-bottom: 1px solid rgba(191,191,191,0.2); padding-bottom: 4.25rem; margin-bottom: 4.8125rem;}
.nynews-list ul li .pic{width: 21%; margin-right: 3.5rem; overflow: hidden; }
.nynews-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.nynews-list ul li .info{flex: 1; margin-right: 19.4375rem;}
.nynews-list ul li .info span{color: #333333; display: block; margin-bottom: 1.25rem;}
.nynews-list ul li .info strong{color: #333333;}
.nynews-list ul li .icon{width: 6rem; height: 6rem; border: 1px solid #cfcfcf; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .6s;}
.nynews-list ul li .icon img{width: 1.0625rem; transition: .6s;}
@media (any-hover: hover) {
  .nylatest-news ul li:hover .pic img {transform: scale(1.05);}
  .nylatest-news ul li:hover .info strong{color: #1462C0;}
  .nynews-list ul li:hover .pic img {transform: scale(1.05);}
  .nynews-list ul li:hover .info strong{color: #1462C0;}
  .nynews-list ul li:hover .icon{background: #1462C0; border-color: #1462C0;}
  .nynews-list ul li:hover .icon img{transform: rotate(90deg); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

}



/* 内页人才招聘 */
.about-title h3{color: rgba(51,51,51,0.8); width: 65.25%; margin: 0 auto 2.375rem;}
.join{padding: 6.25rem 0 11.75rem;}
.join .about-title{margin-bottom: 3rem;}
.joinMain .about-title i{display: block; margin: 0 auto;}
.join-list ul{gap: 0 2.625rem;}
.join-list ul li{position: relative; overflow: hidden; border-radius: .625rem;}
.join-list ul li .info{position: relative; z-index: 2; padding: 2.3125rem 3.4rem 6.25rem; }
.join-list ul li .pic{position: absolute; width: 100%; height: 100%; z-index: 1; top: 0;}
.join-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; border-radius: .625rem;}
.join-list ul li .icon{width: 5.375rem; height: 5.375rem; background: #2b69b4; border-radius: 50%; display: flex; align-items: center; justify-content: center;     margin-right: 0; margin-left: auto; margin-bottom: 12.5rem;}
.join-list ul li .icon img{display: block; max-height: 2.625rem; object-fit: contain; min-height: 2.625rem;}
.join-list ul li .text strong{display: block; margin-bottom: 1.0625rem;}
.join-list ul li:nth-child(2){transform: translateY(3.125rem);}
@media (any-hover: hover) {
  .join-list ul li:hover .pic img {transform: scale(1.05);}
}

.join-bg{background: url(../images/join-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 8rem 0 17.1875rem;}
.join-bg .about-title{margin-bottom: 9.6875rem;}
.join-bg .about-title i{background: #fff;}
.joinys-list ul{gap: 0 7.5rem;}
.joinys-list ul li{text-align: center; color: #fff;}
.joinys-list ul li .icon img{height: 3.125rem; margin: 0 auto 1.125rem;}
.joinys-list ul li strong{margin-bottom: .75rem; display: block;}

.talent{padding: 5.1875rem 0 8.3125rem;}

.talent-title{padding: 1.3125rem 3.5625rem 1.3125rem 5.375rem; background: #2b69b4;}
.talent-title dl,.talent-list dl dt{display: grid; grid-template-columns: repeat(7, 1fr); align-items: center; }
.talent-title dl dt:first-child,.talent-list dl dt em:first-child {text-align: left; grid-column-start: 1; grid-column-end: span 2;}
.talent-title dl dt,.talent-list dl dt em{ text-align: center;}
.talent-list dl{border-bottom: 1px solid rgba(102,102,102,0.1); padding: 2.0625rem 0;}
.talent-list dl dt{padding: 0 3.5625rem 0 5.375rem;}
.talent-list dl dd{padding: 0 3.5625rem 0 5.375rem; display: none; }
.talent-list dl dd a{border-radius: 100px; padding: 0.98rem 1.86rem; margin-top: 2.8125rem;}
.talent-list dl .talent-editor{border-top: 1px solid rgba(102,102,102,0.2); padding-top: 2.5rem; margin-top: 2.0625rem;}
.talent-list dl dt .icon{display: flex; justify-content: flex-end; margin-right: .875rem;}
.talent-list dl dt .icon img{width: .8125rem;}
.talent-list dl dt .icon .talent-jia{display: block;}
.talent-list dl dt .icon .talent-jian{display: none;}
.talent-list dl.active{background: #f9f9f9; border-bottom: none;}
.talent-list dl.active dt .icon .talent-jia{display: none;}
.talent-list dl.active dt .icon .talent-jian{display: block;}


/* 内页联系我们 */
.contact-map{height: 48.4375rem; position: relative;}
.contact-map>img{display: block; width: 100%; height: 100%; object-fit: cover;}
.maps-cirle {position: absolute;top: 55%;left: 50.5%;transform: translate(-50%,-50%);}
.maps-cirle i {width: .8125rem; height: .8125rem; border-radius: 50%; display: block;background: #00A0E9; position: relative; z-index: 2;}
.maps-cirle::after {background: #00A0E9; 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;}}

.maps{color: #fff;border-radius: 10px;box-shadow: 3.5px 6.06px 24.32px 1.68px rgba(0,0,0,0.07);background: url(../images/map-bg.jpg) no-repeat center;background-size: cover;position: absolute;left: 59.5%;top: 56.5%;transform: translate(-50%, -50%);padding: 1.6875rem .875rem 1.875rem 1.5rem;}
.maps::after{position: absolute; content: ''; background: url(../images/map-arrow.png) no-repeat left top; width: .625rem; height: .8125rem; top: 40%; left: -.625rem; transform: translateY(-50%); background-size: contain;}
.maps .info{align-items: flex-start;}
.maps .info img{width: 1.4375rem; margin-right: .5rem;}
.maps strong{display: block; }
.maps span{ display: block;}

.contact-box{position: absolute; top: -29%; width: 100%; z-index: 2;}
.contact-list{background: #ffffff;  border-radius: 26px;  box-shadow: 3.5px 6.06px 34.56px 2.52px rgba(0,0,0,0.10);  padding: 3.375rem 11.8125rem 4.5rem 3.9375rem;}
.contact-list ul{gap:0  8.25rem}
.contact-list ul li {text-align:center;}
.contact-list ul li .icon{width: 6.75rem; height: 6.75rem; background: #ffffff; border: 1px solid #1462c0; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.contact-list ul li .icon img{display: block; max-height: 2.1875rem; min-height: 1.875rem; object-fit: contain;}
.contact-list ul li  em{color: #333333; display: block; border-bottom: 1px solid rgba(3,32,62,0.1); padding: 1.875rem 0 1.25rem; margin-bottom: 1.875rem;} 
.contact-list ul li b{display: block;}
.contact-list ul li span{font-weight: normal;}


.contact-bg{background: url(../images/contact-bg.jpg) no-repeat center; background-size: cover; padding: 4.6875rem 0;}

.contact-left{color: #fff; width: 31.375%; margin-top: 4.0625rem;}
.contact-left .about-title{margin-bottom: 4.375rem;}
.contact-left .about-title{border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 3.25rem;}
.contact-left .about-title strong{line-height: 1; display: block;}
.contact-left .info p{margin-bottom: 1rem; align-items: flex-start;}
.contact-left .info p>span{display: block; width: .4375rem;  height: .4375rem;  background: #ffffff; border-radius: 50%; margin-right: .4375rem; margin-top: .5rem;}

.contact-right{width: 59.125%; background: #ffffff; border-radius: 1.25rem; padding: 4.0625rem 4.3125rem;}
.contact-right h2{display: block; margin-bottom: 2.625rem;}
.message ul li{width: 48%; margin-bottom: 1.5rem;}
.message ul li strong{margin-bottom: .375rem;}
.message ul li b{color: #d21939; font-size: var(--font14); margin-left: .25rem;}
.message ul li input,.message ul li textarea{border: none; background: #f2f7fc; border-radius: .625rem;}
.message ul li input::placeholder,.message ul li textarea::placeholder{color: #9e9f9f;}
.message ul li input{height: 3.125rem;}
.message ul li textarea{height: 7.5rem;}
.message ul.item3 li,.message ul.codebox li{width: 100%;}
.message ul.codebox{position: relative;}
.message ul.codebox li  img{position: absolute; right: 0; top: 0; height: 3.125rem;}
.message button{background: #1462c0;  border-radius: 28px; display: block; padding: 1.07rem 2.4rem; margin-top: 4rem; cursor: pointer;}

.development .about-title{margin-bottom: 3.125rem;}
.year-box{}

.year-left,.year-right{width: 50%;}
.year-left {padding: 0 6%; box-sizing: border-box; position: relative; height: 42.375rem;}
.year-left strong{font-size: 14.4375rem; line-height: 1; font-family: Arial;font-weight: 700;color: #1462c0; display: inline-block;}
.year-btn{margin: 0;}
.year-btn ul{}
.year-btn ul li{cursor: pointer;}
.year-btn ul li strong{color: #1462c0; opacity: 0.2;}
.year-btn ul li.swiper-slide-active strong{opacity: 1;}

.year-right{margin-top: 2.875rem;}
.year-list{width: 82.5%; margin: 0 auto;}
.develop-list dl{margin-bottom: 2.5rem;}
.develop-list dl dt{color: #999999; font-weight: 700; margin-right: 1.1875rem;}
.develop-list dl dd{border-bottom: 1px solid #EDEDED; flex: 1; padding-bottom: 2.1875rem;}
.develop-list dl dd .pic{ width: 38.6%; margin-top: 1.5625rem;}
.develop-list dl dd .pic img{display: block; width: 100%; border-radius: .625rem;}



.year-box .swiper-button-next.swiper-button-disabled,
.year-box .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  display: block;
  pointer-events: auto;
  cursor: pointer;
}

div#year-prev {}
.year-box .swiper-button-prev,
.year-box .swiper-button-next {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  margin-top: 0;
  background: transparent;
  right: 15%;
}
.year-box .swiper-button-prev .c-jt,
.year-box .swiper-button-next .c-jt {
  position: absolute;
  top: 0;
  left: 50%;
  width: .875rem;
  height: 100%;
  transform: translateX(-50%);
}
.year-box .swiper-button-prev .c-jt path,
.year-box .swiper-button-next .c-jt path {
  fill: #666;
  transition: all 0.3s;
}
.year-box .swiper-button-prev .c-yh,
.year-box .swiper-button-next .c-yh {
  display: block;
  width: 100%;
  height: 100%;
}
.year-box .swiper-button-prev .c-yh .circle1,
.year-box .swiper-button-next .c-yh .circle1 {
  fill: transparent;
  stroke-width: 2;
  stroke: #ebf0f5;
  transition: all 0.3s;
  fill: #fff;
}
.year-box .swiper-button-prev .c-yh .circle2,
.year-box .swiper-button-next .c-yh .circle2 {
  opacity: 0;
  fill: transparent;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 162 162;
  stroke-dashoffset: 162;
  stroke: #148FFA;
  transition: stroke-dashoffset 0s linear, opacity 0s linear;
}
.year-box .swiper-button-prev.on .c-yh .circle2,
.year-box .swiper-button-next.on .c-yh .circle2 {
  opacity: 1;
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear;
  transition: stroke-dashoffset 5s linear, opacity 0s linear;
}
.year-box .swiper-button-prev:hover .c-jt path,
.year-box .swiper-button-next:hover .c-jt path {
  fill: #fff;
}
.year-box .swiper-button-prev:hover .circle1,
.year-box .swiper-button-next:hover .circle1 {
  stroke: #148FFA;
  fill: #148FFA;
}
.year-box .swiper-button-prev {
  left: auto;
  /* right: 0px; */
  top: 8%;
  bottom: auto;
}
.year-box .swiper-button-prev .c-jt {
  transform: translateX(-50%) rotate(-90deg);
}
.year-box .swiper-button-next {
  top: 17%;
  /* right: 0; */
  transform: rotate(90deg);
}
.year-box .swiper-button-next .c-jt path {
  fill: #148FFA;
}


/* ==========新闻详情 */
.newsDateMain {
  background: #f9f9f9;
  padding: 2rem 0 8rem;
}

.newsDateMain .mbx {
}

.newsDateMain .mbx .layui-breadcrumb::before {
  color: #333;
}

.tekl_p2{
  font-size: 1.3rem;
}

.newsDate {
  /* padding: 0 0 6.25rem; */
}

.newsxq-box {
  padding: 2.875rem 0 0;
  /* margin-bottom: 2.75rem; */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.news-left {
  width: 68%;
}

.news-left .newsCon {
  background: #ffffff;
  border-radius: .625rem;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(226, 225, 224, 0.42);
  padding: 2.5rem;
  box-sizing: border-box;
}

.newsxq-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2.5rem;
}

.newsxq-title strong {
  display: block;
  font-size: var(--font30);
  color: #333;
  font-weight: 700;
  line-height: 1.4;
}

.newsxq-title span {
  display: block;
  margin-top: .625rem;
  color: #777;
}

.newsxq-editbox {
  margin: 1.875rem 0;
}

.newsxq-editbox img {
  max-width: 100%;
  height: auto !important;
}

.newsxq-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.125rem;
}

.newsxq-page a {
  display: flex;
  align-items: center;
}

.news-prev,
.news-next {
  transition: 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  min-width: 35px;
  min-height: 35px;
  border: .125rem solid #eeeeee;
  border-radius: .313rem;
}

.news-prev svg {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.news-prev svg,
.news-next svg {
  width: 30%;
  height: 30%;
}

.newsxq-page em {
  display: inline-block;
  font-size: var(--font16);
  color: #333;
}

.prev-link em {
  margin-left: 1rem;
}

.next-link em {
  margin-right: 1rem;
}

.next-link {
  flex-direction: row-reverse;
}

.newsxq-page a:hover .news-prev,
.newsxq-page a:hover .news-next {
  background: #1462C0;
}

.newsxq-page a:hover svg path {
  fill: #fff;
}

.newsxq-box .news-right {
  width: 29%;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0rem 0rem 1.875rem 0rem rgba(226, 225, 224, 0.42);
  padding: 2.5rem;
  box-sizing: border-box;
  position: relative;
}

.newsxq-box .news-right {
  position: sticky;
  top: 10rem;
}

.newsxq-box .news-right h2 {
  font-size: var(--font26);
  font-weight: 700;
}

.newsDate .relist li a {
  display: flex;
  justify-content: space-between;
}

.newsDate .relist .reImg {
  width: 35%;
  border-radius: .313rem;
  overflow: hidden;
  min-height: 5.625rem
}

.newsDate .relist .reImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .35s;
}

.newsDate .relist .recon {
  width: 58%;
}

.newsDate .relist li {
  margin-top: 1.875rem;
}

.newsDate .relist span {
  color: #999999;
  font-size: var(--font14);
}

.newsDate .relist h6 {
  color: #333333;
  font-size: var(--font17);
  transition: .35s;
  margin-top: .313rem
}

.newsDate .news-right::after {
  content: "";
  background: #1462C0;
  width: 65%;
  position: absolute;
  left: 50%;
  bottom: -3%;
  height: .438rem;
  border-radius: .25rem;
  transform: translate(-50%, -50%);
}

@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {
    color: #1462C0;
  }

  .newsDate .relist li:hover .reImg img {
    transform: scale(1.05);
  }
}



/* 面包屑 */
.mbx  {padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); opacity: 1; color: #666 !important;}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #666; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #1462C0 !important;}
.mbx .layui-breadcrumb span[lay-separator] {margin: 0 .625rem !important;}



/* 为锚点目标添加平滑滚动效果 */
html {
  scroll-behavior: smooth;
}

/* 当用户使用 prefers-reduced-motion 时禁用动画 */
@media (prefers-reduced-motion: reduce) {
  html {
      scroll-behavior: auto;
  }
}



.ny-conatact{position: relative;}



#product{position: relative; top:-6.875rem}

/* 2026.2.25产品中心下拉 */
.navbox.tabs .nav-title{flex: 1;}
.navbox.tabs .nav-title strong{color: #323232; margin-bottom: 1.25rem; display: block;}
.navbox.tabs .nav-name a{padding: 0!important;}
.navbox.tabs .nav-name em{color: #323232; line-height: 1.8; display: block;}
.navbox.tabs .nav-right{margin-left: 2.5rem;}
.navbox.tabs .nav-pic{width: 71%;}


.navbox.tabs .nav-name a:hover em{color: #2b69b4!important;}

#news,#application{position: relative; top:-6.875rem}