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

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



#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .6s; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.headBox {padding: 0 2.45%;  transition: .5s; height: 6.25rem; display: flex; justify-content: space-between; align-items: center; background: transparent;}
.headBox .logo {height: 100%;}
.headBox .logo img {height: 2.9375rem;  max-height: 100%; object-fit: contain; transition: .5s;  -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%; 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%;/* width: 100%; */margin-right: 215px;}
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;margin-left: 6rem;}
nav .layui-nav .layui-nav-item:first-child{margin-left: 0;}
nav .layui-nav .layui-nav-item::after{position: absolute;content: '';bottom: -1px;width: 0;height: 1px;background: #E9EAED;border-radius: .125rem;transition: .6s;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative;z-index: 1;font-size: var(--font18);transition: 0.6s;display: block;}
nav .layui-nav .layui-nav-item > a i {display: none;}

nav .layui-nav .layui-nav-item.layui-this::after{width: 100%;}

@media (any-hover:hover) {
  nav .layui-nav .layui-nav-item:hover::after{width: 100%;}
}
nav .layui-nav-bar {display: none;} 

/* 默认下拉 */
.navlist {position: absolute;left: 0;top: 100%;width: auto;min-width: 9.5rem;left: 50%;transform: translateX(-50%);display: none;background: #fff;padding:1rem}
.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: #142c7b!important;}
}


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



/* 弹出搜索 */
.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;}


