/* 公用样式 */
#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; border-bottom: 1px solid rgba(255,255,255,0.16);}
.headBox {transition: .5s; padding: 0 6% 0 3.75%; height: 6.25rem; position: relative; z-index: 1;}
.headBox .logo {padding:.625rem 0;height: 100%;}
.headBox .logo img {height: 100%; max-width: 100%; max-height: 2rem; object-fit: contain; filter: brightness(100); -webkit-filter:brightness(100);}
.headBox .le {height: 100%; flex-shrink: 0; width: auto;}
.headBox .le .logo a {height: 100%; display: flex; align-items: center;}
.headBox .re {height: 100%;}

/* 导航 */
/* 取消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: 50%; position: static;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between; position: static !important;}
nav .layui-nav > .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; position: static;}
nav .layui-nav > .layui-nav-item > a {color: #fff;position: relative; z-index: 1;font-size: var(--font20); transition: 0.4s; font-weight: 400;}
nav .layui-nav > .layui-nav-item > a::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 8px; height: 12px; background: url(../images/head-nav-icon.png) no-repeat center; background-size: contain; opacity: 0; transition: .5s;}
nav .layui-nav > .layui-nav-item > a > i {position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12); display: none;}
nav .layui-nav > .layui-nav-item a:hover, nav .layui-nav .layui-this a {color: #fff;}
/* nav .layui-nav .layui-nav-item:hover a::after, nav .layui-nav .layui-this a::after {width: 100%; left: 0;} */
nav .layui-nav > .layui-this:after , nav .layui-nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-this:after {display: none;}
  nav .layui-nav > .layui-nav-item.on > a::after {bottom: -50%; opacity: 1;}
@media (any-hover: hover) {
  nav .layui-nav > .layui-nav-item:hover > a::after {bottom: -50%; opacity: 1;}
}

