/* 全局设置平滑滚动 */
html {
  scroll-behavior: smooth;
  /* 可选：设置滚动条样式，不影响核心功能 */
  scrollbar-width: auto;
}

/* 兼容部分浏览器（如 Safari 旧版本），可同时设置 body */
html, body {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}



#c-placeholder {height: 5.625rem;}
header {position: fixed; left: 0; top: 1.5625rem; z-index: 99; width: 100%; transition: .6s;}
.headBox {padding: 0 6%;  transition: .5s; height:  5.625rem; display: flex; justify-content: space-between; align-items: center; background: transparent;}
.headBox .logo {height: 100%;flex-shrink: 0;margin-right: 5rem;}
.headBox .logo a {height: 100%;}
.headBox .logo img {height: 3.0625rem;  max-height: 100%; object-fit: contain; transition: .5s;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }


/* 导航 */
/* 取消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%; width: 54%;}
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;transition: 0.6s;position: relative;}

nav .layui-nav .layui-nav-item  span {color: #fff;position: relative;z-index: 1;font-size: var(--font18);transition: 0.6s;display: block; height: 100%; font-weight: 400;}

nav .layui-nav .layui-nav-item img{position: absolute; left: 0; right: 0; bottom: .375rem; margin: auto; width: 1.375rem; opacity: 0; transition: .5s; filter: invert(93%) sepia(4%) saturate(6212%) hue-rotate(172deg) brightness(87%) contrast(74%); }
nav .layui-nav .layui-this:after,   nav .layui-nav-bar{display: none;} 
nav .layui-nav .layui-this img{opacity: 1; animation: rotate360 3s linear infinite;}

nav .layui-nav .layui-nav-item:nth-child(3)   .navlist{min-width: 12rem;}

@media (any-hover: hover) {
  nav .layui-nav .layui-nav-item:hover span{font-weight: bold;}
  nav .layui-nav .layui-nav-item:hover img{opacity: 1; animation: rotate360 3s linear infinite;} 
}

@keyframes rotate360 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/* 默认下拉 */
.navlist {position: absolute;left: 0;top: 100%;width: auto;min-width: 9.5rem;left: 50%;transform: translateX(-50%);display: none;background: #fff;padding:1rem;  border-radius: 1rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.navlist dl dt a{color: #666!important;padding: 0!important;text-align: center;display: block;font-size: var(--font16);line-height: 2;}
@media (any-hover: hover) {
.navlist dl dt a:hover{color: #4060D1!important;}
}


/* 搜索 */
.head_search {cursor: pointer; margin-right: 5.9375rem;}
.head_search a img{width: 1.375rem;}



/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(0, 0, 0,.9);   display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 15%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem; color: #fff;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn svg path{fill: #fff;}
.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}
.ssfDismisser svg path{fill: #fff;}

  .ver{}
  .ver img{width: 1.8125rem; display: block; margin-right: 1.0625rem;}
  .ver b{font-family: Arial;}




header.c-style2 .headBox .logo img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
header.c-style2{background: #fff; box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3); top: 0;}
header.c-style2 nav .layui-nav .layui-nav-item span{color: #333;}
header.c-style2  nav .layui-nav .layui-nav-item img{ -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); }

header.c-style2  .ver img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style2  .ver b{color: #333;}
header.c-style2 .head_search a img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}







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

/* ===============公用css end!!!!===================*/
.more1 {display: inline-block;color: #FFFFFF;background: #142C7B;border-radius: 100px;padding: 0.97rem 2.74rem; transition: .6s; }


@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 0 .625rem rgba(64, 96, 209, 0.5);  }
}



/* 首页banner */
.indexBanner {position: relative;}
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);object-fit: cover;}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .slide{overflow: hidden;}
.bannerSwiper .info h2{font-size: 4.25rem;font-weight: bold;display: block;line-height: 1.4;}

