/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: sticky; 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: 5.75rem; display: flex; justify-content: space-between; align-items: center;}
.headBox .logo {padding: 1.25rem 0;height: 100%;}
.headBox .logo img {height: 3.25rem; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%;}
.headBox .le .logo a {height: 100%;}
.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 !important;}
/* 取消layui默认样式 end!!!*/

nav {width: 52%; height: 100%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;}
nav .layui-nav .layui-nav-item > a {color: #333;position: relative; z-index: 1; font-size: var(--font20); font-weight: 400; transition: 0.4s;}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item > a::after {content: ''; width: 1rem; height: 1rem; position: absolute; left: 50%; top: 110%; transform: translateX(-50%) rotate(-45deg); background: url(../images/header-nav-icon.png) no-repeat center; background-size: contain; opacity: 0; transition: .5s;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a { color: #233F94;}
nav .layui-nav .layui-nav-item:hover > a::after , nav .layui-nav .layui-this > a::after {opacity: 1; transform: translateX(-50%) rotate(0deg);}
nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;}

/* 二级导航 */
nav ul li dl.layui-nav-child {border-top: .125rem solid #233F94; background: #fff; min-width: 8.75rem; padding: .313rem; border-radius: 0 0 .625rem .625rem; top: 100%;  box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.06);}
nav ul li dl.layui-nav-child dd {padding: .5rem .313rem; border-bottom: 1px solid #dbdbdb;}
nav ul li dl.layui-nav-child dd:last-child {border-bottom: none;}
nav ul li dl.layui-nav-child dd > a {padding: 0 !important;line-height: initial;color: #333333; font-size: var(--font16);}
nav ul li dl.layui-nav-child dd > a:hover {color: #233F94 !important; background: none !important;}

/* 语言 */
.headluange {height: 100%;}
.headluange a:hover {color: #233F94; }

/* 搜索 */
.head_search {cursor: pointer; margin-left: 5.625rem;}
.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 20%; 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%;}


/* ==================公用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: #233f94;border-radius: 6.25rem; padding: .875rem 1.375rem; color: #fff; display: inline-block; transition: .5s;}
.more1_1 {background: #FFFFFF;}

.more2 {color: #0084cd;border: 1px solid #0084cd; padding: .75rem 2.5rem; display: inline-block; transition: .5s;}
@media (any-hover: hover) {
 .more1:hover {box-shadow: 0 0 0 .625rem rgba(35,63,148,.4); }
 .more1_1:hover {box-shadow: 0 0 0 .625rem rgba(255, 255, 255, 0.4);}
}


/* 首页标题 */
.indexTle i {width: 1.313rem; height: 1.313rem;background: #233f94;border-radius: 0px 0px 0px .625rem; display: inline-block;}
.indexTle span {font-size: var(--font20); font-weight: 700; margin-left: .625rem;}

/* 分页器 */
.indexpagtion .swiper-pagination {position: relative; top: 0; bottom: 0; left: 0; transform: none;display: block; width: auto; margin-right: auto;    text-align: left;}
.indexpagtion .swiper-pagination span { opacity: 1; border-radius: 0; width: 1.5rem;height: .375rem;background: #d3d3d3;-webkit-clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);}
.indexpagtion .swiper-pagination span.swiper-pagination-bullet-active {background: #2222A9; }
.custom-pagination .current {font-style: italic;}

/* ======首页======= */
.indexBanner {height: 100vh; position: relative; overflow: hidden;}
.indexBanner .swiper {height: 100%; overflow: hidden;}
.indexBanner .slide .bjBox {position: absolute; z-index: -1; height: 100%; width: 100%; left: 0; top: 0;}
.indexBanner .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .slide_box {height: 100%; padding-top: 5%;}
.indexBanner .slide .info {display: inline-block;}
.indexBanner .slide .info .p1 { line-height: 1.2;}
.indexBanner .slide .more {margin-top: 5rem;}

.indexBanner .slide:nth-child(1) .slide_box {padding-top: 0%; padding-bottom: 5%;}
.indexBanner .slide:nth-child(1) .info .p1 .p1_2 {font-size: var(--font30); text-align: right;}
.indexBanner .slide:nth-child(2) .info .p1 .p1_2 {font-size: var(--font32); margin-top: .625rem;}




/* .indexBanner .slide:nth-child(2) .slide_box {display: none;} */

/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {width: auto; padding: 0 .313rem; bottom: 15%; left: 50%; transform: translateX(-50%); border: .125rem solid #ffffff;border-radius: 6.25rem; display: flex;}
.indexBanner .pagtion span {margin: .5rem .625rem !important; width: .5rem; height: .5rem;  position: relative;opacity: 1; background: none;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: rgba(0,162,233,1);}

/* 波浪动画 */
.wave-container {position: absolute;bottom: 0;left: 0;width: 100%;height: 10rem;overflow: hidden;z-index: 1;}
.wave {position: absolute;bottom: 0;left: 0;width: 100%;height: 90%;animation: wave 5s linear infinite;}
.wave-container .wave img {position: absolute;left: 0; bottom: 0; height: 100%;width: 100%;}
.wave-container .wave img.tu2 {left: 100%;}
.wave-container .wave-1 {z-index: 2;}
.wave-container .wave-2 {z-index: 1;  animation: wave2 5s linear infinite;}
.wave-container .wave-2 img.tu2  {left: -100%;}
.wave-container .wave-3 {height: 100%; animation-duration: 3s;}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes wave2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.indexOne {padding: 6.25rem 0 0;} 
.indexOne .tle {}
.indexOne .swiperBox {margin-top: 4.375rem;}
.indexOne .swiper {padding-bottom: 12.5rem;}
.indexOne .swiper .slide.swiper-slide-active {}
.indexOne .jtBox {position: relative; display: flex;}
.indexOne .jtBox .swjt {position: relative; left: 0; bottom: 0; transform: none; border-radius: 50%; width: 4.375rem; height: 4.375rem; background: rgba(237,237,237,.6); transition: .5s;}
.indexOne .jtBox .swjt i {color: #666; font-size: var(--font18); opacity: .5;}
.indexOne .jtBox .swjt:active {background: #233f94;}
.indexOne .jtBox .swjt:active i {color: #fff; opacity: 1;}
@media (any-hover: hover) {
  .indexOne .jtBox .swjt:hover {background: #233f94;}
  .indexOne .jtBox .swjt:hover i {color: #fff; opacity: 1;}
}

.indexOne .swiper .list ul {display: flex; justify-content: space-between;}
.indexOne .swiper .list li {position: relative; height: 33.75rem; flex: 1; margin: 0 .188rem; background: linear-gradient(-48deg,#f0f0f0 0%, #f4f4f4 100%);border-radius: 1rem; transition: all .5s; z-index: 1;}
.indexOne .swiper .list li::after {content: ''; position: absolute; z-index: -1; width: 100%; height: 0; left: 0; bottom: 0; background: linear-gradient(-33deg,#c1c6cc 0%, #f4f3f3 100%); transition: all .5s; border-radius: 1rem; }
.indexOne .swiper .list li .li_tle {text-align: center; margin-top: 3.125rem;}
.indexOne .swiper .list li .li_tle .p2 {opacity: 0; transition: .5s;}
.indexOne .swiper .list li .more {width: 3.5rem; height: 3.5rem; margin: auto; margin-top: 1.25rem; border-radius: 50%; background: #233F94; transform: rotate(145deg); opacity: 0; transition: .5s;}
.indexOne .swiper .list li .more i {color: #fff; font-weight: 700;}
.indexOne .swiper .list li .imgBox {position: absolute; width: 100%; overflow: hidden; height: 70%; right: 0; bottom: 0%;  display: flex; align-items: flex-end; transition: .5s;}
.indexOne .swiper .list li .imgBox img {width: 200%; transition: .5s; max-height: 100%; object-fit: contain;}
.indexOne .swiper .list li.active {flex: 2;}
.indexOne .swiper .list li.active::after {height: 100%;}
.indexOne .swiper .list li.active .li_tle .p2 {opacity: 1;}
.indexOne .swiper .list li.active .more {opacity: 1;}
.indexOne .swiper .list li.active .imgBox { }
.indexOne .swiper .list li.active .imgBox img {width: 100%;}

.indexTwo {background: #233f94; padding: 8.75rem 0 17.5rem; position: relative; overflow: hidden;}
.indexTwo .logo {position: absolute; right: 0; top: 15%; width: 55%;}
.indexTwo .logo img {width: 100%;}
.indexTwo .bj {position: absolute; width: 87%;right: 0; bottom: 0;}
.indexTwo .bj img {width: 100%;}
.indexTwo .info {width: 43%;}
.indexTwo .info .text {opacity: .8; margin-top: 2.875rem;line-height: 1.8;font-weight: 100;}
.indexTwo .numlist {margin-top: 5.625rem;}
.indexTwo .numlist ul {display: flex; justify-content: space-between;}
.indexTwo .numlist li {text-align: center;}
.indexTwo .numlist li .num {line-height: 1; display: flex; align-items: flex-start; position: relative;}
.indexTwo .numlist li .counter {font-size: 4.125rem;color: #ffffff;}
.indexTwo .numlist li .dw1 {color: #ffffff; font-size: var(--font32);}
.indexTwo .numlist li .dw2 {position: absolute; right: 0; transform: translateX(50%); bottom: 0; font-size: var(--font30); color: #fff;}
.indexTwo .numlist li .dw2 sup {font-size: var(--font16);}
.indexTwo .numlist li .n1 {opacity: .5; margin-top: .625rem; color: #fff; font-weight: 100;}
.indexTwo .more {margin-top: 5.625rem;}

.indexThre {padding: 6.25rem 0;}
.indexThre .swiperBox {margin-top: 3.75rem; position: relative;}
.indexThre .swiper {position: static;}
.indexThre .swiper .slide {background: #f2f2f2;}
.indexThre .swiper .slide a {display: block;padding: 1.5rem;}
.indexThre .slide .imgBox {overflow: hidden;}
.indexThre .slide .imgBox img {width: 100%; transition: .5s;}
.indexThre .slide .p1 {margin-top: 2.5rem;}
.indexThre .slide .p2 {}
.indexThre .slide .jt {margin-top: 5.625rem; width: 3.625rem; height: 3.625rem; background: #fff; color: #333; border-radius: 50%; transform: rotate(145deg); font-weight: 700;transition: .5s;}
.indexThre .slide:hover .jt {background: #233f94; color: #fff;}
.indexThre .slide:hover .imgBox img {transform: scale(1.1);}
/* 控件 */
.indexThre .pagtion {bottom: -4.375rem;}
.indexThre .pagtion span {margin: .5rem  .313rem !important; width: .5rem; height: .5rem;  position: relative;opacity: 1; background: #ddd;}
.indexThre .pagtion .swiper-pagination-bullet-active {background: rgba(0,162,233,1);}



/* ======底部===== */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover;}
.foterBox { padding: 3.75rem 0; }
.footer_logo img {height: 3.75rem;}
/* 外链 */
.footer .links {margin-top: 6.25rem;}
.footer .links li a {width: 2.75rem; height: 2.75rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.footer .links li a svg {width: 50%; height: 50%;}
.footer .links li a svg path {fill: #A3A3A3;}
.footer .links li a:hover svg path {fill: revert-layer;}
/* 外链结束 */
/* 导航 */
.foternav {display: flex;justify-content: space-between; width: 72%;}
.foternav dl dt , .foternav dl dt a {font-size: var(--font18);color: #333333; font-weight: 700; margin-bottom: 2.5rem;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a {}
.foternav dl dd a:hover {color: #233f94;}
.foternav dl.foter_us .info p {margin-bottom: .625rem;color: #666;}
.foternav dl.foter_us .info p a:hover {color: #233f94;}
/* 导航 结束 */
/* 表单 */
.footer .form_box {margin-top: 3.75rem;}
.footer .form {display: flex; flex-wrap: wrap;justify-content: space-between;margin-top: 1.25rem;}
.footer .form .inBox {width: 32.5%;margin-top: 1.125rem; position: relative;}
.footer .form .intent {width: 57.5%;}
.footer .form .incode {width: 31%;}
.footer .form .inBox input {padding: 0 1.875rem; height: 3.75rem;border: 1px solid rgba(180,180,180,.5);border-radius: .313rem; background: none;}
.footer .form .incode img {position: absolute;right: .75rem; top: 50%; transform: translateY(-50%); height: 90%; width: 6.25rem; object-fit: contain;}
.footer .form .insub {width: 9%;}
.footer .form .insub button {width: 100%; height: 100%; padding: 0; line-height: initial; background: #233f94; border-radius: .313rem; color: #fff; font-size: var(--font16);  transition: .5s;}
.footer .form .insub button:hover {background: #fff; color: #233f94;}
/* 表单结束 */
.copyRight {padding: 3.75rem 0 2.75rem;}
.copyRight p , .copyRight p a {color:#666;}
.copyRight p a:hover {color: #233f94;}
.tuxing img {width: 100%; display: block;}


/* ========================================================================内页======================================================================= */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {position: relative;}
.ny-banner .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.ny-banner .imgBox img {width: 100%; min-height: 16rem; object-fit: cover;}
.ny-banner .box {text-align: center;}
.ny-banner .box .t1 {font-size: var(--font50); color: #fff; }
.ny-banner .box .icBox {}
.ny-banner .box .icBox img {width: 1rem; height: 1rem;}
.ny-banner .box .t2 {font-size: var(--font18); color: #fff; margin-top: 1.875rem;}




.ny-banner2 .wave-container {height: 6rem;}

/* ==================关于我们==================== */
.aboutTle h3 {font-weight: 500;}
.aboutTle .xian {width: 3.75rem;height: .438rem;background: #233f94;border-radius: .25rem; margin-top: 1.25rem;}

.aboutOne {position: relative;background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover;padding: 9.375rem 0 30rem;}
.aboutOne .right {width: 70%;}
.aboutOne .right p {margin-bottom: 1.875rem; line-height: 1.8;}
.aboutOne .right p:last-child {margin-bottom: 0;}
.aboutOne .numlist {margin-top: 7.5rem;}
.aboutOne .numlist ul {display: flex; justify-content: space-between;}
.aboutOne .numlist li {text-align: center;}
.aboutOne .numlist li:first-child {margin-right: 5.625rem;}
.aboutOne .numlist li .num {line-height: 1; display: flex; align-items: flex-start; position: relative;}
.aboutOne .numlist li .counter {font-size: 4.125rem;color: #000; font-weight: 200;}
.aboutOne .numlist li .dw1 {color: #000; font-size: var(--font32);}
.aboutOne .numlist li .n1 {opacity: .5; margin-top: .625rem; color: #000;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0; padding-bottom: 18.75rem;position: relative; overflow: hidden; background-attachment: fixed;}
.aboutTwo .swiper {padding-top: 3.375rem; overflow: visible;}
.aboutTwo .swiperBox {margin-top: 8.75rem;}
.aboutTwo .slide {background: #fff; border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42);  padding: 2.5rem;padding-top: 3.125rem; box-sizing: border-box;transition: .5s;}
.aboutTwo .slide:nth-child(even) { top: -3.125rem;}
.aboutTwo .slide .tle {display: flex; justify-content: space-between; align-items: center;}
.aboutTwo .slide .tle .icBox {height: 3.75rem;}
.aboutTwo .slide .tle .icBox img {max-height: 100%; min-height: 3.125rem;}
.aboutTwo .slide .text {margin-top: 3.125rem; font-weight: 100;}
.aboutTwo .slide .num {margin-left: auto; text-align: right; font-size: 3.75rem;  margin-top: .625rem; font-weight: 700;opacity: 0.07;}
.aboutTwo .slide.swiper-slide-active {background: #233f94; color: #fff;}
.aboutTwo .slide.swiper-slide-active .tle .icBox img {filter: brightness(0) invert(1);}
.aboutTwo .slide.swiper-slide-active .text {color: #fff;}
@media (any-hover: hover) {
  .aboutTwo .slide:hover {background: #233f94; color: #fff; transform: scale(1.05);}
  .aboutTwo .slide:hover .tle .icBox img {filter: brightness(0) invert(1);}
  .aboutTwo .slide:hover .text {color: #fff;}
}

/* 控件 */
.aboutTwo .swiper .swjt {top: 130%;width: 4.375rem; left: 50%;right: 0; transform: translateX(-80%); height: 4.375rem; border-radius: 50%; background: rgba(43, 43, 43, 0.1); transition: .5s;}
.aboutTwo .swiper .swjt i {font-size: var(--font20); color: #666;}
.aboutTwo .swiper .swjt.swiper-button-next {transform: translateX(80%); }

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0 5rem;position: relative; overflow: hidden;}
.aboutThre .box {}
.aboutThre .big-swiperBox {position: relative;margin-top: 5.625rem;}
.aboutThre .swiperBox1 {position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}
.aboutThre .swiperBox1 .container {position: relative;}
.aboutThre .swiperBox1 .slide .year {font-size: 18.75rem;opacity: 0.07;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700; line-height: 1;}
.aboutThre .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; min-height: 18.75rem; display: flex; align-items: center;}
.aboutThre .swiperBox2 .slide {padding: 1.875rem 0;}
.aboutThre .swiperBox2 .slide .text {margin-top: 1.25rem; font-size: var(--font20); line-height: 1.8;}
.aboutThre .swiperBox2 .slide .text p {color: #fff;}
.aboutThre .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;margin-top: 12.5rem;}
.aboutThre .swiperBox3 .swiper {overflow: visible;}
.aboutThre .swiperBox3 .swiper::before {content: "";position: absolute;top: calc(.625rem / 2);left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.aboutThre .swiperBox3 .slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 3.75rem;cursor: pointer;}
.aboutThre .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: .625rem;height: .625rem;position: relative; transition: all 0.4s;}
.aboutThre .swiperBox3 .c-dot::before {content: ""; position: absolute; width: 200%;height: 200%; background: url(../images/aboutThre-c-dot-icon.png) no-repeat center; background-size: contain; opacity: 0;  transform: rotate(-45deg);  transition: all 0.4s;}
.aboutThre .swiperBox3 .c-dot::after {content: ""; position: absolute; width: 100%;height: 100%; border-radius: 50%; background-color: #B9C8D5;  transition: all 0.4s;}
.aboutThre .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font22);font-family: Arial, Arial-Bold;}
.aboutThre .swiperBox3 .swiper-slide-thumb-active .c-dot::after {opacity: 0;}
.aboutThre .swiperBox3 .swiper-slide-thumb-active .c-dot::before {opacity: 1; transform: rotate(0);}
.aboutThre .swiperBox3 .swiper-slide-thumb-active .syear {font-size: var(--font30); transform: translateY(10%); font-weight: 700;}
/* 控件 */
.aboutThre .swiperBox2 .swjt {width: 4.375rem;height: 4.375rem;border-radius: 50%; background: rgba(255, 255, 255, 0.1); transition: .5s;}
.aboutThre .swiperBox2 .swjt.swiper-button-prev {}
.aboutThre .swiperBox2 .swjt i {color: #fff;font-size: var(--font20);}
.aboutThre .swiperBox2 .swjt:active {background: rgba(255, 255, 255, 0.3);}
@media (any-hover: hover) {
  .aboutThre .swiperBox2 .swjt:hover {background: rgba(255, 255, 255, 0.3);}
}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; position: relative; overflow: hidden; padding: 7.5rem 0 18.75rem;}
.aboutFour .jtBox {position: relative; display: flex;}
.aboutFour .jtBox .swjt {position: relative; left: 0; bottom: 0; transform: none; border-radius: 50%; width: 4.375rem; height: 4.375rem; background: rgba(0, 0, 0, 0.1); transition: .5s;}
.aboutFour .jtBox .swjt i {color: #666; font-size: var(--font22); opacity: .5;}
.aboutFour .jtBox .swjt:active {background: #233f94;}
.aboutFour .jtBox .swjt:active i {color: #fff; opacity: 1;}
@media (any-hover: hover) {
  .aboutFour .jtBox .swjt:hover {background: #233f94;}
  .aboutFour .jtBox .swjt:hover i {color: #fff; opacity: 1;}
}
.aboutFour .swiperBox {margin-top: 8.75rem; position: relative;}
.aboutFour .swiperBox::after {content: ''; position: absolute; height: 1rem; bottom: -2rem; left: 0; background: #dfdfdf;box-shadow: .188rem .313rem .625rem .375rem rgba(7,0,2,0.33); width: 100%;}
.aboutFour .swiper {position: static;}
.aboutFour .swiper .slide .imgBox {height: 13.75rem;}
.aboutFour .swiper .slide img {width: 100%; height: 100%; object-fit: contain; transition: .5s;}
.aboutFour .pagtion {width: 40%; top: auto; bottom: -8.75rem; left: 50%; transform: translateX(-50%); background: #DFDFDF; }
.aboutFour .pagtion .swiper-pagination-progressbar-fill {background: #233F94;}
@media (any-hover: hover) {
  .aboutFour .swiper .slide:hover img {transform: scale(1.1);}
}

.aboutFive {padding: 6.25rem 0 12.5rem; position: relative; overflow: hidden;}
.aboutFive .swiperBox {margin-top: 7.5rem; position: relative;}
.aboutFive .swiper {position: static;}
.aboutFive .list ul {display: flex;}
.aboutFive .slide {position: relative; width: 45rem;}
.aboutFive .slide .imgBox {transform: scale(.95); transition: .5s; position: relative;overflow: hidden;}
.aboutFive .slide .imgBox img {width: 100%; transition: .5s;}
.aboutFive .slide .info {position: absolute; opacity: 1; transition: .5s; width: 100%; bottom: 0; left: 0; padding: 1.25rem 2.5rem;background: rgba(11,11,11,.5); box-sizing: border-box;}
.aboutFive .slide:hover .imgBox img {transform: scale(1.1);}
.aboutFive .slide.swiper-slide-active .info {opacity: 1;}
.aboutFive .slide.swiper-slide-active .imgBox {transform: scale(1);}

@media (any-hover: hover) {
  .aboutFive .slide:hover .imgBox {transform: scale(1);}
}

/* 控件 */
.aboutFive .jtBox {position: relative; display: flex;}
.aboutFive .jtBox .swjt {position: relative; left: 0; bottom: 0; transform: none; border-radius: 50%; width: 4.375rem; height: 4.375rem; background: rgba(0, 0, 0, 0.1); transition: .5s;}
.aboutFive .jtBox .swjt i {color: #666; font-size: var(--font22); opacity: .5;}
.aboutFive .jtBox .swjt:active {background: #233f94;}
.aboutFive .jtBox .swjt:active i {color: #fff; opacity: 1;}
@media (any-hover: hover) {
  .aboutFive .jtBox .swjt:hover {background: #233f94;}
  .aboutFive .jtBox .swjt:hover i {color: #fff; opacity: 1;}
}
.aboutFive .pagtion {bottom: -4.375rem;}
.aboutFive .pagtion span {margin: .5rem  .313rem !important; width: .5rem; height: .5rem;  position: relative;opacity: 1; background: #ddd;}
.aboutFive .pagtion .swiper-pagination-bullet-active {background: rgba(0,162,233,1);}

/* =====产品中心===== */
.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 #233F94; 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: #233F94;}
.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: #233F94;}
.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: 1.25rem;}
.proOne .menu2 dd .tit2 {transition: .5s;}
.proOne .menu2 dd:hover .tit2 {color: #0084CD;}
.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}
/* 右侧产品列表 */
.proOne .re .info {padding-bottom: 2.5rem; 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: #233F94; 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 ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 3.75rem;}
.proOne .list li {background: #fff; box-shadow: 0rem 0rem .625rem 0rem rgba(6,0,1,0.06); }
.proOne .list li .imgBox {height: 15.625rem; padding: 1.25rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.proOne .list li .imgBox img {max-width: 100%; height: 100%; transition: .5s; object-fit: contain;}
.proOne .list li .con {padding: 1.25rem; padding-bottom: 2.5rem; box-sizing: border-box; text-align: center;}
.proOne .list li .con .p1 {color: #0084CD;}
.proOne .list li .con .p2 {line-height: 1.2;}
.proOne .list li .con .more2 {margin-top: 2.125rem; font-size: var(--font15);}
.proOne .list li:hover .imgBox img {transform: scale(1.05);}
.proOne .list li:hover .con .more2 {background: #0084CD; color: #fff;}

/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #004E91;}
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}

/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s; box-shadow: none; padding: 0;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%;}
  .filter-toggle {display: block;}
}


/* ===产品详情=== */
.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: #233f94 !important;}

.proDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat center; background-size: cover; padding: 3.75rem 0;}
.proDateOne .left {width: 37%;}
.proDateOne .right {width: 43%;}
.proDateOne .right img {mix-blend-mode: multiply;width: 100%; object-fit: contain;}
.proDateOne .left .p2 {line-height: 1.2;}
.proDateOne .left .text {margin-top: 3.125rem;line-height: 1.8;}
.proDateOne .left .conus { margin-top: 9.375rem;}
.proDateOne .left .more a {background: #233f94;border-radius: 6.25rem; padding: .875rem 4.375rem .875rem 3.5rem; transition: .5s;}
.proDateOne .left .more span {flex-shrink: 0;}
.proDateOne .left .more a:hover {background: #004E91;}
.proDateOne .left .links {margin-left: 2.75rem; flex-shrink: 0;}
.proDateOne .left .links li {margin: 0 .625rem;}
.proDateOne .left .links li a {width: 1.875rem; height: 1.875rem; display: block;}
.proDateOne .left .links li a svg {width: 90%; height: 90%; transition: .5s;}
.proDateOne .left .links li:hover svg {transform: scale(1.05);}

.proDateTwo {background: #ffffff; padding: 3.75rem 0 6.25rem;  }
.proDateTwo .box { align-items: flex-start;}
.proDateTwo .le {flex: 1;margin-right:6%;box-shadow: 0px 0px 1.25rem 0px rgba(6,0,1,0.06); padding: 6.25rem 5rem; }
.proDateTwo .re {width: 22%; position: sticky; top: 7rem; min-width: 240px;}
.proDateTwo .re .proOne {padding: 0;}
.proDateTwo .dateTle {margin: 1.5rem 0;}
.proDateTwo .dateTle .xian {width: 3.438rem;height: .375rem;background: #cbcbcb;border-radius: .188rem;}
.proDateTwo .info_one .dateTle {margin-top: 0;}
/* 产品资料录入 */
.proDateTwo .content {padding: 0; color: #666; font-size: 1.2rem;}
.proDateTwo .content img {max-width: 100%; height: auto !important;}


/* ===案例=== */
.caselist {padding: 6.25rem 0;}
.caselist ul {display: grid; grid-template-columns: repeat(4,1fr);gap: 1.875rem;}
.caselist li {position: relative;background: #f9f9f9;}
.caselist li .imgBox {overflow: hidden; height: 18.75rem;}
.caselist li .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.caselist li .con {padding: 2.5rem 1.25rem; box-sizing: border-box; text-align: center;}
.caselist li .con .p1 {color: #333;}
.caselist li .con .more2 {margin-top: 1.25rem;}
.caselist li:hover .imgBox img {transform: scale(1.05);}
.caselist li .con .more2:hover {background: #0084CD; color: #fff;}

.caseTwo {padding-bottom: 6.25rem;}
.caseTwo .list ul {display: grid; grid-template-columns: repeat(2,auto); gap: 3.75rem;}
.caseTwo .list li {padding: .875rem 2.5rem; border-radius: 6.25rem; font-size: var(--font22); transition: .5s; cursor: pointer;}
.caseTwo .list li.active {background: #233f94; color: #fff;}
.caseTwo .box {border: .25rem solid #f9f9f9; margin-top: 3.75rem;padding: 1.25rem;}
.caseTwo .box img {height: 100%;width: 100%; object-fit: contain;}
.caseTwo .box .item {display: none;}
.caseTwo .box .item.active {display: block;}

/* =====新闻与活动===== */
.news {padding: 2.5rem 0 6.25rem;}
.news .box {align-items: flex-start;}
.news .left {flex: 1; margin-right: 3%;}
.news .box .top {align-items: flex-end; border-bottom: 1px solid #EEEEEE;}
.news .box .nav {margin-bottom: .625rem;}
.news .box .nav ul {display: grid; grid-template-columns: repeat(2,auto); gap: 3.125rem;}
.news .box .nav li a {padding: .875rem 2.25rem;border-radius: 6.25rem; transition: .5s; font-size: var(--font18); display: block;} 
.news .box .nav li.on a , .news .box .nav li:active a {color: #fff;background: #233f94;}
@media (any-hover: hover) {
  .news .box .nav li:hover a {color: #fff;background: #233f94;}
}
.news .form_box {width: 28%;}
.news .form_box form {display: flex; position: relative;}
.news .form_box form input { border-bottom: 1px solid #333333; padding: .625rem 0; width: 100%; padding-right: 3.75rem; box-sizing: border-box;}
.news .form_box form button {background: none;position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-bottom: .625rem;}
.news .list {margin-top: 5.625rem;}
.news .list li {border-bottom: 1px solid rgba(102, 102, 102,.2); padding: 2.5rem 0;}
.news .list li:first-child {padding-top: 0;}
.news .list li .imgBox {width: 27%; overflow: hidden;border-radius: .625rem; height: 100%;}
.news .list li .imgBox img {width: 100%; transition: .5s;}
.news .list li .info {padding: .5rem 0; width: 60%;}
.news .list li a {display: flex; align-items: center; justify-content: space-between;}
.news .list li .time {margin-top: 2.5rem;}
.news .list li .text {margin-top: 1.25rem;}
.news .list li .more {width: 3.625rem; height: 3.625rem; border-radius: 50%; background: #e9e9e9; transform: rotate(145deg);}
.news .list li:hover .imgBox img {transform: scale(1.05);}
.news .list li:hover .info .p1 {color: #004E91;}
.news .list li:hover .more {background: #004E91; color: #fff; transform: rotate(180deg); transition: .5s;}
.news .right {width: 20%; position: sticky; top: 7rem;}
.news .proOne {padding: 0;}
.news .proOne .menu2 dl {margin-top: 2.75rem;}
.news .proOne .menu2 dd {padding: 1.25rem 0; margin-top: 0; border-bottom: 1px solid #E5E5E5;}
.news .proOne .menu2 dd:last-child {border-bottom: none;}
.news .menu2 dd a {align-items: initial;}
.news .proOne .menu2 dd .imgBox {width: 30%;}
.news .proOne .menu2 dd .imgBox img {height: 100%; object-fit: cover;}

/* ==新闻详情 */
.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: #233f94; }
.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:#233f94; 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: #233f94;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}

/* =====合作伙伴===== */
.partnerslist {padding: 6.25rem 0 12.5rem;}
.partnerslist .tle .tip {color: #595959;}
.partnerslist .list {margin-top: 3.125rem;}
.partnerslist .list ul {display: grid; grid-template-columns: repeat(7,1fr); gap: 2.5rem;}
.partnerslist .list li {width: 100%; height: 4rem; text-align: center;}
.partnerslist .list li img {max-width: 100%; height: 100%; object-fit: contain;}

.partnersOne {padding: 3.75rem 0;}
.partnersOne .list {margin-top: 3.75rem;}
.partnersOne .list ul {display: flex;}
.partnersOne .list li {flex: 1;margin: 0 .625rem; transition: .5s; height: 35rem; position: relative;}
.partnersOne .list li .imgBox {height: 100%; position: relative;}
.partnersOne .list li .imgBox::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255,.8));transition: .5s; z-index: 1;}
.partnersOne .list li .imgBox::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1%, rgba(36, 63, 143,1));transition: .5s; z-index: 1; opacity: 0;}
.partnersOne .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .6;}
.partnersOne .list li .info {position: absolute; padding: 1.5rem; padding-bottom: 0; bottom: 5rem;width: 100%; left: 0; z-index: 1;}
.partnersOne .list li .info .icBox {height: 3.5rem;}
.partnersOne .list li .info .icBox img {min-height: 70%; max-height: 100%;}
.partnersOne .list li .p1 {font-size: var(--font30); color: #333; margin-top: 1.5rem; transition: .5s;}
.partnersOne .list li .p2 {color: #a6a6a6; font-size: var(--font24); margin-top: .625rem; line-height: 1; max-height: 1.875rem; transition: .5s;}
.partnersOne .list li .text {margin-top: 1.5rem; color: #fff; font-size: var(--font20); max-height: 0; opacity: 0; transition: .5s;}
.partnersOne .list li.on {flex: 3;}
.partnersOne .list li.on .imgBox::before {opacity: 0;}
.partnersOne .list li.on .imgBox::after {opacity: 1;}
.partnersOne .list li.on .imgBox img {filter: grayscale(0); -webkit-filter:grayscale(0); opacity: 1;}
.partnersOne .list li.on .info .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.partnersOne .list li.on .p1 {color: #fff;}
.partnersOne .list li.on .p2 {max-height: 0; opacity: 0;}
.partnersOne .list li.on .text {max-height: 7.5rem; opacity: 1; transition-delay: .5s;}

.partnersTwo {padding-top: 3.75rem;}
.partnersTwo .swiperBox {margin-top: 3.75rem;}
.partnersTwo .swiperOne .swiper-wrapper {justify-content: center;}
.partnersTwo .swiperOne .slide {width: auto; padding: 1rem 1.875rem; color: #333; opacity: .5; font-size: var(--font20); border-radius: 6.25rem; transition: .5s; cursor: pointer;}
.partnersTwo .swiperOne .slide.swiper-slide-thumb-active {background: #243f8f; color: #fff; opacity: 1;}
.partnersTwo .swiperTwo {margin-top: 1.875rem; }
.partnersTwo .swiperTwo .slide:nth-child(even) .slide_box {flex-direction: row-reverse;}
.partnersTwo .swiperTwo .slide_box {display: flex;background: #ededed;}
.partnersTwo .swiperTwo .info {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 2.5rem; padding-right: 3.75rem;  padding-left: 7%;}
.partnersTwo .swiperTwo .slide .imgBox {width: 50%;}
.partnersTwo .swiperTwo .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.partnersTwo .swiperTwo .info .p1 {font-size: var(--font42); color: #333; font-weight: 700;}
.partnersTwo .swiperTwo .info .p2 {font-size: var(--font17); color: #666666; margin-top: 1.875rem; line-height: 1.8;}
/* 控件 */
.partnersTwo .pagtion {color: #b8b8b8; font-size: var(--font16); text-align: left; padding-left: 7%; bottom: 2.5rem;}
.partnersTwo .pagtion .cur {color: #5b565d; font-size: var(--font24); display: inline-block;}

.partnersThre {background: #f8f8f8; padding: 4.375rem 0;}
.partnersThre .tle .xian {width: 3.375rem; height: .313rem;background: #243f8f; border-radius: 6.25rem; margin: auto; margin-top: 1.25rem;}
.partnersThre .box {text-align: center;}
.partnersThre .box .map {margin-top: 2.5rem;}
.partnersThre .box img {mix-blend-mode: multiply; min-width: 80%; max-width: 100%;}
.partnersThre .text {width: 54%; margin: auto; margin-top: 2.5rem; color: #333333; text-align: center; line-height: 1.8;}


/* =====联系我们===== */
.tactOne {background: url(../images/tactOne-bj.jpg) no-repeat center; background-size: cover; padding: 9.375rem 0;}
.tactOne .left .nav li .tit {cursor: pointer; font-size: var(--font24);color: #1b1b1b; position: relative; display: inline-flex; align-items: center; padding: 1.25rem 2.5rem 1.25rem 1.5rem; border-radius: 6.25rem; transition: .5s;}
.tactOne .left .nav li .tit::before {content: ''; width: 1.25rem; height: 1.25rem; background: url(../images/aboutThre-c-dot-icon.png) no-repeat center; background-size: contain; margin-right: 1rem; transition: .5s; opacity: 0;}
.tactOne .left .nav li {margin-bottom: 2.5rem;}
.tactOne .left .nav li.active .tit {opacity: 1; background: #233f94; color: #fff;}
.tactOne .left .nav li.active .tit::before {opacity: 1;}
.tactOne .right {width: 50%;}
.tactOne .right .p1 , .tactOne .right .p1 a {font-size: var(--font28);color: #1b1b1b;font-weight: 500;}
.tactOne .right .p1 a:hover {color: #233f94;}
.tactOne .right dl {margin-top: 3.125rem;}
.tactOne .right dl dd {display: flex; align-items: center; margin-bottom: 1.25rem;}
.tactOne .right dl dd .icBox {height: 1.875rem; margin-right: 1rem; width: 1.875rem;}
.tactOne .right dl dd .icBox img {min-height: 1.25rem; max-height: 100%; max-width: 100%; min-width: 80%;}
.tactOne .right dl dd p , .tactOne .right dl dd p a {font-size: var(--font22);color: #1b1b1b; font-weight: 300; transition: .5s;}
.tactOne .right dl dd p a:hover {color: #233f94;}
.tactOne .right .item {display: none;}
.tactOne .right .item.active {display: block;}
/* =====关注我们===== */
.follow {margin-top: 10rem; margin-left: 3.75rem;}
.follow dl .ddbox {display: flex;}
.follow dl dd {margin-right: 1.25rem; position: relative;}
.follow dl dd .icBox {width: 3rem; height: 3rem; border-radius: 50%;background: #003780; display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox svg {width: 40%; height: 40%; object-fit: contain;}
.follow dl dd .icBox svg path {fill: #fff; opacity: .5;}
.follow dl dd:hover .icBox svg path {opacity: 1;}
.follow dl dd.hover_code .code {width: auto; box-shadow: 0 0 .625rem rgba(0,0,0,.1); position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .625rem; border-radius: .625rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;}
.follow dl dd.hover_code .code span {display: block; margin-top: .313rem;}
.follow dl dd.hover_code .code img {width: 6.25rem;}
.follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .625rem solid transparent; border-top-color: #fff;}
.follow dl dd.hover_code:hover .code {opacity: 1;  bottom: 130%; visibility: visible; pointer-events: auto;}


.about4-four {padding: 7.5rem 0;}
.about4-four .list {margin-top: 4.375rem;}
.about4-four ul li {margin-bottom: .625rem; display: none;}
.about4-four ul li .box {background: rgba(237,237,237,.5); padding: .313rem 2.5rem 1.5rem; box-sizing: border-box; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center;justify-content: space-between;  position: relative;}
.about4-four ul li .item.name {font-weight: 400;color: #333333; font-size: var(--font22);}
.about4-four ul li .item {padding-top: 1.25rem; margin-right: 1.25rem; color: #888888;}
.about4-four ul li .item span {color: #666666;}
.about4-four ul li .money {} 
.about4-four ul li .date { text-align: right; padding-left: 5%; padding-right: 5%; box-sizing: border-box; color: #233f94;}
.about4-four ul li .btn {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;}
.about4-four ul li:hover {background: #fff;}
.about4-four .moreList {margin-top: 3.125rem;}
.about4-four .moreList a {color: #233f94;}


/* 人才招聘详情 */
.proDate {background-color: #f5f5f5; padding: 6.25rem 0;}
.proDate .news-title{ border-bottom:1px solid rgba(245, 245, 245, .7);position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom: 2.375rem;}
.proDate .news-title h2{font-size: 1.75rem ;margin-bottom:0;color:#333;font-weight:bold;text-align: left;}
.proDate .news-title span{display: block;font-size: 1.125rem ;color:#666;text-align: left;}
.proDate .news-title .fra {border-radius: 6.25rem ;color:#fff;background: #233f94;padding: .625rem 1.563rem;display: block;}
.proDate .news-title .fra a {color: #fff; display: block;}
.proDate .news-title .title {width: 75%;}
.proDate .ny-xq-con { margin: 1.875rem 0;}
.proDate .content {background-color: #fff;   padding: 2.5rem; box-sizing: border-box;}
.page-fy{border-top:1px solid #ddd;padding-top: 1.875rem; display: flex; flex-wrap: wrap; justify-content: space-between;} 
.page-fy a:hover {color: #233f94;}

.tactTwo {margin-bottom: 12.5rem;}
.tactTwo .box {padding: 6.25rem 7.5rem;box-shadow: 0px 0px 2.875rem 0px rgba(7,0,2,0.05); }
.tactTwo .form {margin-top: 3.125rem;}
.tactTwo .form .form_box {display: flex; justify-content: space-between;}
.tactTwo .form .form_box .form_left {width: 49.25%;}
.tactTwo .form .form_box .form_right {width: 49.25%;}
.tactTwo .form .form_box .inBox {margin-bottom: 1.25rem;}
.tactTwo .form .form_box input {height: 3.5rem; background: #f5f5f5; width: 100%; padding: 0 1.25rem;}
.tactTwo .form .form_box input::-webkit-input-placeholder {color: #999999;}
.tactTwo .form .form_box input::-moz-placeholder {color: #999999;}
.tactTwo .form .form_box input::-ms-input-placeholder {color: #999999;}
.tactTwo .form .form_box textarea {height: 100%; background: #f5f5f5; width: 100%; padding: 1.25rem; box-sizing: border-box; resize: none;}
.tactTwo .form .form_box textarea::-webkit-input-placeholder {color: #999999;}
.tactTwo .form .form_box textarea::-moz-placeholder {color: #999999;}
.tactTwo .form .form_box textarea::-ms-input-placeholder {color: #999999;}

.tactTwo .form .form_box .intent {height: calc(3.5rem + 3.5rem + 3.5rem + 2.5rem);}
.tactTwo .form .form_box .incode {position: relative;}
.tactTwo .form .form_box .incode img {position: absolute;right: .75rem; top: 50%; transform: translateY(-50%); height: 90%; width: 6.25rem; object-fit: contain;}
.tactTwo .form .insub {margin-top: 1.875rem;}
.tactTwo .form .insub button {width: 9.125rem; height: 3.375rem;background: #999999; color: #fff; border: 0; margin: 0 .625rem; font-size: var(--font16);} 

.layui-form-select dl {top: 100%; }
.layui-form-select dl dd {line-height: initial; padding: .625rem;}




#process,#customer,#research,#network,#partners{position: relative; top:-6rem}