/* 默认下拉 */
nav .layui-nav .layui-nav-child {top: 80%; background: rgba(255, 255, 255,1); border-radius: .625rem; min-width: 6.25rem; line-height: initial;}
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: #00a8a9;}
/* 导航下拉 */
.navdown {position: absolute; background: #fff; left: 0; top: 100%; width: 100%; border-top: 1px solid #eee;  background: #fff; padding: 3rem 0;display: none;}
.navdown ol {display: flex; gap: 1.25rem; justify-content: center;}
.navdown ol li {width: 15%; text-align: center;}
.navdown ol li figure {position: relative;display: block;padding-bottom: 68.5555%;height: 0;overflow: hidden;line-height: 1; overflow: hidden;}
.navdown ol li figure img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.58s; object-fit: contain;}
.navdown ol li span {display: block; color: #333; margin-top: .625rem; font-size: var(--font16);}
.navdown ol li:hover span {color: #001e62;}
.navdown ol li:hover figure img {transform: scale(1.1);}
/* 搜索 */
.head_search {width: 3.25rem; height: 3.25rem; background: transparent; border-radius: 50%; cursor: pointer; }
.head_search a {height: 100%;}
.head_search img {width: 50%;}
/* 搜索框 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgb(255, 255, 255, 0.8);display: none; backdrop-filter: blur(10px);}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap { margin: 0 20%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 60px;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 70px;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 60px;height: 60px;font-size: 22px;text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn:hover path {fill: #1ECECA;}
.ssfDismisser {position: absolute; top: 20px; right: 30px; font-size: 31px;color: #8e9295;line-height: 30px; width: 30px;height: 30px; text-align: center;}

header.c-head-move .headBox {transform: translateY(-100%);}
header.c-style2 {background: #fff; border-color: #eee; }
header.c-style2 .headBox .logo img {filter: none; -webkit-filter: none;}
header.c-style2 .head_search {}
header.c-style2 .head_search img {filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%);}
header.c-style2 .headBox {height: 6.25rem;}
header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333;}
header.c-style2 .mobmenu h4 {color: #333;}
header.c-style2 .mobmenu dl dd {background: #333;}

header.c-style3 {background: #fff; border-color: #eee; }
header.c-style3 .headBox .logo img {filter: none; -webkit-filter: none;}
header.c-style3 .head_search {}
header.c-style3 .head_search img {filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%);}
header.c-style3 .headBox {height: 6.25rem;}
header.c-style3 nav .layui-nav > .layui-nav-item > a {color: #333;}
header.c-style3 .mobmenu h4 {color: #333;}
header.c-style3 .mobmenu dl dd {background: #333;}

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



/* ===============公用css star!!!!===================*/
.more1 {display: inline-flex; align-items: center;}
.more1 .icBox {width: 1.75rem; height: 2.375rem; background: url(../images/more-icon.png) no-repeat center; background-size: contain;}
.more1 .icBox i {font-size: var(--font12); margin-top: .313rem; font-weight: 600; transform: rotate(145deg); display: inline-block; transition: .5s;}

.more2 {display: inline-flex; border-radius: 6.25rem; background: #001e62; color: #fff;  padding: 1rem 1.5rem;   transition: .5s;}
.more2 i {font-size: var(--font14); margin-left: .625rem; font-weight: 600; transform: rotate(145deg); display: inline-block; transition: .5s;}
/* .more2 {background: #fff; color: #333;} */
@media (any-hover: hover) {
  .more1:hover i ,.more2:hover i {transform: rotate(180deg);}


  /* .more2:hover {box-shadow: 0 0 0 .625rem rgba(0, 168, 169, .4);} */
 
}
/* ===============公用css end!!!!===================*/


/* ======首页======= */
.indexSwiper {height: 100vh;position: relative;overflow: hidden;}
.indexSwiper >.swiper-wrapper >.slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox > img ,.indexSwiper .swiper-wrapper >.slide .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block;}
/* 控件 */
.indexpagtion {right: 3% !important; left: auto;}
.indexpagtion span {margin: 1rem 0 !important; width: .875rem; height: 1.125rem; opacity: .5; background: url(../images/indexpagtion-icon.png) no-repeat center; background-size: contain; transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active { opacity: 1;}

.indexBanner { position: relative; overflow: hidden; height: 100vh;}
.indexBanner .swiper {height: 100%;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .bjBox {position: relative; height: 100%; z-index: 1;}
.indexBanner .slide .bjBox img {width: 100%; height: 100%; object-fit: cover; min-height: 30rem; transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block;}
/* .indexBanner .slide .bjBox video {opacity: .8;} */
.indexBanner .slide .bjBox::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.indexBanner .slide .box {width: 100%; z-index: 1;}
.indexBanner .slide .con {padding-top: 0%;}
.indexBanner .slide .box .p1 span {line-height: 1; font-size: 12rem; color: #fff; opacity: .6; font-weight: 600; /* 必须先把文字设为透明 */ letter-spacing: .313rem;}
.indexBanner .slide .box .p1 img {max-width: 56.25rem;}
.indexBanner .slide .box .p2 {margin-top: 1.25rem;}
.indexBanner .slide .more {margin-top: 3.75rem;}
.indexBanner .slide .more a {display: inline-flex; gap: .625rem; color: #fff;}
.indexBanner .slide .more a i {transform: rotate(145deg); transition: .5s;}
@media (any-hover: hover) {
  .indexBanner .slide .more a:hover i {transform: rotate(180deg);}
}

/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .contrls {position: absolute; display: inline-flex; gap: 2.5rem; align-items: center; bottom: 5%; left: 50%; transform: translateX(-50%); z-index: 2;}
.indexBanner .contrls .pagtion {position: relative; left: 0; transform: none; background: rgba(255,255,255,0.1); width: 16.25rem; height: 2px;}
.indexBanner .pagtion span {background: #fff;}
.indexBanner .custom-pagination {display: inline-flex; align-items: flex-end; line-height: .7; gap: 5px; font-size: var(--font14); color: #fff;}
.indexBanner .custom-pagination .total {color: #FFFFFF; font-size: var(--font20); opacity: 1;}
.indexBanner .custom-pagination i {opacity: .5;}
.indexBanner .custom-pagination .current {opacity: 0.5;}

.indexOne {position: relative; overflow: hidden; z-index: 1;}
.indexOne .earth {position: absolute; right: 6.68%; bottom: 0; transform: translateY(36%); width: 59.5%; z-index: -1;}
.indexOne .earth img {width: 100%; object-fit: contain; transition: linear .3s;}
.indexOne .map {opacity: .7; position: absolute; z-index: -1; right: 0;bottom: 0;display: flex;justify-content: flex-start;  width: 75%; height: 120%;transform: translate(0%, 27%);}
.indexOne .map canvas {position: absolute;left: 0;bottom: 0; width: 100% !important; height: 100% !important; object-fit: contain; }
.indexOne .left .more {margin-top: 5rem;}
.indexOne .w1500 , .indexOne .box {height: 100%;}
.indexOne .box {display: flex; align-items: center; padding: 7.5rem 0; justify-content: space-between; flex-wrap: wrap; gap: 2rem;}
.indexOne .left {width: 32%;}
.indexOne .right {width: auto; padding-top: 20%;}
.indexOne .left .tle .p2 {line-height: 1.2;}
.indexOne .right .item {margin-top: 3.75rem;}
.indexOne .right .item .num {font-size: var(--font48); color: #fff; display: inline-flex; line-height: 1;}
.indexOne .right .item span {color: #fff;display: block;} 

.indexTwo {position: relative;z-index: 3;}
.Circles {position: absolute;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;/* pointer-events: none !important; */z-index: 0; opacity: .2;}
.Circles-circle {width: 30%; display: block;position: absolute;will-change: transform;transition: 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
.Circles-circle img {width: 100%; height: auto; object-fit: contain; display: block;transform: scale(0); transition: 1s;}
.indexTwo .w1500 {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.indexTwo .Circles-circle {left: 50%; top: 50%; transform: translate(-50%,-50%);}
.indexTwo .box {padding: 7.5rem 0;}
.indexTwo .top {gap: 1.25rem;}
.indexTwo .bom {margin-top: 6.25rem;}
.nav-swiper {margin: 0;}
.nav-swiper .slide {width: auto; cursor: pointer; font-size: var(--font18); color: #fff; padding-left: 1rem; z-index: 1; min-height: 2.4rem; display: inline-flex; align-items: center; position: relative;}
.nav-swiper .slide::after {position: absolute; z-index: -1; bottom: 0; left: 1rem; content: ''; background: url(../images/more-icon.png) no-repeat left; background-size: contain; width: 1.75rem; height: 2.375rem; display: inline-block; transition: .5s; opacity: 0;}
.nav-swiper .slide.swiper-slide-thumb-active::after {opacity: .2; left: 0;}
.inner-swiper .swiper-slide {text-align: center; pointer-events: all !important;}
.inner-swiper .swiper-slide .product-item {transform: scale(.8); transition: .5s linear;}
.inner-swiper .swiper-slide figure {position: relative; padding-bottom: 56.25%;}
.inner-swiper .swiper-slide figure img {position: absolute; left: 0; top: 0; width: 100%; max-height: 100%; height: auto; object-fit: contain; display: block;}
.inner-swiper .swiper-slide .p1 {color: #fff; font-size: var(--font22); margin-top: 2.5rem; opacity: .5; transition: .5s;}
.inner-swiper .swiper-slide .more {margin-top: 2.25rem; opacity: 0; transform: translateY(100%); transition: .5s;}
.inner-swiper .swiper-slide.swiper-slide-active .product-item {transform: scale(1);}
.inner-swiper .swiper-slide.swiper-slide-active .p1 {opacity: 1; }
.inner-swiper .swiper-slide.swiper-slide-active .more {opacity: 1; transform:translateY(0)}
/* 控件 */
.inner-swiper .swiper-button-prev, .inner-swiper .swiper-button-next {left: 0;top: 40%; width: 3.75rem; height: 3.75rem; border: 1px solid #fff; border-radius: 50%; font-size: 2.25rem; color: #fff; opacity: .5; transition: .5s;}
.inner-swiper .swiper-button-next {transform: rotate(180deg);right: 0; left: auto;}
.inner-swiper .swiper-button-prev:hover, .inner-swiper .swiper-button-next:hover {opacity: 1;}
.indexTwo.swiper-slide-active .Circles-circle img {transform: scale(1); transition-delay: 1s;}

.indexThre {position: relative; overflow: hidden;}
.indexThre .bjBox figure {width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.indexThre .bjBox figure.active {}
.indexThre .bjBox figure.active img {}
.indexThre .bjBox figure img {width: 100%; height: 100%; object-fit: cover; opacity: 0; display: block;transform: scale(1.1);transition: opacity 1.5s cubic-bezier(.435, .25, .15, .965), transform 1s cubic-bezier(.435, .25, .15, .965), -webkit-transform 1s cubic-bezier(.435, .25, .15, .965);}
.indexThre .bjBox figure.active img {transform: scale(1);opacity: 1;}
.indexThre .box {height: 100%; display: flex; width: 100%; justify-content: flex-end; flex-direction: column;}
.indexThre .box .text-list {width: 45%; line-height: 1.8;}
.indexThre .box .text-list .text-item {display: none; font-size: var(--font20);}
.indexThre .box .text-list .text-item.active {display: block; animation: fadeInUp .5s linear;}
.indexThre .swiperBox {height: 32rem; position: relative; padding: 0 4%; margin-top: 8rem;}
.indexThre .swiperBox::before {content: ''; left: 0; height: 450%; top: 0; width: 100%; border: 1px dashed rgba(255, 255, 255, 0.2); position: absolute; border-radius: 50%;}
.indexThre .swiperBox .jt {position: absolute;}
.indexThre .swiperBox .jt i {color: #fff; font-size: var(--font16);}
.indexThre .swiperBox .jt1 {left: 25%;top: 26.5%;transform: rotate(-30deg);}
.indexThre .swiperBox .jt2 {right: 25%;top: 26.5%;transform: rotate(30deg);}
.indexThre .swiperBox .cirle-dot {position: absolute; width: 1.25rem;height: 1.25rem;background: #EDEDED;border-radius: 50%;left: 50%; transform: translateX(-50%) translateY(-50%);}
.indexThre .swiperBox .inner-list {position: absolute; z-index: 2; bottom: 0; width: 45%; max-height: 80%; left: 50%; transform: translateX(-50%);}
.indexThre .swiperBox .inner-list .inner-item {display: none;}
.indexThre .swiperBox .inner-list .inner-item.active {display: block;}
.indexThre .swiperBox .inner-list .inner-item.active img {animation: fadeInUp .5s linear;}
.indexThre .swiperBox .inner-list img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .mySwiper {overflow: visible; width: 100%; height: 100%;}
.indexThre .mySwiper .slide {cursor: pointer; text-align: center; height: max-content; line-height: 1; }
.indexThre .mySwiper .slide .time {font-size: 6.25rem; color: rgba(255, 255, 255, 0.75); font-weight: 600; opacity: .1; transition: .5s;}
.indexThre .mySwiper .slide.swiper-slide-active .time {font-size: 13.75rem; transition-delay: .5s; transform: translateY(-50%); opacity: .5;}
.indexThre .mySwiper .slide.swiper-slide-prev { text-align: left; }
.indexThre .mySwiper .slide.swiper-slide-prev .time {transform: translateY(-50%);}
.indexThre .mySwiper .slide.swiper-slide-next { text-align: right; }
.indexThre .mySwiper .slide.swiper-slide-next .time {transform: translateY(-50%);}
/* 控件 */
.indexThre .mySwiper .swjt {width: 4.375rem; height: 4.375rem; border-radius: 50%; background: rgba(255, 255, 255,.3);border-radius: 50%; transition: .5s;}
.indexThre .mySwiper .swjt i {color: #fff; font-size: var(--font16);}
.indexThre .mySwiper .swjt.swiper-button-prev {left: 9%;top: 65%;transform: rotate(-49deg);}
.indexThre .mySwiper .swjt.swiper-button-next {right: 9%;top: 65%;transform: rotate(-128deg);}
@media (any-hover: hover) {
    .indexThre .mySwiper .swjt:hover {background: rgba(255, 255, 255,.6);}
}

.indexFour {position: relative; overflow: hidden;}
.indexFour .w1500 , .indexFour .box {height: 100%;}
.indexFour .box {padding: 5rem 0; display: flex; flex-direction: column; justify-content: flex-end;}
.indexFour .tle .t2 {line-height: 1.2;} 
.indexFour .list {margin-top: 10rem;}
.indexFour .list ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
.indexFour .list li {width: 30%; border-radius: 1.25rem; overflow: hidden; position: relative; transition: .5s;}
.indexFour .list li img {width: 100%;}
.indexFour .list li figure {position: relative;}
.indexFour .list li figure::before {content: ''; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; height: 100%; top: 0; width: 100%;  }
.indexFour .list li figure::after {content: ''; background: rgba(27, 50, 118, 0.8); position: absolute; left: 0; height: 0; bottom: 0; width: 100%; transition: .5s; }
.indexFour .list li .con {width: 100%; padding: 1rem 2.5rem;}
.indexFour .list li .c_tit .c1 {font-size: 1.875rem; color: #fff;}
.indexFour .list li .c_tit .c2 {color: #fff;}
.indexFour .list li .more {margin-top: 2.5rem;}
.indexFour .list li .more .a {display: inline-flex; gap: .625rem; color: #fff;}
.indexFour .list li .more .a i {transform: rotate(145deg); transition: .5s;}
@media (any-hover: hover) {
  .indexFour .list li .more .a:hover i {transform: rotate(180deg);}
  .indexFour .list li:hover {transform: translateY(-1rem);}
  .indexFour .list li:hover figure::after {height: 5%;}
}

.customers {position: relative; padding-top: 3rem;}
.customers .swiperBox {padding: 4rem 0; border-bottom: 1px solid #e2e2e2;}
.customers .swiperBox .slide .imgBox {height: 5rem; position: relative; display: flex; align-items: center; justify-content: center;}
.customers .swiperBox .slide .imgBox img {min-width: 50%; width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain;}
/* 控件 */
.customers .swjt { width: 3.25rem; height: 3.25rem; border: 1px solid #666; margin: 0; border-radius: 50%; position: relative; transform: none; left: 0; right: 0; top: 0; bottom: 0; transition: .5s;}
.customers .swjt i {color: #666;}
.customers .swjt {}
.customers .swjt.active {background: #1B3276;}
.customers .swjt.active i {color: #fff;}
@media (any-hover: hover) {
  .customers .swjt:hover {background: #1B3276;}
  .customers .swjt:hover i {color: #fff;}
}


/* ============= 底部导航栏 ============= */
.footer {background: #F0F0F0; padding: 6.25rem 0; position: relative; overflow: hidden;}
.foterBox { padding: 5rem 0 1.75rem;}
.foterBox .w1500 {display: flex;justify-content: space-between; position: relative; z-index: 1;}
.foternav {width: 72%;  display: flex;  justify-content: space-between;  gap: 1rem;}
/* 品牌logo区域 */
.footer-brand {}
.footer-brand .logo img {  width: 13.75rem;  max-height: 2.75rem;}
/* 社交图标区域 */
.social-icons {margin-top: 3.75rem;  display: flex;  gap: 1.75rem;  align-items: center;}
.social-icons a {display: inline-flex;  width: 1.75rem;  height: 1.75rem;  color: #333;  font-size: 1.75rem;  text-decoration: none;  transition: color 0.3s;}
.social-icons a svg {width: 100%; height: 100%; fill: #333;}.social-icons a svg path {fill: #333;}.social-icons a:hover {color: #002080;}.social-icons a:hover svg path {fill: #002080;}
/* 导航列通用样式 */
.foternav dl dt {  font-size: var(--font20);  font-weight: 600;  color: #222;  margin-bottom: 1.5rem;}
.foternav dl dt a {  color: #333;  text-decoration: none;  transition: color 0.3s;}
.foternav dl dt a:hover {  color: #002080;}
.foternav .ddbox {  display: flex;  flex-direction: column;  gap: .625rem;}
.foternav dl dd a {  color: #666; /* 参考图二级菜单浅灰色 */  text-decoration: none;  transition: color 0.3s;  opacity: .5;}
.foternav dl dd a:hover {  color: #002080;  opacity: 1;}
/* 版权信息区域 */
.copyRight {margin-top: 7.5rem;  width: 100%;  border-top: 1px solid #ddd;  padding-top: 1.75rem;}
.copyRight p {display: inline-block;  color: rgba(51, 51, 51, 0.5);}
.copyRight p a {color: rgba(51, 51, 51, 0.5);  text-decoration: none;  transition: color 0.3s;}
.copyRight p a:hover {color: #002080;}

/* 水波纹效果 */
.fixed-box {top: 0;position: absolute;width: 100%;height: 100%;background-image: url(../images/bg2.fcc46dcf.jpg);background-size: cover;color: #fff;height: 100%;text-align: center}
/* 回到顶部按钮 - 参考图右下角样式 */
.back-to-top {position: fixed;  right: 2%;  bottom: 2%;  width: 3.75rem;  height: 3.75rem;  border-radius: 50%;  background: #002080;  color: #fff;  border: none;  font-size: 1.25rem;  cursor: pointer;  display: none;  align-items: center;  justify-content: center;  transition: background 0.3s;  z-index: 999;}
.back-to-top:hover {background: #001a66;}



/* =====关于我们===== */
.aboutSwiper {height: 100vh;position: relative;overflow: hidden;}
.aboutSwiper >.swiper-wrapper >.about-slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.aboutSwiper >.swiper-wrapper >.about-slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.aboutSwiper >.swiper-wrapper >.about-slide >.bjBox > img ,.aboutSwiper .swiper-wrapper >.about-slide .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block;}
/* 控件 */
.aboutpagtion {right: 3% !important; left: auto;}
.aboutpagtion span {margin: 1rem 0 !important; width: .875rem; height: 1.125rem; opacity: .5; background: url(../images/indexpagtion-icon.png) no-repeat center; background-size: contain; transition: .35s;}
.aboutpagtion .swiper-pagination-bullet-active { opacity: 1;}
.aboutOne {position: relative; overflow: hidden;}
.aboutOne .w1500 ,.aboutOne .box {height: 100%; }
.aboutOne .box {padding: 7.5rem 0; display: flex; justify-content: center; align-items: center; }
.aboutOne .bjBox .mask { background: rgba(0, 0, 0, 0.1); height: 100%; position: absolute; top: 0; left: 0; z-index: 2; width: 100%;}
.aboutOne .bjBox .mask p {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 7.5rem;font-weight: 600;padding-bottom: 10%;background: url(../images/aboutOne-bg.webp) no-repeat center/cover;color: transparent;background-clip: text;text-transform: uppercase;filter: brightness(1.5);}
.aboutOne .bjBox .mask p span {display: block;}
.aboutOne .btn {color: #fff; top: calc(50% + 5rem);}
.aboutOne .btn button {display: inline-flex; cursor: pointer; align-items: center; justify-content: center; gap: .625rem; width: 11.5rem; height: 4rem; border: 1px solid rgba(255, 255, 255,.4); border-radius: 6.25rem;color: #fff; transition: .5s; }
@media (any-hover: hover) {
.aboutOne .btn button:hover {background: rgba(255, 255, 255,.2);}
}

.aboutTwo {position: relative; overflow: hidden;}
.aboutTwo .box ,.aboutTwo .w1500 {height: 100%;}
.aboutTwo .box {display: flex; justify-content: center; align-items: center; text-align: center;}
.aboutTwo .box .con .p2 {padding-top: 3rem; width: 70%; margin: auto;}
.aboutTwo .Circles {height: 100%;}
.aboutTwo .Circles-circle {height: 100%; width: 36%; left: 50%; transform: translateX(-50%); display: none;}
.aboutTwo .Circles-circle img {height: 100%; object-fit: cover; transform: scale(1); object-fit: contain;}

.aboutThre {padding: 8.75rem 0; position: relative; overflow: hidden;}
.aboutThre .box {height: 100%; display: flex; align-items: center;    padding-bottom: 10%;}
.aboutThre .mySwiper2 {margin-top: 4rem;}
.aboutThre .mySwiper2 .slide .con {display: flex; align-items: center;}
.aboutThre .mySwiper2 .slide .year {width: auto; font-size: 18.5rem; color: #fff; opacity: .3; font-weight: 600; line-height: 1; padding-right: 7.5rem; position: relative; border-right: 1px solid #fff;}
.aboutThre .mySwiper2 .slide .text {width: 50%; padding-left: 7.5rem;font-size: var(--font26);color: #fff; }
.aboutThre .thumb_box {position: absolute; width: 100%; left: 0; bottom: 5%;}
.aboutThre .thumb_box::before {content: "";height: 1px;background: #fff;width: 100vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, calc(-50% - 1.1rem));}
.aboutThre .mySwiper .slide {text-align: center; height: 3.75rem; cursor: pointer; padding-top: .5rem;}
.aboutThre .mySwiper .slide .circle {width: 0.625rem; height: 0.625rem; border-radius: 50%; background: #fff; margin: 0 auto; display: block; position: relative;}
.aboutThre .mySwiper .slide .circle::after {content: "";width: 220%;height: 220%;position: absolute; transition: .5s ease-in-out; top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);border-radius: 50%;border: 2px solid #FFFFFF; }
.aboutThre .mySwiper .slide .time {color: #fff; opacity: .3; margin-top: 1rem; transition: .5s linear;}
.aboutThre .mySwiper .slide.swiper-slide-thumb-active .time {font-size: var(--font20); opacity: 1;}
.aboutThre .mySwiper .slide.swiper-slide-thumb-active .circle::after {transform: translate(-50%, -50%) scale(1);}
/* 控件 */
.aboutThre .swjt { width: 3.25rem; height: 3.25rem; background: rgba(255, 255, 255, 0.2); margin: 0; border-radius: 50%; position: relative; transform: none; left: 0; right: 0; top: 0; bottom: 0; transition: .5s;}
.aboutThre .swjt i {color: #fff;}
.aboutThre .swjt {}
.aboutThre .swjt.active {background: #fff;}
.aboutThre .swjt.active i {color: #001a66;}
@media (any-hover: hover) {
  .aboutThre .swjt:hover {background: #fff;}
  .aboutThre .swjt:hover i {color: #001a66;}
}


.aboutFour {padding-top: 7.5rem; position: relative; overflow: hidden; background: rgb(248 248 248);}
.aboutSwiper >.swiper-wrapper >.about-slide.aboutFour > .bjBox img {object-fit: contain;}
.aboutFour .box .con .num {display: inline-flex; line-height: 1.2; align-items: center;}

.aboutFive {position: relative; overflow: hidden;}
.aboutFive .swiper {height: 100%;}
.aboutFive .slide {overflow: hidden;}
.aboutFive .slide .slide-inner {position: relative; height: 100%;}
.aboutFive .slide .slide-inner img {width: 100%; height: 100%; min-height: 25rem;object-fit: cover;}
.aboutFive .slide .slide-inner::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 50%, rgba(0, 0, 0, .8));}
.aboutFive .slide .con {padding-bottom: 3%; position: absolute;z-index: 1;top: 0;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
.aboutFive .slide .con .p2 {padding-top: 1.25rem; width: 70%;}
/* 控件 */
.aboutFive .pagtion {left: 10.625%; z-index: 2; bottom: 5%; width: auto; color: #fff; font-size: var(--font18);}
.aboutFive .pagtion .page-total {}
.aboutFive .pagtion .page-current {font-weight: 600; font-size: var(--font26);}
.aboutFive .swjt {top: auto; bottom: 5%; right: 10.625%; width: 4rem; height: 4rem;border-radius: 50%;border: 1px solid #FFFFFF;opacity: 0.5;}
.aboutFive .swjt i {color: #fff; font-size: var(--font16);}
.aboutFive .swjt.swiper-button-prev {left: auto; transform: translateX(-140%);}
.aboutFive .swjt.active {opacity: 1;}
@media (any-hover: hover) { 
  .aboutFive .swjt:hover {opacity: 1;}
}

.aboutSix {position: relative; overflow: hidden;}
.aboutSix .mapBox {position: relative; height: 100%;}
.aboutSix .mapBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutSix .w1500 {padding-left: 4%; padding-right: 4%;   pointer-events: none;}
.aboutSix .box {height: auto; display: flex; align-items: center;justify-content: space-between;}
.aboutSix .left {width: 30%; position: relative; flex-shrink: 0;}
.aboutSix .left .p2 {color: #757575;}
.aboutSix .map {position: relative; z-index: 2; width: 65%; margin-top: 6.25rem;}
.aboutSix .map img {width: 100%; object-fit: contain;}
.aboutSix .map #earth { max-width: 100%; max-height: 100%;}
.aboutSix .map canvas {left: 0; top: 0; max-width: 100%; max-height: 100%;object-fit: contain;}

/* =====产品列表页面===== */

/* 面包屑 */
.layui-breadcrumb , .layui-breadcrumb a , .layui-breadcrumb span {color: #fff !important;}
.layui-breadcrumb::before {font-size: var(--font16); margin-right: .625rem; font-weight: 200;}
.layui-breadcrumb a:hover {color: #122a79 !important;}

.prolistMain {padding-top: 30rem; padding-bottom: 7.5rem; background: url(../images/prolistMain-bg.webp) no-repeat top/cover;}
.prolistBanner {}
.prolistBanner .box  {gap: 1rem; row-gap: 2rem;}
.prolistBanner .box .tit {line-height: 1;}

.filterBox {margin-top: 5rem;background: rgba(255, 255, 255, 0.8);border-radius: .625rem;padding: 2rem;box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, 0.1);}
.filterItem {display: flex;align-items: flex-start;flex-wrap: nowrap;margin-bottom: 1.25rem;}
.filterItem:last-child { margin-bottom: 0;}
.filterLabel {margin-right: 1.75rem; margin-top: .625rem; font-size: var(--font18);color: #333;min-width: 12rem;  display: inline-flex;align-items: center;justify-content: space-between; flex-shrink: 0;}
.filterLabel i {color: #666; font-size: var(--font14);}
.filterOptions {display: flex;gap: .5rem;flex-wrap: wrap; row-gap: .625rem; flex: 1;}
.filterOptions a {width: calc(100% / 5); font-size: var(--font16);color: #999;padding: .5rem 0;border-radius: 6.25rem;transition: .3s;}
.filterOptions a:hover {color: #122a79;}
.filterOptions a.active {color: #122a79;}
.prolistContent {margin-top: 5rem;}
.productGrid {margin-top: 3rem;display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.25rem;}
.productCard {background: #edf1f5;border-radius: .625rem;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transition: .3s;padding: 2rem;}
.productImage {margin: 2rem 0;position: relative;padding-bottom: 100%;width: 100%;flex: 1;display: flex;align-items: center;justify-content: center;}
.productImage img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;}
.productInfo h5 {font-size: var(--font16);font-weight: 600;color: #333;margin-bottom: .5rem;}
@media (any-hover: hover) { 
  .productCard:hover {transform: translateY(-0.625rem);}
}
/* =====产品页===== */
.proBanner {position: relative; overflow: hidden;}
.proBanner .imgBox {position: relative; }
.proBanner .imgBox img {width: 100%; height: 100%; max-height: 100vh;min-height: 20rem; object-fit: cover;}
.proBanner .box .p1 {font-size: var(--font20); color: #fff; text-transform: uppercase;}
.proBanner .box .p2 {margin-top: 1.25rem;}
.proBanner .box .p2 p {color: #fff; font-weight: 600; font-size: var(--font60); line-height: 1;}

.pronav {position: absolute; bottom: 5%; width: 100%; left: 0;}
.pronav .box {background: rgba(255, 255, 255, 0.9); padding: 2.5rem; padding-left: 10%; padding-right: 10%; padding-top: 4rem; border-radius: 1.25rem;}
.pronav .con {display: flex; align-items: center; justify-content: space-between; gap: 1.25rem;}
.pronav .item {text-align: center;}
.pronav .item .icBox {height: 2.5rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.pronav .item .icBox img {max-height: 100%; object-fit: contain; filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.pronav .item .icBox::after {opacity: 0; transition: opacity .3s ease-in-out; z-index: -1; content: ''; background: url(../images/pronav-shuidi.png) no-repeat center; background-size: contain; position: absolute; bottom: -0.625rem; left: 50%; transform: translateX(-50%); width: 3.75rem; height: 5rem;}
.pronav .item span {display: block; margin-top: 1rem; color: #3E3E3E;} 
.pronav .item.active .icBox::after {opacity: 1;}
.pronav .item.active .icBox img {filter: none; -webkit-filter: none; opacity: 1;}
.pronav .item.active span {color: #122a79; font-weight: 600;}
@media (any-hover: hover) { 
  .pronav .item:hover .icBox::after {opacity: 1;}
  .pronav .item:hover .icBox img {filter: none; -webkit-filter: none; opacity: 1;}
  .pronav .item:hover span {color: #122a79; font-weight: 600;}
}

.prolist li {position: relative; overflow: hidden; padding: 12.5rem 0; top: 0;}
.prolist li:nth-child(even) {background: #fff;}
.prolist li:nth-child(even) .fixed-box {background: #fff; display: none;}
.prolist li .fixed-box {height: 100%;}
.prolist li .li_box {display: flex; align-items: center; justify-content: space-between;}
.prolist li .li_con {position: relative; z-index: 1;}
.prolist li .li_con .more {display: inline-flex;align-items: center; gap: 5px; margin-top: 7.5rem;}
.prolist li .li_con .more i {width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #b5b5b5; font-size: var(--font12); color: #fff;}
.prolist li .li_con .more i::before {transform: scale(.8);}
.prolist li .imgBox {position: relative; width: 28%; display: flex; align-items: center; justify-content: center;}
.prolist li .imgBox img {min-width: 50%; max-width: 100%; max-height: 30rem; object-fit: contain;}


/* =====产品详情===== */
.proDateOne {position: relative; overflow: hidden; padding: 6.25rem 0; padding-top: 10rem;}
.proDateOne .fixed-box {height: 100%;}
.proDateOne .tle {position: relative; margin-bottom: 1rem;}
.proDateOne .tle .xian {width: 3rem; height: .375rem; border-radius: 6.25rem; background: #122a79; margin-top: 1rem;}
.proDateOne .box {display: flex; justify-content: space-between; align-items: center;}
.proDateOne .con {position: relative; width: 45%; flex-shrink: 0; pointer-events: none;}
.proDateOne .con .desc {margin-top: 2.5rem; line-height: 2; font-size: var(--font20);}
.proDateOne .swiperBox {flex: 1; padding-left: 6.25rem; display: inline-flex; justify-content: flex-end; gap: 3rem; row-gap: 0; align-items: center;}
.proDateOne .mySwiper2 {width: 35rem; height: 35rem; border-radius: 50%; background: #fff; margin: 0;}
.proDateOne .mySwiper2 .slide {display: flex; align-items: center; justify-content: center; padding: 6.25rem 1.25rem;}
.proDateOne .mySwiper2 .slide img {min-width: 40%; max-width: 100%; max-height: 100%; object-fit: contain;}
.proDateOne .thumb_box {position: relative;}
.proDateOne .mySwiper {height: 25rem;} 
.proDateOne .mySwiper .slide .imgBox {width: 7.5rem; height: 7.5rem; padding: 1.25rem; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.proDateOne .mySwiper .slide .imgBox img {min-width: 50%; max-width: 100%; max-height: 100%; object-fit: contain; opacity: .5; transition: opacity .3s ease-in-out;}
.proDateOne .mySwiper .slide.swiper-slide-thumb-active .imgBox img {opacity: 1;}
.proDateOne .swjt i {color: #666; font-size: var(--font30);}
.proDateOne .swiper-button-prev {top: -10%; left: 50%; transform: translateX(-50%) rotate(90deg);}
.proDateOne .swiper-button-next {top: auto; bottom: -15%; left: 50%; transform: translateX(-50%) rotate(90deg);}

.proDateTwo .nav {border-bottom: 1px solid #e5e5e5;}
.proDateTwo .nav ul {display: flex; justify-content: center; gap: 5rem;}
.proDateTwo .nav ul li {position: relative; padding: 1.75rem 0;}
.proDateTwo .nav ul li::after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; transform: translateY(50%); background: #122a79; border-radius: 6.25rem; transition: .3s ease-in-out;}
.proDateTwo .nav ul li a {font-size: var(--font16);}
.proDateTwo .nav ul li.active a {color: #333; font-weight: 600;}
.proDateTwo .nav ul li.active::after {width: 100%;}
.proDateTwo .content {padding: 6.25rem 0;}
.proDateTwo .content .item {display: none;}
.proDateTwo .content .item.active {display: block;}
.proDateTwo .content img , .proDateTwo .content table {max-width: 100% !important; max-height: 100% !important;}
/* 恢复 ul ol 样式 */
.proDateTwo .content ul, .proDateTwo .content ol {list-style: disc;}
.proDateTwo .content ol {list-style: decimal;}


/* =====技术页面 */
.ny-banner {position: relative;}
.ny-banner .imgBox img {width: 100%; min-height: 20rem; object-fit: cover;}

.techOne {position: relative; overflow: hidden;}
.techOne .con {text-align: center;}
.techOne .con .p2 {line-height: 1;}
.techOne .down {position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; bottom: 5%; color: #fff; text-align: center;}
.techOne .down i {animation: shubiao2 1s infinite linear .65s;}

.techTwo {background: url(../images/techTwo-bg.webp) no-repeat center center / cover; padding-bottom: 10rem;}

.techTwo_one {padding: 10rem 0;}
.techTwo_one .left {width: 45%;}
.techTwo_one .right {width: 50%; border-radius: 0 4.375rem 0 4.375rem; overflow: hidden;}
.techTwo_one .right img {width: 100%;}
.techTwo_one .list .item {display: flex; align-items: center; gap: 1.25rem; margin-top: 3.75rem;}
.techTwo_one .list .item .icBox {width: 5.75rem; height: 5.75rem; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.2); border-radius: 50%; flex-shrink: 0;}
.techTwo_one .list .item .icBox img {width: 50%; max-height: 100%; max-width: 100%;}
.techTwo_one .list .item h4 {color: #fff; font-size: var(--font30); font-weight: 600;}
.techTwo_one .list .item p {color: #fff;margin-top: .625rem;}

.techTwo_two {position: relative; overflow: hidden;}
.techTwo_two .list {margin-top: 5rem;}
.techTwo_two .list ul {display: flex; gap: .625rem;}
.techTwo_two .list li {flex: 1;transition: .35s linear; position: relative; overflow: hidden;}
.techTwo_two .list li .bj_box {position: relative; z-index: 1; border-radius: 1.25rem; overflow: hidden; height: 32.5rem;}
.techTwo_two .list li .bj_box img {width: 100%; height: 100%;  object-fit: cover;}
.techTwo_two .list li .bj_box::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 50%, rgba(0, 0, 0, 0.8));  }
.techTwo_two .list li .con {position: absolute; bottom: 0; left: 0; z-index: 1; padding: 2.5rem;} 
.techTwo_two .list li .p1 {font-size: var(--font18); color: #fff; font-weight: 600; line-height: 1.3; text-align: center; transition: .4s;}
.techTwo_two .list li .p2 {color: #fff; margin-top: 1rem; max-height: 0; opacity: 0; transition: .4s;}
.techTwo_two .list li.active {flex: 2;}
.techTwo_two .list li.active .p1 {text-align: left; font-size: var(--font26);}
.techTwo_two .list li.active .p2 {max-height: max-content;  opacity: 1; transition-delay: .5s; }

.techThre {padding: 8.75rem 0; padding-bottom: 11.25rem; background: url(../images/techThre-bg.webp) no-repeat center center / cover; background-attachment: fixed;}
.techThre .box {margin-top: 3rem; display: flex; align-items: flex-end; justify-content: space-between;}
.techThre .con {padding-bottom: 1.25rem;}
.techThre .swiperBox {width: 60%; position: relative;}
.techThre .swiper {position: static;}
.techThre .swiper .slide .imgBox img {max-height: 25rem; object-fit: contain; width: 100%;}
.techThre .swjt {top: auto; bottom: 0; transform: translateY(150%); right: 0; width: 4rem; height: 4rem;border-radius: 50%;border: 1px solid #FFFFFF;opacity: 0.5; transition: .5s;}
.techThre .swjt i {color: #fff; font-size: var(--font16);}
.techThre .swjt.swiper-button-prev {left: auto; transform: translateX(-140%) translateY(150%);}
.techThre .swjt.active {opacity: 1;}
@media (any-hover: hover) { 
  .techThre .swjt:hover {opacity: 1; background: #fff;}
  .techThre .swjt:hover i {color: #000;}
}


/* =====新闻页面 */
.newsMain {padding: 12.5rem 0; background: url(../images/newsMain-bg.webp) no-repeat top; background-size: cover;}
.news_nav .nav {display: flex; justify-content: center; gap: 6.25rem; margin-top: 5rem;}
.news_nav .item {font-size: var(--font20); color: #fff; padding-left: 1rem; z-index: 1; min-height: 2.4rem; display: flex; align-items: center; position: relative;}
.news_nav .item a {color: #fff;}
.news_nav .item::after {position: absolute; z-index: -1; bottom: 0; left: 1rem; content: ''; background: url(../images/more-icon.png) no-repeat left; background-size: contain; width: 1.75rem; height: 2.375rem; display: inline-block; transition: .5s; opacity: 0;}
.news_nav .item.on::after {opacity: .2; left: 0;}
@media (any-hover: hover) {
  .news_nav .item:hover::after {opacity: .2; left: 0;}
}
.news_info {padding: 3.75rem 0;}
.news_info .box {display: flex; background: rgba(255, 255, 255,.8); }
.news_info .imgBox , .news_info .info {width: 50%; overflow: hidden;}
.news_info .imgBox img {width: 100%; height: 100%; max-height: 31.25rem; object-fit: cover; transition: .5s;}
.news_info .info .con {padding: 1rem 2.5rem;}
.news_info .info .con .more {margin-top: 3rem;}
@media (any-hover: hover) {
  .news_info .imgBox:hover img {transform: scale(1.1);}
  .news_info .info .con .p1:hover {color: #001a66;}
  .news_info .info .con .more:hover a {color: #001a66;}
}
.news_list .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 3.125rem;}
.news_list .list li {background: rgba(255, 255, 255,.2);}
.news_list .list li .imgBox {position: relative; z-index: 1; padding-bottom: 66%; overflow: hidden;}
.news_list .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%;  object-fit: cover; transition: .5s;}
.news_list .list li .con {padding: 2.5rem; color: #fff; padding-bottom: 5rem;}
@media (any-hover: hover) {
  .news_list .list li:hover .imgBox img {transform: scale(1.1);}
}

/* =====新闻详情===== */
.newsDateOne {background: url(../images/newsMain-bg.webp) no-repeat top #fff; background-size: cover; min-height: 32.5rem; padding-top: 12.5rem; padding-bottom: 11.25rem;}
.newsDateOne .box {margin-top: 3rem; align-items: flex-start;}
.newsDateOne .le {width: 72%; background: #fff; padding: 3.75rem;}
.newsDateOne .re {width: 26%;}
.newsDateOne .le .tle {padding-bottom: 1.5rem; border-bottom: 1px solid #eee;}
.newsDateOne .le .tle .tit {line-height: 1.3;}
.newsDateOne .le .tle .time {margin-top: 1rem; color: #666;}
.newsDateOne .le .con {padding: 1.75rem 0;}
.newsDateOne .re .re_recomd {background: #fff; margin-bottom: 1.5rem; padding: 1.75rem;}
.newsDateOne .re .tit {border-bottom: 1px solid #DEDEDE; padding-bottom: 1rem; font-size: var(--font24); font-weight: 700; color: #333;}
.newsDateOne .re .list li {padding: 1.25rem 0; border-bottom: 1px solid #D2D2D2;}
.newsDateOne .re .list li:last-child {border-bottom: 0; padding-bottom: 0;}
.newsDateOne .re .list li a {display: flex; align-items: center; gap: 1rem;}
.newsDateOne .re .list li .imgBox {width: 40%; padding-bottom: 35%; background: #fff; border-radius: .625rem; position: relative; flex-shrink: 0; overflow: hidden;}
.newsDateOne .re .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: .5s;}
@media (any-hover: hover) {
  .newsDateOne .re .list li:hover .imgBox img {transform: scale(1.1);}
}
.newsDateOne .re .re_recomd2 .list li .imgBox img {object-fit: contain;}

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


/* 下载中心 */
.downMian {background: #fff; padding-bottom: 0;}
.downMian .news_nav .tit {color: #333;}
.downMian .news_nav .item a {color: #333;}
.down_list {padding: 5rem 0; background: #F2F2F2; margin-top: 5rem;}
.down_list .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 3.125rem;}
.down_list .list li {background: rgba(255, 255, 255, 1); border: 1px solid #ddd; padding: 1.5rem;}
.down_list .list li .imgBox img {width: 100%;}
.down_list .list li h6 {margin-top: 1rem; color: #333;  background: url(../images/Pdf-icon.svg) no-repeat;background-size: contain;background-position: left;padding-left: 2rem;}
.down_list .list li h6::before {}


/* =====联系我们 */
.contact-banner .con {top: 40%;}

.contact-box {border-radius: 1.875rem; margin-top: -30%; position: relative; margin-bottom: 5rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);}
.contact-box::after {position: absolute;content: '';width: 100%;height: 89%;z-index: -1;top: 11%;border-radius: 1.875rem; background: transparent;}
.contact-left {width: 39%; background: url(../images/contact-box-bg.png) no-repeat center; background-size: cover; border-top-left-radius: 1.875rem; border-bottom-left-radius: 1.875rem; padding: 6.9375rem 4% 4.5rem; box-sizing: border-box;}
.contact-right {width: 61%; padding: 6.9375rem 4% 0; box-sizing: border-box; position: relative; z-index: 5; background: #fff; border-top-right-radius: 1.875rem; border-bottom-right-radius: 1.875rem;}
.contact-left h3 {text-transform: uppercase; line-height: 1.2;  }
.contact-left h4 {text-transform: capitalize; line-height: 1.2; margin-top: 25rem;}
.contact-left .con_us {margin-top: 2.5rem;}
.contact-left .con_us .flex-c {gap: .625rem; margin-bottom: .625rem;}
.contact-left .con_us .flex-c i {flex-shrink: 0;font-size: var(--font18); width: var(--font20);}
.contact-right ul li {width: 48.85%; margin-bottom: 1.25rem; background: #f9f9f9; padding: .5rem 0; border-radius: .375rem; position: relative;}
.contact-right ul li label {position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);left: 1.25rem;font-size: var(--font14);color: #FF0000;}
.contact-right ul li input,.contact-right ul li textarea {padding: 0 2rem; height: 3rem; min-height: 40px; border: none; background: transparent; box-shadow: none !important;}
.contact-right ul li textarea {height: 11.25rem; padding: 1rem 2rem;}
.contact-right ul.inTxtBox label {top: 0;transform: translateY(110%);}
.contact-right ul.code li input {width: 50%;}
.contact-right button{background: #262626; border-radius: .375rem; padding: 0.8rem 3rem; margin-top: 3.5rem; cursor: pointer;}