.bannerSwiper .info a{display: inline-block; border-radius: 100px; background: #4060D1; padding: 0.9rem 1.92rem; transition: .6s; margin-top: 4rem;}


@media (any-hover: hover) {
  .bannerSwiper .info a:hover {box-shadow: 0 0 0 .625rem rgba(64, 96, 209, 0.5);  }
}

.bottom-box{align-items: flex-end;}
.banner-bottom{position: absolute;bottom: 3.125rem;width: 100%;z-index: 2;}
.indexBanner .custom-pagination {display: inline-flex;align-items: flex-end;line-height: .7;gap: 5px;font-size: var(--font16);color: #fff;opacity: 1;margin-right: 5.25rem;}
.indexBanner .custom-pagination .total {color: #FFFFFF;font-size: var(--font28);}

#banner-num{width: auto;position: relative;bottom: 0;line-height: 1;}
#banner-num span{width: .875rem;  height: .875rem;  background: #FFFFFF;  border-radius: 50%;  opacity: 0.2; margin: 0 .3125rem;}
#banner-num .swiper-pagination-bullet-active{background: #fff; opacity: 1;}

.banner-up a{width: 4.75rem;  height: 4.75rem;   border-radius: 50%;   border: 1px solid #FFFFFF; right: 4%; bottom: 5.125rem; position: absolute; z-index: 2; animation: bounce 1.5s infinite ease-in-out;}
.banner-up img{animation: fade 1.5s infinite ease-in-out; width: 1rem;}
/* 上下弹跳关键帧 */
@keyframes bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-0.625rem); /* 向上移动10px */
  }
}

/* 可选：箭头淡入淡出配合，更有呼吸感 */
@keyframes fade {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}


/* 关于我们 */
.about-bg{background: url(../images/about-bg.webp) no-repeat center; background-size: cover; padding: 10.625rem 0 10rem;}
.about-box .info{width: 48%;}
.about-box .index-title {margin-bottom: 2.8125rem;}
.about-box .index-title em{display: block; margin-bottom: .625rem;}
.about-box .index-title h2{ /* 文字大小可按需调整 */
  font-size: 3.25rem;
  font-weight: bold; /* 加粗，匹配原图的厚重感 */
  line-height: 1.25; /* 控制两行文字的行间距 */
  
  /* 关键：文字渐变效果 */
 
  background: linear-gradient(90deg, #4A90E2, #1a3d7d, #54a8ff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  
  /* 可选：轻微的文字平滑 */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;  animation: gradient-flow 5s linear infinite;}

  @keyframes gradient-flow {
      0% { background-position: 200% center; }
      100% { background-position: 0% center; }
  }
  .about-box .info h4{color: #666666; line-height: 1.8; text-align: justify; margin-bottom: 4.625rem; text-indent: 2rem;}

  .index-more a{background: #4060D1; border-radius: 100px; display: inline-flex; padding: 0.86rem 1.3rem; transition: .6s;}
  .index-more span{margin-right: .5625rem;}
  .index-more .icon{width: 1.6875rem;       height: 1.6875rem;       background: #FFFFFF;       border-radius: 50%;}
  .index-more .icon img{width: .375rem;}

  @media (any-hover: hover) {
      .index-more a:hover {box-shadow: 0 0 0 .625rem rgba(64, 96, 209, 0.5);  }
    }

.about-box  .pic{width: 48.53%; position: relative;}
.about-box  .pic>img{display: block; width: 100%;  border-radius: 3.75rem 0px 3.75rem 0px;}

.about-box .btn { display: none!important; width: 4.3125rem; height: 4.3125rem; z-index: 1; position: absolute;  z-index: 2; cursor: pointer; bottom: 3.75rem; right: 4.0625rem; background: #fff; border-radius: 50%; display: flex; align-items: center;justify-content: center;} 
.about-box .btn img {max-width: 100%; max-height: 100%;}
.about-box .btn {cursor: pointer;}
.about-box .btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.about-box .btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(7); opacity: 0; }}




/* 技术支持 */
.tech-bg{background: url(../images/tech-bg.webp) no-repeat center; background-size: cover; padding: 5.5rem 0 24.0625rem; overflow: hidden;}
.tech-bg .index-title{padding-bottom: 5.5rem;}
.tech-bg .index-title em{color: #fff;}
.index-title h3{display: block; font-size: 2.5rem; font-weight: bold; }

.tech-list ul li{position: relative;}
.tech-list ul li .pic{overflow: hidden; position: relative;  transition: .6s;}
.tech-list ul li .pic::after{width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; background: rgba(0, 0, 0, 0.5); z-index: 1; border-radius: 1.25rem; transition: .6s;}
.tech-list ul li .pic img{display: block; width: 100%;  border-radius: 1.25rem; }
.tech-list ul li .pic b{position: absolute; left: 0; right: 0; bottom: 1.75rem; margin: auto; opacity: 0.5; text-align: center; z-index: 3; transform: scale(1.2); transition: .6s;}


.tech-list ul li .info {position: absolute; z-index: 1; left: 50%; top: 100%; transform: translate(-50%, 20%); width: 100%; padding: 1.8125rem 1.0625rem 0;  opacity: 0; visibility: hidden; transition: .2s; display: flex;    flex-direction: column;}
.tech-list ul li .icon img{width: 2rem; margin-right: 1.375rem;}
.tech-list ul li .info h4{margin: 1.25rem 0 1.875rem; line-height: 1.8;}
.tech-list ul li .more img{width: .4375rem; margin-left: .6875rem;}
.tech-list ul li.swiper-slide-active .info { transform: translate(-50%, -0%); opacity: 1; visibility: visible; transition: .5s; transition-delay: .5s;}

.tech-list ul li.swiper-slide-active .pic::after{opacity: 0;}

.tech-list ul li.swiper-slide-active .pic b{opacity: 0;}

.tech-box{position: relative;}
#tech-num{display: none;}
.tech-box .swjt{width: 5rem;  height: 5rem;  border-radius: 50%;  border: 1px solid #FFFFFF; display: flex; align-items: center;justify-content: center;}
.tech-box .swjt img{width: .5625rem;}
.tech-box #tech-prev{left: 27%}
.tech-box #tech-next{right: 27%}
.tech-box #tech-next img{transform: rotate(180deg);}


/* 产品中心 */
.product-bg{background: url(../images/product-bg.webp) no-repeat center; background-size: cover; padding: 5.1875rem 0 7.5rem}
.indexOne .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexOne .tle {display: flex; justify-content: space-between; }
.index-title h4{display: block; font-size: 3rem; color: #333333; font-weight: 500;}
.index-title i{display: block; width: 3.25rem;  height: .375rem;  background: #4060D1;}
.indexOne .product-tab {/* flex: 1; */margin: 0;overflow: hidden;}

.indexOne .tle ul {display: flex;align-items: stretch;}
.indexOne .product-tab .swiper-slide {width: auto;}
.indexOne .tle ul li{margin-left: 0; width: auto; height: auto; box-sizing: border-box;}
.indexOne .tle ul li a {display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; width: auto; box-sizing: border-box; font-size: 1rem;color: #818181;transition: 0.6s;padding: 1rem;border-radius: 100px;}
.indexOne .tle ul li.on a {background: #4060D1;color: #fff;}

.indexOne .box {margin-top: 6.25rem;}
.inOneSwiper2 {width: 76.3%;margin: 0;padding-bottom: 50px;}
.indexOne .box .le {width: 30%;}
.inOneSwiper2 .slideBox {display: flex;    justify-content: space-between;}
.inOneSwiper2 .slideBox .con {width: 37.4%;/* margin-top: 3.0625rem; */}
.inOneSwiper2 .slideBox .con strong{ color: #000000; margin-bottom: 1.375rem; display: block;}
.inOneSwiper2 .slideBox .textbox p{color: #666666; margin-bottom: 3.625rem;}

.proys-list dl{text-align: center; display: flex; flex-direction: column;}
.proys-list dl dt{width: 3.125rem; height: 3.125rem; border-radius: .625rem; border: 1px solid #D2D7E0; display: flex; align-items: center;justify-content: center;}
.proys-list dl dt img{max-width: 50%;}
.proys-list dl dd{color: #949494; margin-top: .625rem;}
.inOneSwiper2 .imgBox {width: 54%;/* margin-top: 2.875rem; */}
.inOneSwiper2 .imgBox img {width: 100%;mix-blend-mode: multiply;display: block;}

 

@media (any-hover: hover) {
  .inOneSwiper2 .index-more a:hover {box-shadow: none;  }
}




.inOneSwiper1Box {/* margin-top: 1.875rem; */background: #fff;width: 16.6%;padding: 1.5625rem 3rem 1.5625rem 2.1875rem;border-radius: 0.625rem;box-shadow: 0rem 0rem 0.35rem 0rem rgba(226,225,225,0.33);box-sizing: border-box;}
.inOneSwiper1Box h4 {display: block;font-size: var(--font24);color: #333333;padding-bottom: 0.625rem;border-bottom: 1px solid #DDDDDD;}
.inOneSwiper1 {margin-top: 2.5rem;overflow: visible;}
.inOneSwiper1 .swiper-slide {height: auto !important;margin-bottom: 0.625rem;}
.inOneSwiper1 .swiper-slide a {display: flex;justify-content: space-between;align-items: center;color: #595959;font-size: var(--font15);}
.inOneSwiper1 .swiper-slide img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.inOneSwiper1 .swiper-slide a:hover {color: #4060D1;}
.inOneSwiper1 .swiper-slide a:hover img {filter: none; -webkit-filter:none; opacity: 1;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active a {color: #4060D1;}
.inOneSwiper1 .swiper-slide.swiper-slide-thumb-active img {filter: none; -webkit-filter:none; opacity: 1;}
.inOneSwiper2 .swiper-pagination {display: flex; bottom: 0;}
.inOneSwiper2 .swiper-pagination div {margin: 0 .15rem; position: relative; width: 34px;height: 34px;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.inOneSwiper2 .swiper-pagination div {opacity: 1; border: 0; background: none;}
.inOneSwiper2 .swiper-pagination span {width: auto; height: auto; background: none; opacity: 0; font-size: 0.875rem;color: #8C97A9;}
.inOneSwiper2 .swiper-pagination i {width: 0.375rem;height: 0.375rem; background: #aaaaaa; display: block; border-radius: 50%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1;}
.inOneSwiper2 .swiper-pagination .fcircle1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle {stroke-width: 20px!important;}
.inOneSwiper2 .swiper-pagination svg {width: 100%; opacity: 0;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle:nth-child(1) {stroke: #D2D7E0;}
.inOneSwiper2 .swiper-pagination .fcircle1 circle:nth-child(2) {stroke: #4060D1; }
@keyframes svgcircle1 {from {stroke-dasharray: 0 800;}to { stroke-dasharray: 800 800;}}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active svg {opacity: 1;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active span {opacity: 1;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active i {opacity: 0;}
.inOneSwiper2 .swiper-pagination .swiper-pagination-bullet-active .fcircle1 circle:nth-child(2) {animation: svgcircle1 5.5s linear forwards;}
.indexOne .cell {display: none;}
.indexOne .cell.on {display: block;}


/* 了解最新动态 */
.news{padding: 6.25rem 0 7.5rem;}
.news .index-title h4{margin-bottom: 1.5625rem;}
.news .news-top{margin-bottom: 5.5625rem;}
.news-list {position: relative; overflow: hidden;}
.news-list ul li{background: #F2F2F2; padding: 2.3125rem 1.4375rem 2.6875rem;}
.news-list ul li .pic{overflow: hidden; margin-bottom: 2.5rem; border-radius: .625rem;}
.news-list ul li .pic img{display: block; width: 100%;  transition: .6s;}
.news-list ul li .info strong{color: #333333; font-weight: 500; margin-bottom: 1.0625rem;}
.news-list ul li .info p{color: #707070; margin-bottom: 5.625rem;}
.news-list ul li .more{width: 3.625rem; height: 3.625rem; background: #FFFFFF; border-radius: 50%; transition: .6s;}
.news-list ul li .more img{width: .625rem; transition: .6s;}
#news-num{display: none;}


@media (any-hover: hover) {
  .news-list ul li:hover .pic img {transform: scale(1.1);}
  .news-list ul li:hover .info strong{color: #4060D1;}
  .news-list ul li:hover .more{background: #4060D1;}
  .news-list ul li:hover .more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transform: rotate(45deg);}
 }



/* 合作伙伴  */
.customers-bg{background: url(../images/customers-bg.jpg) no-repeat top center; background-size: cover; padding: 5.625rem 0 9.75rem; position: relative; border-radius: .625rem;} 
.customers-left,.customers-right{position: absolute; width:22%; height: 100%;  z-index: 2; top: 0;}
.customers-left img{display: block; width: 100%; height: 100%; }
.customers-right img{display: block; width: 100%; height: 100%; }
.customers-left{left: 0;}
.customers-right{right: 0;}
.customers-bg .index-title{margin-bottom: 3.625rem;}
.customers-bg .index-title em{color: #4060D1;}
.customers-bg .index-title h3{color: #333333;}
.partner-logo { position: relative; overflow: hidden; }
.partner-logo .item {margin-bottom:1.75rem}
.partner-logo ul { display: flex; justify-content: center;}
.partner-logo li {margin: 0 .5rem;flex-shrink: 0;background: #fff; width: 13.75rem; height: 6.5625rem;  display: flex; align-items: center; justify-content: center; border-radius: .625rem; }
.partner-logo li img {max-width: 100%; }


/* 公共底部 */
.footer-bg{background: url(../images/footer-bg.webp) no-repeat top center; background-size: cover; padding: 3.75rem 0 0;}
.footer-top{border-bottom: 1px solid rgba(255, 255, 255, .2); padding-bottom: 5.5625rem;}
.footer-left{}
.footer-logo img{display: block; height: 3.5rem; margin-bottom: 3.125rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.contact-list dl{display: flex; align-items: center; margin-bottom: .75rem; font-size: var(--font18);}
.contact-list dl dt img{display: block; width: .875rem; margin-right: .5rem;}
.contact-list dl dd,.contact-list dl dd a{color: #FFFFFF; }
.foternav{width: 59%; margin-top: .75rem;}
.foternav dl dt a{font-weight: bold; margin-bottom: 1.5rem; display: block; font-size: var(--font20);}
.foternav dl dd a{display: block; font-size: var(--font18); color: rgba(255, 255, 255, 0.5); margin-bottom: .8125rem;}
.footer-copy{padding: 2.5rem 0;}
.footer-copy p,.footer-copy a{color: rgba(255, 255, 255, 0.5);}


@media (any-hover: hover) {
  .foternav dl dd a:hover{color: #fff;}
  .footer-copy a:hover{color: #fff;}
}






/* ======关于我们======= */
.aboutSwiper {height: 100vh;position: relative;overflow: hidden;}
.aboutSwiper >.swiper-wrapper >.slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.aboutSwiper >.swiper-wrapper >.slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.aboutSwiper >.swiper-wrapper >.slide >.bjBox > img ,.aboutSwiper .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: #4060D1; transform: rotate(45deg); border-color: #4060D1; opacity: 1;}

.nyheader{top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.nyheader nav .layui-nav .layui-this img{opacity: 0.5; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
@media (any-hover: hover) {

  .nyheader  nav .layui-nav .layui-nav-item:hover img{opacity: 0.5; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} 
  .nyheader.c-style2 nav .layui-nav .layui-nav-item:hover img {   opacity: 0.5; -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
}






/* 第一屏 关于我们 */
.aboutOne .slide_box {display: flex; height: 100%;padding-top: 6rem;align-items: center;}
.company .info{width: 45%;}
.about-title h2{font-size: 3rem;font-weight: 500;}
.about-title h3{font-size: 2.5rem;font-weight: 300;line-height: 1.3;margin-top: 1rem;}

.company .about-title{margin-bottom: 3.0625rem;}
.company .info h4{font-weight: 400;text-indent: 2rem;line-height: 1.8;margin-bottom: 1rem;}
.numlist {margin-top: 4.9375rem;}
.numlist ul { display: flex; justify-content: space-between; }
.numlist ul li .num {display: flex; align-items: flex-start;}
.numlist ul li .counter {font-size: 2.625rem;color: #fff;line-height: 1;}
.numlist ul li .jia {font-size: var(--font22); margin-left: .3125rem; color: #fff;}
.numlist ul li .num {font-size:  2.625rem;color: #fff;; line-height: 1;}
.numlist ul li .text2 {color: #fff;;display: block; margin-top:.625rem;}



/* 第二屏 企业文化 */
.aboutTwo .swiperBox1 {padding-top: 12%;}
.aboutTwo .swiperBox2 .swiper-pagination {top: auto;bottom: 1.85rem;z-index: -1;height: 1px;}
.aboutTwo .swiperBox2 .swiper-pagination { background: rgba(255, 255, 255,.35);}
.aboutTwo .swiperBox2 .swiper-pagination span {background: #fff;height: 3px;top: -1px;}
.aboutTwo .swiperBox2 {position: absolute;bottom: 6rem;width: 100%;left: 0;z-index: 2;}
.abTwoSwiper2 {padding-bottom: 1.5rem;}
.abTwoSwiper2 .swiper-slide {cursor: pointer;text-align: center;}
.abTwoSwiper2 .swiper-slide span {font-size: var(--font20);font-weight: 400;color: #ffffff;text-align: center;display: block;margin: 2rem 0 1.25rem;}
.abTwoSwiper2 .swiper-slide i {width: 0.75rem;height: 0.75rem;opacity: 0.66;background: #ffffff;border-radius: 50%;display: block;margin: auto;position: relative;transition: .5s;}
.abTwoSwiper2 .swiper-slide i::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: 250%;height: 250%;border-radius: 50%;content: '';z-index: -1;background: rgba(255,255,255,0.22); transition: .6s;}
.abTwoSwiper2 .swiper-slide i::before {animation: playbtnscale2 2s ease-out infinite; background: #ffffff; visibility: hidden;}
.abTwoSwiper2 .swiper-slide i::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale2 { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(4.2); opacity: 0; }}
.abTwoSwiper2 .swiper-slide-thumb-active i::before {visibility: visible;}
.abTwoSwiper2 .swiper-slide-thumb-active i::after{transform: translate(-50%, -50%) scale(1);}
.abTwoSwiper2 .swiper-slide-thumb-active i {opacity: 1;}
.abTwoSwiper2 .swiper-slide:hover i {background: #ffffff; opacity: 1;}
.abTwoSwiper2 .swiper-slide:has(~ .swiper-slide-thumb-active) i {background: #ffffff;opacity: 1;}
.abTwoSwiper2 .swiper-slide .icon{width: 3.625rem; height: 3.625rem; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.abTwoSwiper2 .swiper-slide .icon img{max-width: 100%;}


/* 发展历程 */
.aboutThre .slide_box{padding-top: 9rem;}
.aboutThre .big-swiperBox {position: relative;margin-top: 5.625rem;}
.aboutThre .swiperBox1 {position: absolute;top: 30%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}
.aboutThre .swiperBox1 .container {position: relative;}
.aboutThre .swiperBox1 .slide .year {font-size: 19.8125rem;opacity: 0.1;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700;line-height: 1;}
.aboutThre .swiperBox2 {position: relative;z-index: 8;color: #fff;text-align: center;min-height: 18.75rem;display: flex;align-items: flex-end;padding-bottom: 4.8rem;}
.aboutThre .swiperBox2 .slide {padding: 8rem 9% 0;}
.aboutThre .swiperBox2 .slide .text {margin-top: 1.25rem; font-size: var(--font20); line-height: 1.8;}
.aboutThre .swiperBox2 .slide .text p {color: #fff;}
.aboutThre .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;margin-top: 10rem;}
.aboutThre .swiperBox3 .swiper {overflow: visible;}
.aboutThre .swiperBox3 .swiper::before {content: "";position: absolute;top: calc(.625rem / 2);left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.aboutThre .swiperBox3 .slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 3.75rem;cursor: pointer;}
.aboutThre .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: .625rem;height: .625rem;position: relative; transition: all 0.4s;}
.aboutThre .swiperBox3 .c-dot::before {content: "";position: absolute;width: 250%;height: 250%;background: rgba(255, 255, 255, 0.3);/* background-size: contain; */opacity: 0;transform: scale(0);transition: all 0.4s;border-radius: 50%;}
.aboutThre .swiperBox3 .c-dot::after {content: ""; position: absolute; width: 100%;height: 100%; border-radius: 50%; background-color: #B9C8D5;  transition: all 0.4s;}
.aboutThre .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font22);font-family: Arial, Arial-Bold;}
.aboutThre .swiperBox3 .swiper-slide-thumb-active .c-dot::after {opacity: 1;}
.aboutThre .swiperBox3 .swiper-slide-thumb-active .c-dot::before {opacity: 1;transform: scale(1);}
.aboutThre .swiperBox3 .swiper-slide-thumb-active .syear {font-size: var(--font30); transform: translateY(10%); font-weight: 700;}
/* 控件 */
.aboutThre .swiperBox2 .swjt {width: 4.375rem;height: 4.375rem;border-radius: 50%;background: rgba(255, 255, 255, 0.1);transition: .5s;/* top: 1rem; */}
.aboutThre .swiperBox2 .swjt.swiper-button-prev {}
.aboutThre .swiperBox2 .swjt i {color: #fff;font-size: var(--font24);}
.aboutThre .swiperBox2 .swjt:active {background: rgba(255, 255, 255, 0.3);}
@media (any-hover: hover) {
  .aboutThre .swiperBox2 .swjt:hover {background: rgba(255, 255, 255, 0.3);}
}

/* 企业资质 */
.aboutFour .slide_box {display: flex; height: 100%;padding-top: 6rem;align-items: center;}
.aboutFour .about-title{margin-bottom: 5.375rem;}
.aboutFour .about-title h2{color: #333; text-align: center;}
.honor-box{position: relative;}
.honor-list{width: 85%; overflow: hidden; margin:0  auto;}
.honor-list  ul li{ overflow: hidden; height: 29.25rem; width: 40%;}
.honor-list  ul li a{height: 100%;display: block;}
.honor-list  ul li .pic{height: 100%;display: flex;justify-content: center;align-items: center;}
.honor-list  ul li .pic img{display: block;width: 100%;object-fit: contain; }

.honor-list  ul li.swiper-slide-active{z-index: 9;}
/* 控件 */
.aboutFour .honor-box .swjt {width: 4.375rem;height: 4.375rem;border-radius: 50%;background: rgba(51, 51, 51, 0.11);transition: .5s;/* top: 1rem; */}
.aboutFour .honor-box .swjt.swiper-button-prev {}
.aboutFour .honor-box .swjt i {color: #fff;font-size: var(--font24);}
.aboutFour .honor-box .swjt:active {background: rgba(255, 255, 255, 0.3);}
@media (any-hover: hover) {
  .aboutFour .honor-box .swjt:hover {background: rgba(255, 255, 255, 0.3);}
}
#honor-num{display: none;}



.news-editor img{display: inline-block; max-width: 100%!important; height: auto!important;}






/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic{}
.ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 25rem}
.ny-banner .info{text-align: center;}
.ny-banner .info h2{font-size: 3rem; line-height: 1; display: block;}
.ny-banner .info b{font-size: 3.3125rem; display: block; margin-bottom: .4375rem; text-transform: uppercase;}
.ny-banner .info img{display: block; width: 2.0625rem; margin: 0 auto;}



/* 内页产品中心 */
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 16%;position: sticky;top: 5.625rem;padding: 2.375rem 0;box-sizing: border-box;height: 100vh;background: #F8F8F8;}
.proOne .box .re {flex: 1; overflow: hidden;  padding: 4.1875rem 0 6.25rem; }
/* 左侧产品栏目 */
.proOne .menu li {border-top: 1px solid #E2E2E2;}
.proOne .menu li .menu-li {display: flex;justify-content: space-between;padding: 1rem 2.25rem;min-height: 40px;cursor: pointer;box-sizing: border-box;border-bottom: 1px solid #E2E2E2; transition: .6s;}
.proOne .menu li .menu-li a {color: #333;display: block;font-size: var(--font18);}
.proOne .menu li .menu-li .more i{color: #B2B2B2;}
.proOne .menu li .s-menu {width: 100%;display: none;padding: 1.25rem 0  1.625rem 3.75rem;}
.proOne .menu li .s-menu dl dt a{display: block; color: #333; margin-bottom: .5rem; transition: .6s;}
.proOne .menu li .menu-li.on{background: #4060D1;}
.proOne .menu li .menu-li.on a{color: #fff;}
.proOne .menu li .menu-li.on .more i{color: #fff;}
.proOne .menu li .s-menu.on {display: block;}
.proOne .menu li .s-menu.ons {display: block;}
.proOne .menu li .s-menu dl dt a.on{color: #4060D1; font-weight: bold;}



.proOne .menu li.on  .s-menu{display: block;}
  .proOne .menu li.on .menu-li{background: #4060D1;}
  .proOne .menu li.on .menu-li a{color: #fff;}
  .proOne .menu li.on .menu-li .more i{color: #fff;}
  .proOne .menu li .s-menu dl dt.on a{color: #4060D1; font-weight: bold;}
  
  
  
@media (any-hover: hover) {
  .proOne .menu li .menu-li:hover{background: #4060D1;}
  .proOne .menu li .menu-li:hover a{color: #fff;}
  .proOne .menu li .menu-li:hover .more i{color: #fff;}
  .proOne .menu li .s-menu dl dt a:hover{color: #4060D1; font-weight: bold;}
}





/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #4060D1; z-index: 48;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s; box-shadow: none; padding: 0;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}
.product-box{margin-left: 4.3%; width: 83%;} 
.proMain .product-top{ border-bottom: 1px solid rgba(212, 212, 212, 0.2); height: 4.875rem; margin-bottom: 2.875rem;}
.proMain .product-top h3{color: #333333;}
.pro-search{height: 100%; border-bottom: 1px solid #4060D1; width: 18.1875rem;}
.pro-search input{}
.pro-search input::placeholder{color: rgba(51, 51, 51, 0.3);}
.pro-search img{width: 1.25rem;}

.prodcut-list ul{gap: 3.0625rem 3.5rem;}
.prodcut-list ul li{position: relative;}
.prodcut-list ul li a{position: relative; z-index: 5;}
.prodcut-list ul li .pic{border: 1px solid #DBDBDB; height: 20.0625rem; display: flex; align-items: center; justify-content: center; border-radius: .625rem}
.prodcut-list ul li .pic img{display: block; min-width: 60%; max-width: 80%;}
.prodcut-list ul li .info{padding: 1.25rem 0; border-bottom: 1px solid #D4D4D4;}
.prodcut-list ul li .info h4{color: #333333;}
.prodcut-list ul li .icon{position: relative; width: 3.4375rem; height: 3.4375rem; border-radius: 50%; border: 1px solid #e3e3e3;display: flex; align-items: center; justify-content: center;}
.prodcut-list ul li .icon::after{position: absolute; content: '';top: 50%;left: 50%;width: 110%;height: 110%; border-radius: 50%; z-index: 6; transform: translate(-50%, -50%); transition: .6s; border: 1px solid #4060D1; opacity: 0;}

.prodcut-list ul li .icon img{display: block; width: 1.25rem;}
.prodcut-list ul li::before{content: '';position: absolute;top: 50%;left: 50%;width: 116%;height: 116%;background: rgba(226, 226, 226, 0.17);z-index: 1;transform: translate(-50%, -50%) scale(0);transition: .6s; border-bottom: .5rem solid #4060D1; z-index: 1; }


@media (any-hover: hover) {
.prodcut-list ul li:hover::before{transform: translate(-50%, -50%) scale(1);}
.prodcut-list ul li:hover .icon{border-color: #4060D1; background: #4060D1;}
.prodcut-list ul li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.prodcut-list ul li:hover .icon::after{opacity: 1;}
}



/* 内页合作案例 */
.caseMain{padding: 6rem 0 0;}
.case-title h3{display: block; font-size: 3rem; color: #333333; font-weight: 500; margin-bottom: 3.75rem;}
.case-list ul{gap: 2.5rem;}
.case-list ul li{border: 1px solid #DEDEDE;}
.case-list ul li .pic{overflow: hidden;}
.case-list ul li .pic img{display: block;  width: 100%; transition: .6s;}
.case-list ul li .info{padding: 3.125rem 1.875rem 3.625rem;}
.case-list ul li .info h4{color: #333333; font-weight: 500; margin-bottom: .875rem;}
.case-list ul li .info h5{color: #666666; margin-bottom: 2.4375rem;}
.case-list ul li .info span{color: #4060D1;}

@media (any-hover: hover) {
  .case-list ul li:hover .pic img{transform: scale(1.1);}
  .case-list ul li:hover .info h4{color: #4060D1;}
}

.caseMain .customers-bg{margin-top: 6rem; padding: 5.625rem 0 5.75rem;}



/* 内页技术支持 */
.techMain{padding: 5.5rem 0;}

.nytech-list ul li{border-bottom: 1px solid #DBDBDB; padding-bottom: 3.8125rem; margin-bottom: 3.8125rem;}
.nytech-list ul li:nth-last-of-type(odd) a{flex-direction: row-reverse;}
.nytech-list ul li .pic{width: 50%;}
.nytech-list ul li .pic img{display: block; width: 100%;}
.nytech-list ul li .info{width: 45%;}
.nytech-list ul li .info h3{color: #333333; font-weight: bold; margin-bottom: 1.8125rem;}
.nytech-list ul li .info h4{color: #333333;}


/* 内页新闻资讯 */
.newsMain{padding: 1.75rem 0 6.25rem;}
.news-box{align-items: flex-start;}
.news-left{width: 75%;}

.news-class{padding-bottom: .5rem; border-bottom: 1px solid #EEEEEE; margin-bottom: 3.375rem;}
.news-class ul li{margin-right: 2.8125rem;}
.news-class ul li a{display: block; color: #333333; padding: 0.86rem 2.4rem; transition: .6s;}
.news-class ul li.on a{color: #FFFFFF;font-weight: bold;  border-radius: 27px; background: #233F94; }
@media (any-hover: hover) {
.news-class ul li:hover a{color: #FFFFFF;font-weight: bold;  border-radius: 27px; background: #233F94; }
}

.nynews-list ul li{border-bottom: 1px solid rgba(102, 102, 102, 0.2); padding-bottom: 2.5rem; margin-bottom: 1.875rem;}
.nynews-list ul li .pic{border-radius: .625rem; width: 24.55%; overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.nynews-list ul li .info{width: 70%; padding: 0 3.0625rem;}
.nynews-list ul li .info h3{color: #333333; font-weight: 500; margin-bottom: 1.3125rem}
.nynews-list ul li .info h4{color: #707070; margin-bottom: 3.0625rem;}
.nynews-list ul li .info span{color: #676767;}
.nynews-list ul li .icon{width: 3.625rem; height: 3.625rem; background: #E9E9E9; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.nynews-list ul li .icon img{display: block; width: .625rem; transition: .6s;}

@media (any-hover: hover) {
.nynews-list ul li:hover .pic img{transform: scale(1.1);}
.nynews-list ul li:hover .info h3{color: #4060D1;}
.nynews-list ul li:hover .icon{border-color: #4060D1; background: #4060D1;}
.nynews-list ul li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transform: rotate(45deg);}
}


.news-right{width: 21%; box-shadow: 0px 0px 20px 0px rgba(7,0,2,0.06); position: sticky; top: 5.625rem; }
.recom-title{padding: 2.5rem 0 1.875rem;}
.recom-title  h3 {display: block; color: #333333; border-left: .625rem solid #233F94; font-weight: bold; padding-left: 1.5625rem;}
.recom-list{padding: 1.9375rem 0 0; border-top: 1px solid rgba(208, 208, 208, 0.5); width: 82.85%; margin: 0 auto; box-sizing: border-box;}
.recom-list ul{}
.recom-list ul li{border-bottom: 1px solid rgba(229, 229, 229, 1); padding-bottom: 1.1875rem; margin-bottom: 1.4375rem;}
.recom-list ul li:last-child{border-bottom: none;}
.recom-list ul li a{}
.recom-list ul li .pic{width: 30%; margin-right: 6%; overflow: hidden;}
.recom-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-list ul li .info{width: 64%;}
.recom-list ul li .info h5{color: #333333; font-weight: 500;margin-bottom: .625rem;}
.recom-list ul li .info span{color: #676767;}

@media (any-hover: hover) {
  .recom-list ul li:hover .pic img{transform: scale(1.1);}
  .recom-list ul li:hover .info h5{color: #4060D1;}
}

/* 内页人才引进 */
.join-box{padding: 6.25rem 0 4.6875rem;}
.join-title{margin: 0 auto;}
.join-title h3{color: #333333; margin-bottom:1.875rem}
.join-title h4{color: #666666; width: 62.53%; margin: 0 auto;}

.join-bg{background: url(../images/join-bg.webp) no-repeat center; background-size: cover; padding: 9.0625rem 0 10rem; }
.join-bg .join-title h3{color: #FFFFFF;}
.join-bg .join-title h5{color: #FFFFFF; width: 45%; line-height: 2;}

.join-ys{padding: 3.75rem 0 6.0625rem;}
.join-list{margin-top: 3.625rem;}
.join-list ul{gap: 2.5rem 3rem}
.join-list ul li {padding: 1.5625rem;border: 1px solid rgba(20,88,228, .06);border-radius: 5px;display: flex; align-items: center;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease;}
.join-list ul li .icon {width: 5.625rem;height: 5.625rem;border-radius: 50%; padding: .9375rem; background: url(../images/join-pic.png) no-repeat center;background-size: cover;margin-right: 1.5625rem; flex-shrink: 0;}
.join-list ul li .icon img {-webkit-transition: transform .6s ease;transition: transform .6s ease;}
.join-list ul li h4{color: #666; margin-top: .5rem;}
.join-list ul li:hover {box-shadow: inset 0 0 0.1rem 0.05rem rgba(20,88,228, .06);}
.join-list ul li:hover .icon img {transform: rotateY(180deg);}

.talent{margin-bottom: 5rem;}
.talent-item ul li{background: rgba(238, 239, 240, 0.39); display: grid; grid-template-columns: repeat(6, 1fr);  align-items: center; padding: 1.75rem 0; text-align: center; margin-bottom: .5625rem;}
.talent-item ul li dd.note{ grid-column-end: span 2;}
.talent-item ul li dt{color: #333333;}
.talent-item ul li dd{color: #666666;}
.talent-item ul li dd a{color: #293B79;}
.talent-item ul li dd a:hover{color: #4060D1;}
.talent-item .list .more{margin-top: 2.25rem;}
.talent-item .list .more em{color: #223675;}
.talent-item .list .more img{display: block; margin-left: .75rem; width: 1.125rem;}



/* 联系我们 */
.contact{position: relative;}
.contact-map img{display: block; width: 100%; min-height: 28.125rem;}

.contact-box{position: absolute; content: ''; width: 100%; height: 100%; top: 0;}
.contact-box .info strong{display: block; font-size: 2.5rem; color: #0E326E; margin-bottom: 5rem;}
.contact-box .list dl{margin-bottom: 1.875rem;}
.contact-box .list dl dt{width: 2.5rem; display: flex; align-items: center; justify-content: center; margin-right: 2.4375rem;}
.contact-box .list dl dt img{max-width: 100%;}
.contact-box .list dl dd{flex: 1;}
.contact-box .list dl dd span{color: #A4A4A4; display: block;}
.contact-box .list dl dd em,.contact-box .list dl dd a{color: #333333;}

.contact-bg{background: url(../images/contact-bg.webp) no-repeat center; background-size: cover; padding: 6.25rem 0 4.625rem; }
.contact-title{margin-bottom: 3.3125rem;}
.contact-title strong{display: block; font-size: 2.875rem;}

#yzform{width: 55%; margin: 0 auto;}
#yzform ul{gap: 0 1.25rem; margin-bottom: 1.125rem;}
#yzform ul li{}
#yzform .mess-note{margin-bottom: .3125rem;}
#yzform .mess-note em{color: #f5f5f5;}
#yzform .mess-note i{color: #ff3b3b; display: block;  font-style: normal;}

#yzform ul input,#yzform ul  textarea{border: 1px solid rgba(255, 255, 255, 0.2);  background: transparent; color: #fff;}
#yzform ul  textarea{height: 5.75rem; resize: none;}
#yzform ul .incode{position: relative;}
#yzform ul .incode img{position: absolute; top: 0; right: 0; height: 100%; width: auto;}
#yzform .inBox{display: flex; align-items: center; justify-content: center;}
#yzform button{margin: 0 auto;background: #4060D1;border-radius: 100px;color: #FFFFFF;font-size: var(--font16);height: auto;padding: 0.3rem 4.1rem;}


/* 新闻详情 */
.newsxq-title{padding-bottom: 1.25rem; border-bottom: 1px solid rgba(208, 208, 208, 0.5); margin-bottom: 1.875rem;}
.newsxq-title h1{font-weight: bold; margin-bottom: .625rem;}


.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: #4060D1;
}

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

.news-editor{border-bottom: 1px solid rgba(208, 208, 208, 0.5); padding-bottom: 3rem;}





/* =====产品详情===== */
.proDateOne {background: url(../images/pro-banner.webp) no-repeat top #f2f2f2; background-size: cover; min-height: 32.5rem; padding-top: 12.5rem; padding-bottom: 4rem;}
.proDateOne .mbx .layui-breadcrumb {color: #fff !important;}
.proDateOne .mbx span {color: #fff !important;}
.proDateOne .mbx .layui-breadcrumb a {color: #fff !important;} 
.proDateOne .box {background: #fff; border-radius: 1.25rem; padding: 4rem 5rem; margin-top: 3rem;     }
.proDateOne .le {width: 50%;  margin-top: 3rem; }
.proDateOne .swiperBox {width: 40%;  box-sizing: border-box; position: relative;}
.proDateOne .swiperBox .swiper {position: static;}
.proDateOne .le .con {margin-top: 1.75rem; font-size: var(--font20); line-height: 1.8; color: #666;}


.proDateOne .slide {position: relative;/* padding-bottom: 120%; */}
.proDateOne .slide .imgBox {/* position: absolute; *//* inset: 0; *//* height: 77%; *//* display: flex; *//* align-items: center; *//* justify-content: center; */}
.proDateOne .slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.proDateOne .pagtion {left: auto; right: 0; width: auto; top: 50%; bottom: auto; transform: translateY(-50%);}
.proDateOne .pagtion span {background: #E6E6E6; display: block; margin: .625rem !important; opacity: 1;}
.proDateOne .pagtion span.swiper-pagination-bullet-active {background: #4060D1;}

.proDateTwo {background: #f2f2f2; padding: 6.25rem 0;}
.proDateTwo .tle {padding-bottom: 1.25rem;}
.proDateTwo .tle .t1 {line-height: 1.2;}
.proDateTwo .le {width: 60%;}
.proDateTwo .re {flex: 1; max-width: calc(100% - 60%); padding-left: 5%;}
.proDateTwo .le .tle {border-bottom: 1px solid #E5E5E5;}
.proDateTwo .le .con {padding-top: 1.25rem;}
.proDateTwo .re .list li {padding: 1.75rem 0; border-bottom: 1px solid #DEDEDE;}
.proDateTwo .re .list li:last-child {border-bottom: 0; padding-bottom: 0;}
.proDateTwo .re .list li a {display: flex; align-items: center; gap: 2rem;}
.proDateTwo .re .list li .imgBox {width: 30%; padding-bottom: 30%; background: #fff; border-radius: .625rem; position: relative; flex-shrink: 0;}
.proDateTwo .re .list li .imgBox img {padding: 1.25rem; width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; transition: .5s;}
@media (any-hover: hover) {
  .proDateTwo .re .list li:hover .imgBox img {transform: scale(1.1);}
}





/* 右侧悬浮 */
.slide_fixed{
  position: fixed;
  bottom: 10%;
  right: 1.375rem;
  z-index: 999;
  border-radius: 2.375rem;
  background: #FFFFFF;
  padding: 1.25rem 0.625rem;
  box-shadow: 0px 0px 22px 2px rgba(101,101,101,0.07);
}
.slide_fixed .item{
  margin: 0.3125rem 0;
  position: relative;
}
.slide_fixed .item .icBox{
  width: 3.375rem;
  height: 3.375rem;
  padding: 0.625rem;
  background: #ECF1F8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide_fixed .item .icBox img{
  display: block;
  max-width: 80%;
  transition: .6s;
}
.slide_fixed .ic_txt {
  width: 9.375rem;
  position: absolute;
  right: -100%;
  top: 0;
  display: flex;
  align-items: center;
  padding: 0.9375rem;
  background: #fff;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: -1;
  box-shadow: 0px 0px 0.625rem 0px rgba(0, 0, 0, 0.1);
  flex-direction: column;
}
.slide_fixed .ic_txt img{width: 100%;}
.slide_fixed .ic_txt em{
  display: block;
}
.slide_fixed .ic_txt em:first-child{
  margin-bottom: 0.625rem;
}
@media (any-hover: hover) {
  .slide_fixed .item:hover .ic_txt {
      transform: translateX(-90%);
  }
}
.slide_fixed .item a:hover .icBox img{
  transform: translateY(-0.1875rem);
}


.aboutTwo .about-title h3{width: 63%;}