@media (any-hover:hover) {
  header:hover .headBox .logo img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
  header:hover{background: #fff;}
  header:hover nav .layui-nav .layui-nav-item > a{color: #333;}
  header:hover nav .layui-nav .layui-this > a {color: #333!important;}
  header:hover nav .layui-nav .layui-nav-item > a:hover{color: #333!important;}
  header:hover nav .layui-nav .layui-nav-item::after{background: #142c7b;}
  header:hover .head_search a img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
}


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);}
header.c-style2 nav .layui-nav .layui-nav-item > a{color: #333;}
header.c-style2 nav .layui-nav .layui-this > a {color: #333!important;}
header.c-style2 nav .layui-nav .layui-nav-item > a:hover{color: #333!important;}
header.c-style2 nav .layui-nav .layui-nav-item::after{background: #142c7b;}
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:#142c7b #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #142c7b; 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(20, 44, 123, 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;}
.indexBanner .banner-box{top: 64%; }
.indexBanner .info{align-items: flex-end;}
.indexBanner .info h2{font-size: 4.6875rem; font-weight: bold; display: block; line-height: 1.2;}
.indexBanner .info h2:last-child{margin-left: 4.75rem;}
.indexBanner .info h3{width: 35%; margin-bottom: .3125rem;}
.banner-bottom{bottom: 4.375rem; z-index: 2; position: absolute; width: 100%;}
#banner-num{width: auto; position: relative; }
#banner-num span{ width: 1.25rem; height: .1875rem; background: rgba(255, 255, 255, 0.2); opacity: 1; border-radius: 0; transition: .6s;}
#banner-num span.swiper-pagination-bullet-active{width: 3.9375rem; background: #fff;}

.indexBanner .swjt{width: 3.9375rem;height: 3.9375rem; background: rgba(255, 255, 255, 0.1); border-radius: 50%;position: relative;transition: .6s;top: auto;margin-top: 0!important; opacity: 1;}
.indexBanner .swjt img{display: block; width: .625rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#banner-prev{left: auto;}
#banner-next{right: auto; margin-left: 1.125rem;}
#banner-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
@media (any-hover: hover) {
#banner-prev:hover,#banner-next:hover{background: #fff; }
.indexBanner .swjt:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); }
}
.bottom-box{border-top: 1px solid rgba(255, 255, 255, 0.2); width: 100%; padding-top: 4.5rem; align-items: flex-end;}





/* 产品世界 */
.product-bg{padding: 4.3125rem 0 4.75rem;}
.index-title{position: relative; flex: 1;}
.index-title img{display: block; height: 9.3125rem;}
.index-title div{position: absolute; top: 50%; transform: translateY(-50%); }
.index-title  em{color: #142C7B; display: block; line-height: 1;}
.index-title strong{font-size: 3rem;}

.product-btn .pag{}
.product-btn .pag {width: 5.6875rem;height: 5.6875rem;border: 2px solid  #D6D6D6;background: none;opacity: 1;box-sizing: border-box;display: block;border-radius: 50%;position: relative;margin: auto;display: flex;align-items: center;justify-content: center;}
.product-btn .svgBox {width: 121%;height: 121%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: .4s;}
.product-btn .pag img{filter: invert(0%) sepia(1%) saturate(12%) hue-rotate(259deg) brightness(90%) contrast(100%); opacity: 0.5; max-width: 50%;}
.product-btn .svgBox svg {fill: none;transform: rotate(-90deg);fill: none;stroke-width: 1px;stroke:#142C7B;stroke-dasharray:130;stroke-dashoffset:130;overflow: visible;}
.product-btn ul li span{color: #999999; margin-top: .625rem;}
.product-btn .swiper-slide-thumb-active .pag img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0); opacity: 1;}
.product-btn .swiper-slide-thumb-active .pag svg {animation: dashTooffset 1s linear forwards;}
.product-btn .swiper-slide-thumb-active span{color: #333333;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}
.product-btn span{font-size: var(--font22); color: #ffffff; display: block; text-align: center; margin-top: .1rem;} 
.product-btn  .swiper-slide{position: relative;width: auto!important; cursor: pointer; }
.product-btn  .swiper-slide::after{position: absolute;content: '';background: #F2F2F2;left: 100%;width: 52%;top: 37%;transform: translateY(-50%);height: 1px;}
.product-btn  .swiper-slide:last-child::after{display: none;}
.product-bottom{margin-top: 2.75rem;}
.product-box{position: relative;}
.product-list{width: 88%;}
.product-list ul li a{background: url(../images/product-bg.webp) no-repeat center; background-size: cover; border-radius: .875rem; padding: 6.6875rem 3.6% 4.625rem;}
.product-list ul li .info{width: 41.8%;}
.product-list ul li .info strong{color: #333333; margin-bottom: 2.875rem; display: block;}
.product-list ul li .info p{color: #555555; font-weight: 500; margin-bottom: 1.5625rem;}
.product-list ul li .info span{ margin-top: 2.9375rem; }
.product-list ul li .pic{width: 45.26%; overflow: hidden;}
.product-list ul li .pic img{display: block; width: 100%; transition: .6s;    mix-blend-mode: multiply;}
.product-box .swjt{width: 3.9375rem;  height: 3.9375rem;  background: #FCFCFC;  border-radius: 50%;}
.product-box .swjt img{width: .625rem;}
.product-box  #product-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); }

@media (any-hover: hover) {
  .product-list ul li:hover .pic img{transform: scale(1.1); }
  .product-list ul li:hover .info strong{color: #142C7B;}
  .product-box .swjt:hover{background: #142C7B;}
  .product-box .swjt:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
}





/* 解决方案 */
.solution{position: relative; overflow: hidden;}
.solution .index-title{position: absolute;top: 6.1875rem;z-index: 2;width: 100%;text-align: center;}
.solution .index-title em{color: #FFFFFF;}
.solution .index-title strong{color: #FFFFFF;}
.solution-list ul li{}
.solution-list ul li .pic {height: 100%; position: relative;}
.solution-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); transition: .6s;}
.solution-list ul li .pic img {width: 100%; height: 100%; object-fit: cover; min-height: 48rem;}
.solution-list ul li .info{ width: 49%; text-align: justify;}
.solution-list ul li .info strong{display: block; margin-bottom: 1.5625rem;}
.solution-list ul li .info p{margin-bottom: 3.4375rem;}
.solution-list ul li .info span{display: inline-block;color: #FFFFFF;background: #142C7B;border-radius: 100px;padding: 0.97rem 2.74rem; transition: .6s; }
.solution-bottom{position: absolute; width: 100%; bottom:6.1875rem; z-index: 2;}
.solution-btn ul li{padding-bottom: 1.25rem; border-bottom: 3px solid rgba(255, 255, 255, 0.5); position: relative; transition: .6s; text-align: center;}
.solution-btn ul li::after{position: absolute; content: ''; height: 3px; width: 0; background: #fff; transition: .6s; left: 0; bottom:-3px;} 
.solution-btn ul li .icon img{width: 2.625rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin-bottom: .75rem;}
.solution-btn ul li em{}
.solution-btn ul li.swiper-slide-thumb-active::after{width: 100%;}
#solution-num{display: none;}
@media (any-hover: hover) {
  .solution-list ul li .info span:hover{background: #fff; color: #142C7B;}

}



/* 关于我们 */
.about{overflow: hidden;}
.about-left,.about-pic{width: 50%; height: 44rem;}
.about-left{background: url(../images/about-pic.webp) no-repeat center; background-size: cover; justify-content: flex-end;}
.about-left .info{width: 66%; margin-right: 11%;}
.about-left .info  .index-title{margin-bottom: 1.25rem;}
.about-left .info h4{color: #666666;}
.about-left .info a{margin-top: 3.75rem;}
.about-pic img{display: block; width: 100%; object-fit: cover; height: 100%; }


/* 技术与支持 */
.tech-bg{background: url(../images/tech-bg.webp) no-repeat center; background-size: cover; padding: 6.25rem 0 5rem;}
.tech-bg .index-title{margin-bottom: 4.6875rem;}
.index-title h3{margin-top: .9375rem; display: block;}
.tech-bg .info{margin-bottom: 18.125rem;}
.tech-list ul li{width: 24%;}
.tech-list ul li .icon{width: 5.125rem;    height: 5.125rem;    border-radius: 50%;    border: 1px solid rgba(255, 255, 255, 0.5); display: flex; align-items: center; justify-content: center; margin-right: 1.8125rem;}
.tech-list ul li .icon img{display: block; max-width: 50%;}
.tech-list ul li .text{ flex: 1;}
.tech-list ul li .text strong{display: block;}
.tech-list ul li .text span{}


/* 公共底部 */
.footer-bg{background: #F2F2F2;}
.footer-top{padding: 3.75rem 0 5.5625rem; border-bottom: 2px solid #E3E3E3;}
.footer-left{width: 25%; border-right: 1px solid #E3E3E3;}
.footer-middle{width: 19%; margin-right: 6%; border-right: 1px solid #E3E3E3;}
.foternav{width: 50%;}

.footer-logo a img{height: 2.9375rem; margin-bottom: 1.75rem; display: block;}

.flink  ul li{width: 14.5625rem; position: relative; border: 1px solid #DBDBDB;}
.flink  ul li>a{ padding:0.9rem 1.5625rem;}
.flink  ul li>a em{color: #999999;}
.flink  ul li>a img{width: .6875rem;}
.flink-list{position: absolute;bottom: 100%;left: 0;width: 100%;background: #fff;padding: 1rem 2.125rem; display: none;}
.flink-list dl a{display: block; line-height: 2; transition: .6s; color: #666;}
@media (any-hover: hover) {
.flink-list dl a:hover{color: #142C7A; text-indent: .625rem;}
}

.footer-left strong{margin: 1.875rem 0 1.0625rem; display: block;}
.footer-left p{width: 73%; margin-bottom: 1.25rem;}
.footer-left a{color: #142C7A; font-weight: bold;} 
.footer-middle{text-align: center; }
.footer-middle img{margin: 1.6875rem 0 .8125rem;width: 8.375rem; }
.footer-middle em{display: block; }
.foternav dl dt a{ display: block; font-size: var(--font18); color: #333333;font-weight: bold; margin-bottom: 1.875rem;}
.foternav dl dd a{font-size: var(--font15); color: #555555;  display: block; transition: .6s; line-height: 2;}

.footer-copy{padding: 1.4375rem 0;}
.footer-copy span{margin: 0 1.375rem;}
.footer-copy a{color: #555555; transition: .6s;}

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

/* 内页样式 */
/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 20rem}
.ny-banner .banner-box{top: 43%;}
.position{margin-bottom: 10rem;}
.position span,.position a{color: rgba(255, 255, 255, 0.88); font-size: var(--font14);}
.position img{width: .9375rem;  -webkit-filter: brightness(0) invert(1);   filter: brightness(0) invert(1);}
.position a{margin: 0 .625rem;}
.banner-title strong,.banner-title b{font-size: 3rem;}
.banner-title b{text-transform: uppercase; display: block; line-height: 1;}

@media (any-hover: hover) {
.position a:hover{color: #fff;}
}





/* 内页产品列表页 */
.proOne .box{display: flex; justify-content: space-between; align-items: flex-start;}
.proOne .box .le{width: 19%;position: sticky;top: 6.25rem; padding:  3.3125rem 3.4%  3.3125rem 0;}
.pro-search{width: 100%; background: #F5F5F5;  padding: 1.1875rem 0;   justify-content: space-evenly;}
.pro-search input{ font-size: var(--font15);}
.pro-search input::placeholder{color: #666666;}
.pro-search  img{width: 1.125rem;}
.pro-title{margin-top: 3.25rem; border-top: 1px solid  #EEEEEE;padding-top: 2.125rem;}
.pro-title strong{color: #142C7B; font-weight: bold;}
.proOne .menu ul li{border-bottom: 1px solid  #EEEEEE; padding: .625rem 0;}
.proOne .menu ul li .menu-li{display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 1.25rem; transition: .6s; }
.proOne .menu ul li .menu-li a{color: #202020;}
.proOne .menu ul li .menu-li img{width: .8125rem; transition: .6s;}
.proOne .s-menu{padding: 1.25rem 1.6rem 0; display: none;}
.proOne .s-menu dl{margin-bottom: 1.125rem;}
.proOne .s-menu dl dt a{display: flex; align-items: center; transition: .6s;}
.proOne .s-menu dl dt span{width: .375rem;   height: .375rem;   background: #F5F5F5;   border-radius: 50%; margin-right: .3125rem;}
.proOne .s-menu dl dt em{color: #333;}
.proOne .menu ul li .menu-li.on {background: #142C7B; border-radius: 100px;}
.proOne .menu ul li .menu-li.on a{color: #fff;}
.proOne .menu ul li .menu-li.on img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transform: rotate(-45deg); }
.proOne .s-menu dl dt a.on span{background: #142C7B;}
.proOne .s-menu dl dt a.on em{color: #142C7B; font-weight: bold;}
.proOne .s-menu.on{display: block;}

@media (any-hover: hover) {
  .proOne .menu ul li:hover .menu-li {background: #142C7B; border-radius: 100px;}
  .proOne .menu ul li:hover .menu-li a{color: #fff;}
  .proOne .menu ul li:hover .menu-li img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transform: rotate(-45deg); }
  .proOne .s-menu dl dt a:hover span{background: #142C7B;}
  .proOne .s-menu dl dt a:hover em{color: #142C7B; font-weight: bold;}

}



/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #001376; z-index: 2;} 
/* 遮罩层样式 */
.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: 768px) {
.filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
/* .proOne .box .le {width: 30%;} */
}
@media screen and (max-width: 767px) {
.proOne {position: relative;}
.proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
.proOne .box .le.show {left: 0; overflow-y: auto;}
.proOne .box .re {width: 100%; flex: none; margin-left: 0;}
.filter-toggle {display: block;}
}


.proOne .box .re{width: 81%; border-left: 2px solid #eee; padding-left: 3%;}
.nypro-title{border-bottom: 1px solid rgba(44, 44, 44, 0.1); padding: 4.6875rem 0 1.25rem; margin-bottom: 3.75rem;}
.nypro-title strong{}
.nypro-list{margin-bottom: 6.25rem;}
.nypro-list ul li{margin-bottom: 1.9375rem;}
.nypro-list ul li a{display: flex; align-items: center; justify-content: space-between; padding: 2.1875rem 4% 2.125rem 6%; background: url(../images/nypro-bg.webp) no-repeat center;  background-size: cover; border-radius: .625rem;} 
.nypro-list ul li .info{width: 43%;}
.nypro-list ul li .info em{color: #142C7B; display: block; line-height: 1;}
.nypro-list ul li .info strong{color: #333333; margin-bottom: .8125rem; display: block;}
.nypro-list ul li .info p{color: #666666; margin-bottom: 5.375rem;}
.nypro-list ul li .info span{color: #142C7B;}
.nypro-list ul li .pic{width: 45%;}
.nypro-list ul li .pic img{display: block; width: 100%;   mix-blend-mode: multiply; transition: .6s;}

@media (any-hover: hover) {
  .nypro-list ul li:hover .pic img{transform: scale(1.1); }
  .nypro-list ul li:hover .info strong{color: #142C7B;}
}



/* 产品详情页 */
.proxq-header{border-bottom: 1px solid rgba(51, 51, 51, 0.1);}
.proxq-header .headBox .logo img{    -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.proxq-header nav .layui-nav .layui-nav-item > a{color: #333333;}
.proxq-header nav .layui-nav .layui-nav-item::after{background: #001376;}
.proxq-header .head_search a img {   -webkit-filter: brightness(1) invert(1);   filter: brightness(1) invert(1);}


.proxq-banner .banner-box{top: 54%;}
.proxq-banner .position{margin-bottom: 0;}
.proxq-banner .position img{ -webkit-filter: brightness(1) invert(1);   filter: brightness(1) invert(1); opacity: 0.2;}
.proxq-banner .position span,.proxq-banner .position a{color: #333;}

.proxq-box .info{width: 40%;}
.proxq-box .info h1{font-weight: bold; display: block; margin-bottom: .9375rem;}
.proxq-box .info h2{margin-bottom: 4.375rem; text-align: justify;}
.proxq-box .info a{color: #DAE8F2; background: #001376; border-radius: 100px; display: inline-block; padding: 0.9rem 1.61rem; transition: .6s;}
.proxq-box .info a img{width: 1.75rem; margin-right: .875rem;}
.proxq-box .pic{width: 39.86%;}
.proxq-box .pic img{display: block; width: 100%;}


@media (any-hover: hover) {
  .proxq-banner .position a:hover{color: #142C7B;}
  .proxq-box .info a:hover{transform: translateY(-1rem);}
}

.proxq-btn{border-bottom: 1px solid  #E4E4E4;margin-bottom: 3.8125rem;}
.proxq-btn ul li{position: relative; margin: 0 2.1875rem;}
.proxq-btn ul li::after{position: absolute; content: ''; background: #0072B8; width: 0; height: .1875rem; bottom: 0; left: 0; transition: .6s;}
.proxq-btn ul li a{display: block; font-size: var(--font18); color: #555555; line-height: 5.4;}


@media (any-hover: hover) {
.proxq-btn ul li:hover a{color: #0072b8; font-weight: bold;}
.proxq-btn ul li:hover::after{width: 100%;}
}

.proxqMain .proOne .box{flex-direction: row-reverse;}
.proxqMain .proOne .box .le{width: 21.5%;position: sticky;top: 6.25rem;padding: .4375rem 4.5rem 2.9375rem 1.4375rem;background: #F9F9F9;}
.proxqMain .pro-title{border-top: none; padding-top: 0; margin-top: 2.125rem;}
.proxq-title{margin-bottom: 2.5rem;}
.proxq-title h5{font-size: 2.5rem; color: #333333; margin-bottom: .625rem;}
.proxq-title i{display: block; width: 2.5rem;  height: .25rem;  background: #0072B8;}
.pro-editor{margin-bottom: 4.375rem;}
.pro-editor img{display: inline-block; max-width: 100%; height: auto!important;}


.proxqMain .proOne .box .re {
  width: 81%;
  border-left:none;
  padding-left: 0;
}



/* 解决方案 */
.solutionMain{padding: 4.1875rem 0;}
.solution-class {border-bottom: 2px solid  #E3E3E3; margin-bottom: 2.875rem;}
.solution-class ul{justify-content: space-evenly;}
.solution-class ul li{padding: 0 .625rem 1.875rem; position: relative; text-align: center;}
.solution-class ul li::after{position: absolute; content: ''; width: 0; height: .125rem; background: #001376; bottom: -0.125rem; transition: .6s; left: 0;}
.solution-class ul li a{}
.solution-class ul li .icon img{width: 2.625rem; margin: 0 auto .625rem; filter: invert(49%) sepia(1%) saturate(0%) hue-rotate(53deg) brightness(90%) contrast(91%);}
.solution-class ul li em{color: #717171;}
.solution-class ul li.on::after{width: 100%;}
.solution-class ul li.on .icon img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}

@media (any-hover: hover) {
.solution-class ul li:hover::after{width: 100%;}
.solution-class ul li:hover .icon img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
}
.nysolution-list ul li{background: #F9F9F9;margin-bottom: 2.4375rem;height: 31.4375rem;}
.nysolution-list ul li a{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.nysolution-list ul li .pic,.nysolution-list ul li .info{width: 50%;overflow: hidden;height: 100%;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;}
.nysolution-list ul li .pic{height: 100%;}
.nysolution-list ul li .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.nysolution-list ul li .info{padding: 0 5.1875rem;}
.nysolution-list ul li .info strong{color: #081122; margin-bottom: 1.25rem; display: block;}
.nysolution-list ul li .info p{color: #333333; margin-bottom: 5rem;}



/* 服务与支持 */
.tech-form{ width: 45.0625rem; border-radius: .3125rem; padding: .375rem 0; background: #FFFFFF;} 
.tech-form input{font-size: var(--font16); text-indent: 1.25rem;}
.tech-form input::placeholder{color: #8F8F8F;}
.tech-form  button{background: #001376; border-radius: .3125rem; width: 3.9375rem; height: 2.9375rem; display: flex; align-items: center; justify-content: center; margin-right: .4375rem;} 
.tech-form  button img{max-width: 100%;}
.tech-banner  .banner-box { top: 48%;}
.tech-banner .banner-title{text-align: center;display: flex;flex-direction: column;align-items: center;}
.tech-banner .banner-title strong{margin-bottom: 2.25rem;}
.ny-tech{padding: 5.5625rem 0 8.625rem;}
.ny-title{margin-bottom: 3.125rem;}
.ny-title h2{font-size: 2.5rem;}
.ny-title i{display: block; width: 2.5rem;  height: .25rem;  background: #001376;  border-radius: .125rem; margin: .625rem auto 0;}
.tech-class ul {gap: 1.125rem;}
.tech-class ul li{height: 20.6875rem; position: relative; border-radius: .9375rem; overflow: hidden;}
.tech-class ul li a{ display: block; height: 100%;}
.tech-class ul li::after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0;  border-radius: .9375rem;}
.tech-class ul li .pic{ display: block; height: 100%;}
.tech-class ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;  border-radius: .9375rem;}
.tech-class ul li .info{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1;}
.tech-class ul li .text{position: absolute;top: 64%;transform: translateY(-50%);text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center; transition: .6s;}
.tech-class ul li .info span{border-radius: 1.5625rem; background: #001376; padding: 0.84rem 2.6rem; opacity: 0; transition: .6s; margin-top: 2.5rem;}
@media (any-hover: hover) {
  .tech-class ul li:hover .text{top: 50%;}
.tech-class ul li:hover .info span{opacity: 1;}
}
.service{margin-top: 5.5625rem;}
.service-list{margin-bottom: 6.875rem;}
.service-list ul{gap: 1rem;}
.service-list ul li{background: #F7F7F7; border-radius: .625rem; padding: 2.75rem 0 0; text-align: center; height: 12.5rem;}
.service-list ul li .icon img{display: block; width: 3.5625rem; margin: 0 auto 1.4375rem;}

.contact-bg{background: url(../images/contact-bg.webp) no-repeat center top; background-size: cover; padding-bottom: 7.8125rem;}
.contact-bg .ny-title{margin-bottom: 7.1875rem;}
.contact-box .info{width: 45.8%;}
.contact-box .info dl{border-bottom: 1px solid rgba(142, 142, 142, 0.2); padding-bottom: 2.5rem; margin-bottom: 3.125rem;}
.contact-box .info dl dt img{width: 3.5625rem; margin-right: 1.4375rem;}
.contact-box .info dl dd{flex: 1;}
.contact-box .info dl dd em{display: block; color: #333333;}
.contact-box .info dl dd span{color: #333333;}
.contact-box .info dl dd p{color: #8A8A8A;}
.contact-box .info dl dd h4{color: #666;}
.contact-box .info .more1{margin-top: 1.75rem;}
.contact-box .pic{width: 45.53%;}
.contact-box .pic img{display: block; width: 100%; border-radius: 0px 3.125rem 0px 3.125rem;}


/* 下载列表页 */
.download{align-items: flex-start; }
.download-left{width: 27%;padding: 5rem 0 0 12%; height: 100vh; background: linear-gradient(0deg, #FCFCFC 0%, #DFDFDF 100%);background-size: cover;box-sizing: border-box;overflow: hidden;position: sticky;top: 0rem;}
.download-left strong{display: block;margin-bottom: 5.625rem;font-size: 3rem;color: #001376;font-weight: bold;}
.download-class .ctitle1{position: relative; padding-bottom: 2.75rem;}
.download-class .ctitle1::after{position: absolute;content: '';width: 1px;height: 100%;background: #CCCDD0;left: 2.5%;top: 0.625rem;}
.download-class .ctitle1 li{padding-bottom: 2.5rem;}
.download-class .ctitle1 li a{display: flex;align-items: center;position: relative;font-size: var(--font18);color: #616161;position: relative;}
.download-class .ctitle1 li i {opacity: 0;display: inline-block;width: 0.56rem;height: 0.56rem;background: #001376;border-radius: 50%;position: relative;z-index: 1;margin-right: 14%;margin-left: 0.2rem;}
.download-class .ctitle1 li i::after {opacity: 0;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 1.1875rem;height: 1.1875rem;animation: shubiao 1s infinite linear .65s;background: rgba(0, 19, 118, 0.23);border-radius: 50%;z-index: 0;}
@keyframes shubiao {0% { -webkit-transform: translate(-50%, -50%) scale(1); }  33% {   -webkit-transform: translate(-50%, -50%) scale(1.2); }  66% {  -webkit-transform: translate(-50%, -50%) scale(1.3); } 100% {  -webkit-transform: translate(-50%, -50%) scale(1); }}
.download-class .ctitle1 li.on a{font-weight: bold;color: #001376;}
.download-class .ctitle1 li.on i{opacity: 1;}
.download-class .ctitle1 li.on i::after{opacity: 1;}

@media (any-hover: hover) {
.download-class .ctitle1 li:hover a{font-weight: bold;color: #001376;}
.download-class .ctitle1 li:hover i{opacity: 1;}
.download-class .ctitle1 li:hover i::after{opacity: 1;}
}
.download-right{width: 73%;box-sizing: border-box;padding:  5.5rem 0 5.5rem 4.3125rem;}
.download-list {width: 81%;}
.download-list ul{gap: 0 5rem;}
.download-list ul li{border-bottom: 1px solid #E1E1E1; padding-bottom: 2.0625rem; margin-bottom: 2.5rem;}
.download-list ul li a{display: flex; align-items: center;}
.download-list ul li .icon{width: 2.25rem; height: 2.25rem; background: #001376; border-radius: 50%; margin-right: 1.4375rem;}
.download-list ul li em{flex: 1; color: #666666;}
@media (any-hover: hover) {
.download-list ul li:hover em{color: #001376;}
}

/* 关于优能 */
.about-class ul li{margin-right: 4.75rem;}
.about-class ul li:last-child{margin-right: 0;}
.about-class ul li a{font-size: var(--font17);color: #333;display: block;line-height: 6;}
.about-class ul li.on a{color: #001376;font-weight: bold;}

@media (any-hover: hover) {
  .about-class ul li:hover a{color: #001376;font-weight: bold;}
}

.about-bg{background: url(../images/about-bg.webp) no-repeat center top; background-size: cover; padding: 5rem 0;}
.about-box{margin-bottom: 8.75rem;}
.about-box .info{width: 48.66%;}
.about-box .info .ny-title{}
.about-box .info .ny-title i{margin: .625rem 0 0;}
.about-box .info h3{color: #666666; text-indent: 2rem;line-height: 2;}
.about-box .pic{margin-top: 1.5rem; width: 44.53%;}
.about-box .pic img{display: block; width: 100%; border-radius: 0px 3.125rem 0px 3.125rem;}
.about-num ul li div{align-items: flex-end;}
.about-num ul li em{font-size: 3.75rem; line-height: 1;}
.about-num ul li span{margin-left: .3125rem;}
.about-num ul li h3{margin-top: .625rem;}

.culture{padding: 6.875rem 0 9.4375rem;}
.culture .ny-title{margin-bottom: 8.3125rem;}
.culture-list ul{gap: 4.375rem;}
.culture-list ul li{background: #E6EAF1; border-radius: .625rem; height: 15.375rem;position: relative; padding: 6rem 3.125rem 0; }
.culture-list ul li .pic{position: absolute; content: ''; right: 0;  z-index: 1; transition: .6s; opacity: 0; top: 0; overflow: hidden; width: 89%;}
.culture-list ul li .pic img{ display: block; width: 100%;}
.culture-list ul li .icon{width: 6.75rem;  height: 6.75rem;  background: #FFFFFF;  border-radius: 50%;  border: 1px solid #EEF6FA; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; margin: auto; top: -20%; }
.culture-list ul li .icon img{max-width: 100%;}
.culture-list ul li .info{text-align: center;}
.culture-list ul li .info  b{color: #0072B8; display: block; color: #0072B8; margin-bottom: .875rem;}
.culture-list ul li .info strong{color: #333333;}

@media (any-hover: hover) {
  .culture-list ul li:hover .pic{top: 1.6875rem; opacity: 1;}

}


.history{background: url(../images/history-bg.webp) no-repeat center; background-attachment: fixed; background-size: cover;  padding: 4.6875rem 0 8.875rem;}
.history .ny-title h2{color: #fff;}
.history .ny-title i{background: #fff;}


.history .big-swiperBox {position: relative;margin-top: 3.3125rem;}
.history .swiperBox1 {position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}
/* .history .swiperBox1 .container {position: relative;} */
.history .swiperBox1 .slide .year {font-size: 22.9375rem;opacity: 0.1;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700;line-height: 1;}
.history .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; min-height: 16.875rem; display: flex; align-items: flex-end;}
.history .swiperBox2 .slide {padding: 3.875rem 0;}
.history .swiperBox2 .slide .text {margin-top: 1.25rem; font-size: var(--font20); line-height: 1.8;}
.history .swiperBox2 .slide .text p {color: #fff;}
.history .swiperBox3 {position: relative;z-index: 8;color: #fff;text-align: center;margin-top: 8.125rem;}
.history .swiperBox3 .swiper {overflow: hidden;padding: 0 13% 1rem;}
.history .swiperBox3 .swiper::before {content: "";position: absolute;bottom: 21%;left: 0;width: 100%;background: url(../images/history-line.png) no-repeat center;height: .0625rem; background-size: contain;}
.history .swiperBox3 .slide {display: flex;flex-wrap: wrap;align-content: space-between;height: 4.5625rem;cursor: pointer;flex-direction: column-reverse;justify-content: space-between;}
.history .swiperBox3 .c-dot {margin: 0 auto;display: flex;align-items: center;justify-content: center;width: 0.5rem;height: 0.5rem;position: relative;transition: all 0.4s;background: #fff;border-radius: 50%;}
.history .swiperBox3 .c-dot::before {content: "";position: absolute;width: 239%;height: 239%;transition: all 0.4s;border: 1px solid #FFFFFF;border-radius: 50%;transform: scale(0);}
.history .swiperBox3 .c-dot::after {content: "";position: absolute;width: 440%;height: 440%;border-radius: 50%;background-color: rgba(255, 255, 255, 0.18);transition: all 0.4s;opacity: 0;}
.history .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 2.9375rem;font-size: var(--font20);font-family: Arial, Arial-Bold;opacity: 0.8;}
.history .swiperBox3 .swiper-slide-thumb-active .c-dot::after {opacity: 1;}
.history .swiperBox3 .swiper-slide-thumb-active .c-dot::before {transform: scale(1);}
.history .swiperBox3 .swiper-slide-thumb-active .syear {font-size: 3rem;font-weight: 700;opacity: 1;}
/* 控件 */
.history .swiperBox3 .swjt { top: 69%; width: 3.75rem;  height: 3.75rem;  border-radius: 50%;  border: 1px solid #FFFFFF;   border-radius: 50%; transition: .5s; display: flex; align-items: center; justify-content: center; opacity: 1;}
.history .swiperBox3 .swjt::before{position: absolute; content: ''; width: 116%; height: 116%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.27);  transition: .5s;}
.history .swiperBox3 .swjt.swiper-button-next  img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.history .swiperBox3 .swjt img{display: block; width: .625rem;}
.history .swiperBox3 .swjt:active {background: rgba(255, 255, 255, 0.3);}
@media (any-hover: hover) {
  .history .swiperBox3 .swjt:hover {background: rgba(255, 255, 255, 0.3);}
}

.honor{padding: 5.625rem 0 6rem;}
.honor-list ul{gap: 1.0625rem 1.5rem;}
.honor-list ul li{padding: .8125rem; background: #F4F4F4;}
.honor-list ul li a{ height: 100%;  display: flex; align-items: center; justify-content: center;}
.honor-list ul li .pic{overflow: hidden;}
.honor-list ul li .pic img{display: block; width: 100%;}



/* 常见问题 */
.faq-list{width: 81%;}
.faq-list dl{margin-bottom: 1.25rem; border-bottom: 1px solid #ccc; padding-bottom: 1.25rem;}
.faq-list dl dt em,.faq-list dl dd em{width:2rem;  height: 2rem;  background: #001376; border-radius: 50%; margin-right: 0.625rem;color: #ffffff; text-align: center; display: flex; align-items: center; justify-content: center;}
.faq-list dl dt strong,.faq-list dl dd p{flex: 1;}
.faq-list dl dt strong{color: #333333;}
.faq-list dl dd p{color: #555555;}
.faq-list dl dt{margin-bottom: 1rem;}
.faq-list dl dd{align-items: flex-start;}
.faq-list dl dd em{background: #d81910;}
.faq-list dl a:hover dt strong{color: #001376;}