#c-placeholder {height: 6rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;}
.headBox {padding: 0 3%; background: rgba(255,255,255,1); border-bottom: 1px solid #eee; transition: .5s; height: 6rem; display: flex; justify-content: space-between; align-items: center;}
.headBox .logo {padding: 1rem 0;height: 100%;}
.headBox .logo img {height: 3.5rem; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%; flex: 1; margin-left: 20%; justify-content: space-between;}

/* 导航 */
/* 取消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: 67%;}
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; }
nav .layui-nav .layui-nav-item > a {color: #333;position: relative; z-index: 1; font-size: var(--font18); font-weight: 400; transition: 0.4s;}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item::before {bottom: 0; width: 0; transition: .5s; content: ''; position: absolute; left: 0; height: .25rem; background: #161f8b;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {color: #161F8B;}
nav .layui-nav .layui-nav-item:hover::before , nav .layui-nav .layui-this::before {width: 100%;}
nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;}

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

/* 二级导航 */
nav ul li .navTwo {position: fixed; border-top: 1px solid #eee; left: 0; background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12); top: 6rem; padding: 1.875rem 18%; width: 100%; display: none;}
nav ul li .navTwo .box {display: flex;justify-content: space-between; align-items: flex-start;}
nav ul li .navTwo .box .imglist {width: 45%;}
nav ul li .navTwo .box .imglist .imgBox {display: none;}
nav ul li .navTwo .box .imglist .imgBox img {width: 100%; height: 100%; object-fit: cover;}
nav ul li .navTwo .box .list {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 50%;}
nav ul li .navTwo .box .list .item {width: 48%; border-bottom: 1px solid #eee;}
nav ul li .navTwo .box .list .item a {color: #333;font-size: var(--font16);padding: 1rem;}
nav ul li .navTwo .box .list .item::after {display: none;}
nav ul li .navTwo .box .list .item.layui-this a {color: #161F8B;}

/* 语言 */
.headluange {height: 100%;}
.headluange .layui-nav {height: 100%;font-size: var(--font16);}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item > a {padding-right: calc(var(--font12) + .5rem); font-size: var(--font17); color: #333;}
.headluange .layui-nav .layui-nav-item > a .layui-icon-website {font-size: var(--font18);}
.headluange .layui-nav .layui-nav-item > a span {font-size: var(--font16);}
.headluange .layui-nav .layui-nav-item > a .layui-icon.layui-nav-more {top: 50%; transform: translateY(-50%); font-size: var(--font12);}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 100%; line-height: initial;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}

/* 搜索 */
.head_search {cursor: pointer;}
.head_search svg {width: 1.25rem; height: 1.25rem;}

/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(255, 255, 255,.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;}
.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:hover path {fill: #010834;}
.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%;}

/* 外链 */
.head_link .layui-nav {display: grid; grid-template-columns: repeat(4, auto); gap: 1.25rem;}
.head_link .layui-nav .layui-nav-item > a {width: 1.875rem; height: 1.875rem;}
.head_link .layui-nav .layui-nav-item > a svg {width: 100%; height: 100%;}
.head_link .layui-nav .layui-nav-item > a svg path {transition: .5s; fill: #bbbbbb;}
.head_link .layui-nav .layui-nav-item > a i {display: none;}
.head_link .layui-nav .layui-nav-item > a:hover svg path {fill: revert-layer;}
.head_link .layui-nav .layui-nav-item dl {top: 150%; line-height: initial; padding: 0; box-shadow: none; border: 0;}
.head_link .layui-nav .layui-nav-item dl dd {position: relative;     box-shadow: 0 0 .625rem rgba(0, 0, 0, .1);}
.head_link .layui-nav .layui-nav-item dl dd .code {width: 6.25rem; position: relative;}
.head_link .layui-nav .layui-nav-item dl dd .code img {width: 100%;}
.head_link .layui-nav .layui-nav-item dl dd::after {content: ''; position: absolute; left: 50%; top: 0%; transform: translateX(-50%) translateY(-100%); width: 0; height: 0; border: .625rem solid transparent; border-bottom-color: #fff; z-index: 1;}





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


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

/* ===============公用css end!!!!===================*/
.more1 {background: linear-gradient(87deg,#17438c 0%, #4776c4 99%);border-radius: 6.25rem; padding: 1rem 2.875rem; color: #fff; display: inline-block; transition: .5s;}




@media (any-hover: hover) {
 .more1:hover {box-shadow: 0 0 0 .625rem rgba(35,63,148,.4); }

}




/* ======首页======= */
.indexSwiper {height: 100vh;position: relative;overflow: hidden;}
.indexSwiper >.swiper-wrapper >.slide {height: 100%; position: relative; overflow: hidden; z-index: 2;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox {height: 100%;position: absolute; width: 100%;left: 0;top: 0; z-index: -1;}
.indexSwiper >.swiper-wrapper >.slide >.bjBox > img ,.indexSwiper .swiper-wrapper >.slide .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block;}
/* 控件 */
.indexpagtion {right: 3% !important; left: auto;}
.indexpagtion span {margin: 2rem 0 !important; width: .75rem; height: .75rem; opacity: 1; border: .188rem solid #ffffff; border-radius: 0; background: none; transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active {background: #16428b; transform: rotate(45deg); border-color: #16428b; opacity: 1;}

.indexOne {height: 100vh; position: relative; overflow: hidden;}
.indexOne .swiper {height: 100%; overflow: hidden;}
.indexOne .slide .bjBox {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.indexOne .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexOne .slide .box {width: 100%;padding: 0 4%;}
.indexOne .slide .box .con .img1 {}
.indexOne .slide .box .con .img1 img {height: 4.75rem; max-width: 100%; object-fit: contain;}


/* 当前 */
.indexOne .swiper-slide-active .bjBox img, .indexOne .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexOne .pagtion {width: auto; padding: 1.25rem 1rem;  border: .25rem solid #16428b; display: flex; top: auto; bottom: 5%; left: 50%; transform: translateX(-50%);}
.indexOne .pagtion span {border: 0; width: .125rem; height: .875rem;opacity: 0.35;background: #ffffff; border-radius: 0;}
.indexOne .pagtion .swiper-pagination-bullet-active {opacity: 1;}
.indexOne .swjt {width: 3.75rem; height: 3.75rem; border: 1px solid #fff; top: 55%;}
.indexOne .swjt i {color: #fff; font-size: var(--font20);}
.indexOne .swjt.swiper-button-prev {left: 10%;}
.indexOne .swjt.swiper-button-next {right: 5%;}

.indexTwo .slide_box {display: flex; align-items: center;height: 100%;padding-top: 6rem;}
.indexTwo .thumb_box {}
.indexTwo .thumb_box .swiper-slide {width: auto; margin: 0 1rem;}
.indexTwo .thumb_box .swiper-slide a {font-size: var(--font20); padding-bottom: 1rem; position: relative; display: block;}
.indexTwo .thumb_box .swiper-slide a::after {content: ''; position: absolute;background: #16428b; bottom: 0; left: 0; height: 1px; width: 0; transition: .5s;}
.indexTwo .thumb_box .swiper-slide-thumb-active a {color: #16428b;}
.indexTwo .thumb_box .swiper-slide-thumb-active a::after {width: 100%;}
.indexTwo .swiperBox {margin-top: 5rem;}
.indexTwo .swiper_two .slide {width: auto;}
.indexTwo .swiper_two .slide a {display: flex; align-items: center; justify-content: center; width: 36.25rem; height: 36.25rem; border-radius: 50%; background: #fff; transform: scale(.65); transition: .5s;}
.indexTwo .swiper_two .slide .tit {position: absolute; width: 100%; left: 0; top: 3.125rem; text-align: center; opacity: 0; transition: .5s;}
.indexTwo .swiper_two .slide .p1 {font-size: var(--font20); color: #666;}
.indexTwo .swiper_two .slide .p2 {font-size: var(--font34); color: #333;}
.indexTwo .swiper_two .slide .imgBox {width: 60%; height: 60%; margin-top: 6.25rem;}
.indexTwo .swiper_two .slide .imgBox img {width: 100%; height: 100%; object-fit: contain;}
.indexTwo .swiper_two .swiper-slide-active a {transform: scale(1);}
.indexTwo .swiper_two .swiper-slide-active .tit {opacity: 1;}
/* 控件 */
.indexTwo .swiper_two .swjt {width: 4.25rem; height: 4.25rem; border-radius: 50%; background: #adbac2; transition: .5s;}
.indexTwo .swiper_two .swjt i {color: #fff; font-size: var(--font30);}
.indexTwo .swiper_two .swjt.swiper-button-prev {left: 27%;}
.indexTwo .swiper_two .swjt.swiper-button-next {right: 27%;}
.indexTwo .swiper_two .swjt:active {background: #16428b;}
@media (any-hover: hover) {
  .indexTwo .swiper_two .swjt:hover {background: #16428b;}
}
.indexTwo .moreAll {margin-top: 1.25rem;}

.indexThre {position: relative; overflow: hidden;}
.indexThre .slide_box {display: flex; align-items: center;height: 100%; padding-top: 6rem;}
.indexThre .swiper_imglist {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.indexThre .swiper_imglist .swiper-slide .imgBox {height: 100%;}
.indexThre .swiper_imglist .swiper-slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .swierBox {margin-top: 3.75rem;}
.indexThre .swiper_one .slide .box {display: flex; justify-content: space-between;}
.indexThre .swiper_one .slide .left {background: rgba(22,66,139,.5);border-radius: .625rem; padding: 3.75rem; width: 38%;}
.indexThre .swiper_one .slide .right {background: rgba(22,66,139,.5);border-radius: .625rem; padding: 3.75rem 2.5rem;width: 59%; overflow: hidden; position: relative;}
.indexThre .swiper_one .slide .tit {padding-left: 1rem; position: relative; line-height: 1;}
.indexThre .swiper_one .slide .tit::before {content: ''; position: absolute; top: 0; left: 0; height: 100%; width: .375rem; background: #ffd500;border-radius: .25rem;}
.indexThre .swiper_one .slide .icBox {height: 2.875rem;}
.indexThre .swiper_one .slide .icBox img {max-height: 100%; min-height: 2.5rem; object-fit: contain;}
.indexThre .swiper_one .slide .text {margin-top: 1.25rem;}
.indexThre .swiper_one .slide .more {margin-top: 1.875rem;}
.indexThre .swiper_one2 {width: 100%; height: 100%; position: static; min-height: 12.5rem;} 
.indexThre .swiper_one2 .swiper-slide {height: 50%;}
.indexThre .swiper_one2 .swiper-slide .logo {height: 100%; border: 1px solid rgba(189,211,244,.3); border-right: 0; margin-top: -1px; margin-left: -1px; display: flex; align-items: center; justify-content: center;}
.indexThre .swiper_one2 .swiper-slide .logo img {width: 100%; object-fit: contain;}
.indexThre .swiper_one2 .swiper-slide:nth-child(n + 5) .logo {border-bottom: 0;}
/* 控件 */
.indexThre .swiper_one2 .pagtion span {background: #fff;}
.indexThre .thumb_box {margin-top: 4.375rem;}
.indexThre .thumb_box .slide {text-align: center;}
.indexThre .thumb_box .slide .imgBox {border: 2px solid #16428b;border-radius: .625rem; overflow: hidden; box-sizing: border-box; transition: .5s;}
.indexThre .thumb_box .slide .imgBox img {width: 100%; object-fit: cover;}
.indexThre .thumb_box .slide .p1 {color: #fff; font-size: var(--font24); margin-top: 1.25rem;}
.indexThre .thumb_box .slide .p2 {color: #fff; font-size: var(--font18);}
.indexThre .thumb_box .slide.swiper-slide-thumb-active .imgBox {border-color: #FFD500;}

.indexFour {padding-top: 6rem;}
.indexFour .slide_box {display: flex; align-items: center;height: 100%;}
.indexFour .box {margin-top: 7.5rem;}
.indexFour .left {width: 45%;}
.indexFour .left .text {margin-top: 2.5rem;}
.indexFour .left .text p {position: relative; padding-left: 1.5rem; font-size: var(--font24); color: #666; margin: .625rem 0;}
.indexFour .left .text p::before {content: ''; width: .5rem; height: 100%; position: absolute; left: 0; top: 0; background: #FFD500;border-radius: 4px;}
.indexFour .left .more {margin-top: 5rem;}
.indexFour .right {width: auto; position: absolute; right: 6%;}
/* .indexFour .right #earth {width: 43.75rem !important; height: 43.75rem !important;}
.indexFour .right #earth canvas {width: 100% !important; height: 100% !important;} */
.indexFour .left .text p b {color: #333;}
.indexFour .left .text p:first-child::before {background: red;}
.indexFour .left .text p:nth-child(3)::before {background: #16428b;}
.indexFour .left .text p:nth-child(4)::before {background: #16428b;}


.indexFive {background: #001435; padding: 7.5rem 0;}
.indexFive .imgBox {width: 41.5%;border-radius: 0 3.125rem 0px 0; overflow: hidden;}
.indexFive .imgBox img {width: 100%; object-fit: contain;}
.indexFive .right {width: 45%; margin-right: 8%; position: relative;}
.indexFive .right .tit {position: relative;}
.indexFive .right .tit .en {font-size: 5.875rem;color: #ffffff;opacity: 0.1; position: absolute; bottom: 0; left: 0; font-weight: 700;}
.indexFive .right .text {color: #C3C3C3; margin-top: 3.125rem; line-height: 1.8;}
.indexFive .right .numlist {margin-top: 5rem;}
.indexFive .right .numlist ul {display: flex; justify-content: space-between;}
.indexFive .right .numlist li {text-align: center;}
.indexFive .right .numlist li .num {display: flex; align-items: flex-end; line-height: .8;}
.indexFive .right .numlist li .counter {font-size: 4.5rem;font-weight: 700;color: #ffffff;}
.indexFive .right .numlist li .dw1 {font-size: 1.75rem; font-weight: 700; color: #fff; margin-left: .313rem;}
.indexFive .right .numlist li .desc {margin-top: 1.875rem; font-size: var(--font18); opacity: .5;color: #ebebeb;}
.indexFive .right .more {margin-top: 4.375rem;}
.indexFive .right .map {position: absolute; bottom: 0; right: 0; z-index: -1;}
.indexFive .right .map img {width: 100%;}

.indexSix {padding-top: 6rem;}
.indexSix .slide_box {display: flex; align-items: center;height: 100%;}
.indexSix .box {margin-top: 1.5rem;display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 50%); gap: 1.5rem;}
.indexSix .item {background: #ffffff; padding: 1.875rem; position: relative; overflow: hidden;}
.indexSix .item_one {grid-row: 1 / 3;}
.indexSix .item_row {grid-template-rows: 50%;}
.indexSix .item_thre {grid-column: 2 / 4;}
.indexSix .item_one .imgBox {overflow: hidden;}
.indexSix .item_one .imgBox img {width: 100%; transition: .5s;}
.indexSix .item_one .more {margin-top: 2.5rem;}
.indexSix .item_one:hover .imgBox img {transform: scale(1.1);}
.indexSix .item_two .imgBox {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; opacity: 0; transition: .5s;}
.indexSix .item_two .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexSix .item_two .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); z-index: 1;}
.indexSix .item_two .info {position: relative; z-index: 2;}
.indexSix .item_two .p2 {font-size: var(--font22); font-weight: 700; color: #333;}
.indexSix .item_two .more {margin-top: 1.25rem; color: #204B91;}
.indexSix .item_two:hover .imgBox {opacity: 1;  }
.indexSix .item_two:hover .p1 {color: #fff;}
.indexSix .item_two:hover .p2 {color: #fff;}
.indexSix .item_two:hover .p3 {color: #fff;}
.indexSix .item_two:hover .time {color: #fff;}
.indexSix .item_two:hover .more {color: #fff;}
.indexSix .item_thre ul li {padding: 1.875rem 0; border-bottom: 1px solid #F5F5F5; position: relative;}
.indexSix .item_thre ul li::after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; transition: .5s; background: #16428B; height: 1px; opacity: .3;}
.indexSix .item_thre ul li a {display: flex; justify-content: space-between; align-items: center;}
.indexSix .item_thre ul li .p1 {font-size: var(--font20);}
.indexSix .item_thre ul li .time {color: #1D488F; font-weight: 700; flex-shrink: 0;}
.indexSix .item_thre ul li:hover::after {width: 100%;}
.indexSix .item_thre ul li:hover .p1 {color: #1D488F;}

/* ======底部===== */
.footer {padding-top: 6.25rem;background: #fcfcfc;}
.footer .form_box .form {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2.5rem;}
.footer .form_box .inBox {width: 24%;}
.footer .form_box .inBox input {height: 3.375rem; border: 1px solid #d7d7d7;border-radius: .125rem; padding: 0 1.25rem; background: none;}
.footer .inBox.inSect dl {top: 100%;}
.footer .inBox.inSect dd {padding: .313rem .625rem;}
.footer .inBox.inCode {position: relative; overflow: hidden;}
.footer .inBox.inCode img {position: absolute; right: .625rem; width: 6.25rem; top: 50%; transform: translateY(-50%); max-height: 100%; object-fit: contain;}
.footer .inBox.inTxtBox {width: 100%; margin-top: 1.25rem;}
.footer .sub {width: 100%; margin-top: 2.5rem;}
.footer .sub button {cursor: pointer;}
.copyRight {padding: 1.25rem 0;background: #16428b; border-top: 1px solid rgba(255,255,255,.3);font-size: var(--font15);}
.copyRight p , .copyRight p a {color: #d7d7d7;}
.copyRight p a:hover {color: #fff;}
.foterBox {background: #16428b; padding: 3.125rem 0 3.75rem; margin-top: 3.125rem;}
.foternav {display: flex; justify-content: space-between;}
.foternav dl dt {margin-bottom: 1.875rem;}
.foternav dl dt , .foternav dl dt a {font-size: var(--font17);color: #ffffff; font-weight: 700;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a , .foternav dl dd span {font-size: var(--font15);color: #d7d7d7; flex-shrink: 0;}
.foternav dl dd a:hover {color: #fff;}
.foter_us {width: 20%;}
.foter_us dl dd {display: flex;}
.foter_us dl dd p {font-size: var(--font15);color: #d7d7d7;}


/* ========================================================================内页======================================================================= */
.ny-banner {position: relative; overflow: hidden; z-index: 1;}
.ny-banner .bjBox {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.ny-banner .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.ny-banner .box {min-height: 31.5rem; display: flex; align-items: center; position: relative; z-index: 2;}
.ny-banner .box .p1 {color: #161F8B; margin-bottom: 2rem;}
.ny-banner .imgBox {position: absolute; width: 48%; top: 50%; transform: translateY(-50%); right: 1.875rem; height: 100%; display: flex; align-items: center; justify-content: center;}
.ny-banner .imgBox img {width: 100%; max-height: 100%; object-fit: contain;}

.mbx  {background: #fff; padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16);}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #175CA4; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #161F8B !important;}


/* =====产品中心===== */
.proOne {padding: 6.25rem 0;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 19%; min-width: 12.5rem; position: sticky; top: 7rem;}
.proOne .box .re {flex: 1;margin-left: 3.5%;}
/* 左侧产品栏目 */
.proOne .menu {box-shadow: 0rem 0rem 1.25rem 0rem rgba(6,0,1,0.06); padding: 2.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid #161F8B; padding: 0 1.25rem;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
.proOne .menu ul {padding: 0 1.25rem; margin-top: 3.75rem;}
.proOne .menu li { margin-top: 1.25rem;}
.proOne .menu li .menu-li {display: flex; justify-content: space-between;padding: .625rem 1.25rem; min-height: 40px; cursor: pointer;background: #f8f8f8;}
.proOne .menu li .menu-li a {color: #333; display: flex; align-items: center;font-size: var(--font18);}
.proOne .menu li .menu-li .more {width: .875rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute; font-weight: 700; font-size: var(--font16); left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}
.proOne .menu li .menu-li:hover a {color: #161F8B;}
.proOne .menu li .s-menu { width: 100%; padding: 2.5rem 1.25rem; padding-left: 1.875rem; padding-top: .625rem; padding-bottom: 0; display: none;}
.proOne .menu li .s-menu a { width: 100%; color: #6A6A6A;font-size: var(--font15); position: relative;margin-bottom: 1rem;transition: all ease-out 0.3s; display: block;}
.proOne .menu li .s-menu a:hover {color: #161F8B;}
.proOne .menu li .menu-li.on {background: none;}
.proOne .menu li .menu-li.on a {font-family: 'popMedium';}
.proOne .menu li .menu-li.on .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian {opacity: 1;}
.proOne .menu li .s-menu.on {display: block;}
/* 左侧产品推荐 */
.proOne .menu2 dl {padding: 0 1.25rem;margin-top: 3.75rem;}
.proOne .menu2 dd {margin-top: 1.5rem;}
.proOne .menu2 dd a {display: flex; align-items: center; justify-content: space-between;}
.proOne .menu2 dd .imgBox {width: 20%;}
.proOne .menu2 dd .imgBox img {width: 100%; transition: .5s;}
.proOne .menu2 dd .con {flex: 1; margin-left: 2rem;}
.proOne .menu2 dd .tit2 {transition: .5s;}
.proOne .menu2 dd:hover .tit2 {color: #161F8B;}
.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}
/* 右侧产品列表 */
.proOne .re .info {padding-bottom: 1.25rem; border-bottom: 1px solid #EEEEEE;}
.proOne .re .info .form {width: 43%; background: #EEEEEE; border-radius: 6.25rem; height: 3.75rem; min-height: 40px;}
.proOne .re .form input {flex: 1; max-width: calc(100% - 3.75rem); height: 100%; border: 0; background:none; color: #333; padding: 0 1.25rem 0 2.5rem;}
.proOne .re .form button {cursor: pointer; background: #161F8B; width: 3.75rem; height: 3.75rem; min-height: 40px; min-width: 40px; border-radius: 50%;}
.proOne .re .form button svg {width: 40%; height: 40%;}
.proOne .list {margin-top: 3.125rem;}
.proOne .list li {margin-bottom: 2.5rem; padding: 2.5rem 6.25rem; background: url(../images/prolist-bj.jpg) no-repeat center; background-size: cover; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.proOne .list li .imgBox {width: 30%; height: 21.25rem; transform: translateY(1.25rem);}
.proOne .list li .imgBox a {width: 100%; height: 100%; display: block;}
.proOne .list li .imgBox img {width: 100%;max-height: 100%; object-fit: contain;}
.proOne .list li .info {width: 60%;}
.proOne .list li .info .text {line-height: 1.8;}
.proOne .list li .more {margin-top: 3.125rem;}


/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #004E91; z-index: 111;}
/* 遮罩层样式 */
.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: 70%;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%;}
  .filter-toggle {display: block;}
}

/* 产品详情 */
.proDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 3.125rem; position: relative; overflow: hidden;}
.proDateOne .imgBox {width: 35%; position: relative; z-index: 1; padding-left: 10%;} 
.proDateOne .imgBox img {width: 100%; max-height: 30rem; object-fit: contain;}
.proDateOne .imgBox::after {content: ''; position: absolute; left: 0; bottom: 10%; z-index: -1; width: 30rem; height: 30rem; background: url(../images/proDateOne-cirle.png) no-repeat local; background-size: contain;}
.proDateOne .info {width: 50%;}
.proDateOne .info .text {margin-top: 2.5rem;}
.proDateOne .info .more {margin-top: 3.125rem;}
.proDateOne .info .more a {padding: 1rem 2rem;}

.proDateTwo {background: #fff; padding: 3.75rem 0 6.25rem;}
.proDateTwo .box { align-items: flex-start;}
.proDateTwo .le {flex: 1;margin-right:6%;}
.proDateTwo .le .tle {padding-bottom: 1.875rem; border-bottom: 1px solid rgba(208,208,208,.5);}
.proDateTwo .re {width: 22%; position: sticky; top: 7rem; min-width: 240px;}
.proDateTwo .re .proOne {padding: 0;}




.proDateTwo .re .nav {background: #f2f2f2;border-radius: 6.25rem; margin-top: 3.125rem;}
.proDateTwo .re .nav ul {display: flex; overflow-x: auto; white-space: nowrap;}
.proDateTwo .re .nav li {flex: 1; text-align: center;}
.proDateTwo .re .nav li a {padding: 1.5rem .625rem; font-size: var(--font20); display: block; color: #333; transition: .5s; border-radius: 6.25rem;}
.proDateTwo .re .nav li.on a {background: #161F8B; color: #fff;}
.proDateTwo .re .content .item {display: none;}
.proDateTwo .re .content .item.active {display: block;}

.proDateTwo.proOne .le {flex: none; margin: 0;}
.proDateTwo.proOne .re {position: relative; top: 0; flex: 1; margin-left: 6%; width: auto;}
.proDateTwo.proOne .re .tle {padding-bottom: 1.875rem; border-bottom: 1px solid rgba(208,208,208,.5);}



/* 产品资料录入 */
.proDateTwo .content {padding: 3.125rem 0;}
.proDateTwo .content img , .proDateTwo .content video {max-width: 100%; height: auto !important;}
.proDateTwo .content p , .proDateTwo .content span , .proDateTwo .content strong {text-wrap-mode: wrap !important;}

.proDateThre {position: relative; padding-bottom: 5rem;}
.proDateThre .tle {padding-bottom: 1.875rem; border-bottom: 1px solid rgba(208,208,208,.5);}
.proDateThre .swiperBox {margin-top: 3.75rem; position: relative;}
.proDateThre .swiperBox .swiper {position: static;}
.proDateThre .swiperBox .slide {background: #fcfcfc;border-radius: .5rem; height: auto; padding: 2.5rem;}
.proDateThre .swiperBox .slide .imgBox {height: 15rem; display: flex; align-items: center; justify-content: center;}
.proDateThre .swiperBox .slide .imgBox img {width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.proDateThre .swiperBox .slide .con {text-align: center; margin-top: 1.25rem;}
.proDateThre .pagtion {bottom: -3rem;}
.proDateThre .swiperBox .slide:hover .imgBox img {transform: scale(1.05);}

/* =====解决方案===== */
.soullist {padding: 4.375rem 0;}
.soullist li {display: flex; background: #fcfcfc; margin-bottom: 1.875rem; overflow: hidden; border-radius: 1rem;}
.soullist li .imgBox {width: 50%; overflow: hidden;}
.soullist li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.soullist li .info {width: 50%;padding: 2.5rem 3.75rem;display: flex; flex-direction: column; justify-content: center;}
.soullist li .icBox {height: 3.125rem;display: flex; align-items: center;}
.soullist li .icBox img {min-height: 2.5rem; max-height: 100%;}
.soullist li .p1 {margin-top: 1.25rem;}
.soullist li .p2 {margin-top: 1.25rem;}
.soullist li .more {margin-top: 3.125rem;}
.soullist li:nth-child(even) .imgBox {order: 1;}


/* =====客户案例===== */
.caseDateMain {}
.caselist {padding: 3.75rem 0;}
.caselist ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem;}
.caselist li {border: 1px solid #e5e5e5;padding: 1rem; text-align: center;}
.caselist li .imgBox {overflow: hidden;}
.caselist li .imgBox img {width: 100%;}
.caselist li .p1 {margin-top: 1.875rem;font-size: var(--font18);font-weight: 700;}
.caselist li .p2 {margin-top: .625rem;font-size: var(--font15); color: #666;}


/* =====新闻中心===== */
.ny_nav {box-shadow: 0px .188rem .438rem 0px rgba(0, 0, 0, 0.04);}
.ny_nav ul {display: flex;justify-content: center;}  
.ny_nav li {margin: 0 .625rem;position: relative;}
.ny_nav li::after {content: ''; bottom: 0; position: absolute; left: 50%; transform: translateY(50%); width: .5rem; height: .5rem; border-radius: 50%;background: #16428b; opacity: 0; transition: .5s;}
.ny_nav li a {padding: 2.25rem 2.5rem; display: block; font-size: var(--font20); color: #333;position: relative;}
.ny_nav li a::after {content: ''; position: absolute; width: 0; height: 1px; bottom: 0; left: 50%; transition: .5s;}
.ny_nav li.on::after {opacity: 1;}
.ny_nav li.on a::after {width: 100%; left: 0; background: #16428b;}
.ny_nav li:hover::after {opacity: 1;}
.ny_nav li:hover a::after {width: 100%; left: 0; background: #16428b;}

.newsOne {padding: 5rem 0;}
.newsOne .slide {background: #fafafa;}
.newsOne .slide .slide_box {display: flex;}
.newsOne .slide .imgBox {width: 50%;}
.newsOne .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.newsOne .slide .info {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 1.25rem 3.75rem; padding-right: 6.25rem;}
.newsOne .slide .p2 {line-height: 1.8;}
.newsOne .slide .more {margin-top: 2.5rem;}
/* 控件 */
.newsOne .swjt {width: 3.125rem;height: 3.75rem;background: #ffffff; transition: .5s;}
.newsOne .swjt i {color: #666; font-size: var(--font18);}
.newsOne .swjt.swiper-button-prev {left: 0;}
.newsOne .swjt.swiper-button-next {right: 0;}
.newsOne .swjt:active {background: #16428b;}
.newsOne .swjt:active i {color: #fff;}
@media (any-hover: hover) {
  .newsOne .swjt:hover {background: #16428b;}
  .newsOne .swjt:hover i {color: #fff;}
}

.newsTwo {padding-bottom: 6.25rem;}
.newsTwo .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.75rem;}
.newsTwo .list li {background: #ffffff;border-radius: .625rem;box-shadow: -0.25rem 0px 1.75rem .25rem rgba(226,226,226,0.40); overflow: hidden; }
.newsTwo .list li .info {padding: 1.875rem;}
.newsTwo .list li .imgBox {overflow: hidden;}
.newsTwo .list li .imgBox img {width: 100%; transition: .5s;}
.newsTwo .list li .more {margin-top: 1.5rem;}
.newsTwo .list li:hover .imgBox img {transform: scale(1.05);}


/* ==新闻详情 */
.newsDateMain {background: #f9f9f9; }
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #1d36b5; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 7rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#1d36b5; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #1d36b5;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


/* =====关于我们===== */
.aboutTle {position: relative; z-index: 1;}
.aboutTle .en { text-transform: uppercase; font-size: 6.25rem;color: rgba(228,228,228,.2);letter-spacing: -0.188rem; position: absolute; bottom: 0; left: 0; font-weight: 900;z-index: -1;}


.aboutOne {padding: 4.375rem 0;}
.aboutOne .imgBox {width: 48%;}
.aboutOne .imgBox img {width: 100%;}
.aboutOne .info {width: 45%;}
.aboutOne .info .xian {width: 3rem;height: .313rem;background: #16428b;border-radius: .188rem; margin-top: 1.875rem;}
.aboutOne .info .text {margin-top: 3.125rem;}
.aboutOne .info .text p {line-height: 1.8;margin-top: 2.5rem;}
.aboutOne .info .video_btn {margin-top: 3.125rem;}
.aboutOne .info .btn {width: 5.75rem; height: 5.75rem;background: #16428b; border-radius: 50%;}
.aboutOne .info .btn .icBox {position: relative; z-index: 1;cursor: pointer;}
.aboutOne .info .btn .icBox img {width: 100%;}
.aboutOne .info .btn .icBox::after {content: ''; position: absolute; z-index: -1; background: #16428b; width: 105%; height: 105%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; animation: scalemap 2s linear infinite;}
.aboutOne .numlist {margin-top: 5rem;}
.aboutOne .numlist ul {display: flex; justify-content: space-between;}
.aboutOne .numlist li {position: relative;}
.aboutOne .numlist li::after {content: ''; position: absolute; height: 100%; width: 1px; background: #f2f2f2; top: 0; right: -9.375rem;}
.aboutOne .numlist li:last-child::after {display: none;}
.aboutOne .numlist li .num {display: flex; align-items: flex-start;}
.aboutOne .numlist li .counter , .aboutOne .numlist li .dw2  {font-size: 3.5rem;color: #16428b; font-weight: 700;}
.aboutOne .numlist li .dw {font-size: 2rem;color: #16428b; font-weight: 900;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 3.125rem 0 4.375rem;}
.aboutTwo .imgBox {width: 32%;}
.aboutTwo .imgBox img {width: 100%;}
.aboutTwo .info {width: 62%;}
.aboutTwo .info .aboutTle .en {color: rgba(228,228,228,.5);}
.aboutTwo .info .text_one {border-top: 1px solid #D7D7D7; margin-top: 1.875rem; padding-top: 1.875rem; display: grid; grid-template-columns: repeat(3,auto); gap: .875rem;}
.aboutTwo .info .text_two {margin-top: 3.125rem;}
.aboutTwo .info .bom {margin-top: 2.25rem;}

.aboutThre {padding: 7.5rem 0 4.375rem;}
.aboutThre .aboutTle .en {left: 50%; transform: translateX(-50%);}
.aboutThre .list {margin-top: 3.75rem;}
.aboutThre ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
.aboutThre li {background: #f8f8f8;border-radius: 10px;text-align: center; padding: 4.375rem 0;}
.aboutThre li .icBox {height: 4rem; display: flex; align-items: center; justify-content: center;}
.aboutThre li .icBox img {max-height: 100%; min-height: 80%;}
.aboutThre li .p1 {color: #1c519b; font-size: var(--font34); font-weight: 700; margin-top: 1.25rem;}
.aboutThre li .p2 {margin-top: .625rem;color: #666; font-size: var(--font18);}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding: 10rem 0 6.25rem; position: relative; overflow: hidden;}
.aboutFour .info .aboutTle .en {color: rgba(228,228,228,.1);}
.aboutFour .swiperBox {margin-top: 6.25rem; position: relative;}
.aboutFour .swiperBox::before {content: ''; width: 200vw; height: 1px; background: #DDDDDD;position: absolute; top: calc(1rem / 2 + .625rem); left: -100vw;}
.aboutFour .swiper {padding-top: .625rem; position: static;}
.aboutFour .slide .c-dot {margin: auto; width: 1rem; height: 1rem;  position: relative; z-index: 1;border-radius: 50%;}
.aboutFour .slide .c-dot::before {content: ''; position: absolute; width: 100%; height: 100% ;background: #fff;border: .25rem solid #DDDDDD; border-radius: 50%; box-sizing: border-box;}
.aboutFour .slide .c-dot::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 150%; height: 150%; background: #DDDDDD; border-radius: 50%; animation: scalemap 2s linear infinite; visibility: hidden;}
.aboutFour .slide .year {font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: center;margin-top: .625rem;}
.aboutFour .slide .imgBox {border-radius: .625rem; overflow: hidden;margin-top: 2.5rem;}
.aboutFour .slide .imgBox img {width: 100%;}
.aboutFour .slide .con {text-align: center; margin-top: 1rem;}
.aboutFour .slide .time {font-size: var(--font20); height: var(--font36); opacity: .6; color: #fff; margin-top: 1rem; transition: .5s;}
.aboutFour .slide .text {margin-top: .625rem;color: #fff;width: 120%;left: -10%; opacity: 0; position: relative; transition: .5s;}
.aboutFour .slide.swiper-slide-active .time {font-size: var(--font24);opacity: 1;font-weight: 700;}
.aboutFour .slide.swiper-slide-active .c-dot::before {background: #134aa1; border-color: #134aa1;}
.aboutFour .slide.swiper-slide-active .c-dot::after {visibility: visible;}
.aboutFour .slide.swiper-slide-active .text {opacity: 1;}
/* 控件 */
.aboutFour .swjt {width: 3.75rem; height: 3.75rem; background: rgba(221,221,221,.5); border-radius: 50%; box-sizing: border-box; transition: .5s;}
.aboutFour .swjt i {color: #fff; font-size: var(--font20);}
.aboutFour .swiper-button-prev {left: 0; transform: translateX(-120%);}
.aboutFour .swiper-button-next {right: 0; transform: translateX(120%);}
.aboutFour .swjt:active {background: #16428b;}
@media (any-hover:hover) {
  .aboutFour .swjt:hover {background: #16428b;}
}


.aboutFive {padding: 7.5rem 0;}
.aboutFive .aboutTle .en {left: 50%; transform: translateX(-50%);}
.aboutFive .swiperBox {margin-top: 3.75rem; position: relative;}
.aboutFive .swiper {position: static;}
.aboutFive .slide {background: #f9f9f9; width: 50%;}
.aboutFive .slide .imgBox img {width: 100%;}
.aboutFive .slide span {padding: 1.25rem .625rem; display: block; text-align: center; font-size: var(--font18); color: #333;}
/* 控件 */
.aboutFive .pagtion {bottom: -4rem;}
.aboutFive .swjt {width: 3.75rem; height: 3.75rem; background: #DDDDDD; border-radius: 50%; box-sizing: border-box; transition: .5s;}
.aboutFive .swjt i {color: #fff; font-size: var(--font20);}
.aboutFive .swiper-button-prev {left: 0; transform: translateX(-120%);}
.aboutFive .swiper-button-next {right: 0; transform: translateX(120%);}
.aboutFive .swjt:active {background: #16428b;}
@media (any-hover:hover) {
  .aboutFive .swjt:hover {background: #16428b;}
}

.aboutSix {background: url(../images/aboutSix-bj.jpg) no-repeat center; background-size: cover; padding: 4.375rem 0 12.5rem;}
.aboutSix .nav ul {display: grid; justify-content: center; grid-template-columns: repeat(1,auto); text-align: center; align-items: center; gap: 6.25rem;}
.aboutSix .nav li {cursor: pointer;}
.aboutSix .nav li h5 {font-size: 3rem;font-weight: 400;color: #333333; transition: 0.3s; position: relative;display: inline-block;}
.aboutSix .nav li h5::after {content: ""; display: block; width: 0; transition: .5s; height: 0.38rem; background: #16428B; position: absolute; left: -24%; top: 50%; transform: translate(-50%, -50%)}
.aboutSix .nav li small {font-size: var(--font20);font-family: Arial, Arial-Regular;font-weight: 400;color: #333333;display: block;}
.aboutSix .nav ul .xian {display: block; width: 0.06rem; height: 2.31rem; background: #dddddd;}
.aboutSix .nav li.active h5 {color: #333333;}
.aboutSix .nav li.active h5::after {width: 2.19rem;}
.aboutSix .swiperBox {position: relative; margin-top: 6.25rem;}
.aboutSix .swiperBox .swiper {position: static;}
/*.aboutSix .swiperBox .item {display: none;}*/
.aboutSix .swiperBox .item.active {display: block;}
.aboutSix .swiperBox .slide .imgBox {box-shadow: 0 0.3rem 0.8rem 0 rgb(141 160 172 / 30%); ; transform: scale(0.95); transition: .5s;}
.aboutSix .swiperBox .slide .imgBox img {width: 100%; object-fit: contain; }
.aboutSix .swiperBox .slide span {font-size: var(--font16);display: block; text-align: center; margin-top: 1rem; color: rgba(102, 102, 102,.78);}
.aboutSix .swiperBox .slide.swiper-slide-active .imgBox {transform: scale(1);}
.aboutSix .swiperBox .slide.swiper-slide-active span {color: #333;}
/* 控件 */
.aboutSix .swjt {width: 3.75rem; height: 3.75rem; top: auto; left: 50%; bottom: -8rem; background: #ADBAC2; border-radius: 50%; box-sizing: border-box; transition: .5s;}
.aboutSix .swjt i {color: #fff; font-size: var(--font20);}
.aboutSix .swiper-button-prev {transform: translateX(-120%);}
.aboutSix .swiper-button-next {transform: translateX(50%);}
.aboutSix .swjt:active {background: #16428b;}
@media (any-hover:hover) {
  .aboutSix .swjt:hover {background: #16428b;}
}
.aboutSeven {padding: 9.375rem 0 7.5rem; position: relative; overflow: hidden;}
.aboutSeven .aboutTle .en {left: 50%; transform: translateX(-50%);}
.aboutSeven .list {margin-top: 3.75rem; padding: 1.25rem 0; position: relative; overflow: hidden;}
.aboutSeven .list::before {content: ''; width: 10%; height: 100%; background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; bottom: 0; z-index: 1;}
.aboutSeven .list::after {content: ''; width: 10%; height: 100%; background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; right: 0; bottom: 0; z-index: 1;}
.aboutSeven .list .item {margin-top: 1.5rem;}
.aboutSeven .list ul { display: flex; justify-content: center;}
.aboutSeven .list li {margin: 0 1.25rem;flex-shrink: 0; width: 11.25rem; height: 5.375rem;  display: flex; align-items: center; justify-content: center;padding: .625rem; border-radius: .625rem; box-sizing: border-box;background: #fff;   box-shadow: 0px .188rem .375rem 0px rgba(0, 0, 0, 0.04);}
.aboutSeven .list li img {max-width: 100%; min-width: 70%;}



#aboutOne , #aboutTwo , #aboutThree , #aboutFour , #aboutFive , #aboutSix {position: relative; top: -2.5rem;}


/* =====联系我们===== */
.contactOne {margin: 6.25rem 0 2.5rem; position: relative; overflow: hidden;}
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne ul {width: 48%;}
.contactOne ul li {border: 1px solid #d1d1d1; border-radius: .625rem; padding: 5rem 2.5rem; box-sizing: border-box; height: 100%;}
.contactOne ul li h3 {font-size: 2.375rem; color: #333333; font-weight: 700;}
.contactOne ul li dl {margin-top: 3.125rem;}
.contactOne ul li dd {padding: 1.25rem 0; border-bottom: dashed 1px rgba(51, 51, 51,.17); display: flex; align-items: center;}
.contactOne ul li dd .icBox {width: 2.75rem; height: 2.75rem; min-width: 30px; min-height: 30px; background: #283c7d;border-radius: .313rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.contactOne ul li dd .icBox img {min-width: 30%; max-width: 50%;}
.contactOne ul li dd .con {margin-left: 2.5rem;}
.contactOne ul li dd em {color: #666; font-size: var(--font15);}
.contactOne ul li dd .con a {display: block;color: #333333; font-size: var(--font20);}
.contactOne ul li dd .con .aMore {flex-wrap: wrap;}
.contactOne ul li dd a:hover {color: #16428b;}
.contactOne ul li .map {margin-top: 1.875rem;}

.contactTwo {margin-bottom: 5rem;}
.contactTwo .imgBox img {width: 100%;}

.contactTwo .map {width: 48%;}

@media (max-width: 768px) {
  .contactTwo .map {width: 100%; margin-top: 1.25rem;}
}


/* ------资料录入修改 */
.table111Box {overflow-x: auto;}
.table111Box .table111 {white-space: nowrap !important;}
.table111Box .table111 p , .table111Box .table111 span , .table111Box .table111 strong { white-space: nowrap !important;}



@media (max-width: 768px) {
  .proDateTwo .re .content .tableBox {overflow-x: auto;}
  .proDateTwo .re .content .tableBox table {white-space: nowrap;}
  .proDateTwo .re .content .tableBox p , .proDateTwo .re .content .tableBox span , .proDateTwo .re .content .tableBox strong { white-space: nowrap !important;}
}

@media (max-width: 1200px) {
  .sp-6 tr {display: flex; flex-wrap: wrap;}
  .sp-6 tr td {width: calc(100% / 3); padding: .625rem;}
}

@media (max-width: 767px) {
  .sp-6 tr td {width: calc(100% / 2);}

  .proDateTwo span[style*="color: rgb(127, 127, 127)"] {
    display: none !important;
  }

}