/* 预加载容器样式，居中显示 */
.preloader {position: fixed;  top: 0;left: 0;width: 100vw;height: 100vh;background: #e7ebff;display: flex;   flex-direction: column; justify-content: center;align-items: center;z-index: 9999;transition: opacity 0.5s ease-out;}
.preloader .svgBox {width: 50%; height: 50%;}
.preloader svg {width: 100%; height: 100%;}
/* 动画结束后隐藏预加载层 */
.preloader.hidden {opacity: 0; pointer-events: none;}/* SVG路径统一样式 */
.stroke-path { fill: transparent;  stroke: #113eff;  stroke-width: 1;  /* 关键：设置虚线数组为路径全长，初始偏移量也为全长（完全隐藏） */  stroke-dasharray: var(--path-length);  stroke-dashoffset: var(--path-length);  transition: 1s;  /* 描边动画 */  animation: strokeAnimate 3s ease-in-out forwards}
/* 定义描边动画 */
@keyframes strokeAnimate {to {stroke-dashoffset: 0; /* 偏移量归零，完整显示路径 */  }}
.stroke-path.filled {fill: #113eff;}
.preloader.hidden {opacity: 0; pointer-events: none;}

/* 公用样式 */
#c-placeholder {height: 6rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s;}
.headBox {padding: 0 8%; height: 6rem; position: relative; z-index: 1; transition: .5s; border-bottom: 1px solid rgba(255,255,255,0.1);}
.headBox .box {height: 100%;}
.headBox .logo {padding: 1.25rem 0;height: 100%;}
.headBox .logo img {min-height: 50%; max-height: 100%; object-fit: contain; width: 100%; filter: brightness(100); -webkit-filter:brightness(100);}
.headBox .le {height: 100%; flex-shrink: 0; max-width: 19%;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%;width: 64%; 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: 76%;}
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: #fff;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::before {bottom: 0; width: 0; transition: .5s; content: ''; position: absolute; left: 0; height: .125rem; background: #fff;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {font-weight: 500;}
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 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: 2.5rem 10%; 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; position: relative;}
nav ul li .navTwo .box .list .item a {color: #333;font-size: var(--font16);padding: 1rem; padding-left: 0;}
nav ul li .navTwo .box .list .item::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: .125rem; background: #161F8B; transition: .5s; }
nav ul li .navTwo .box .list .item.layui-this a {color: #161F8B;}
nav ul li .navTwo .box .list .item.layui-this::after {width: 100%;}

/* 语言 */
.headluange {height: 100%;}
.headluange .layui-nav {height: 100%;}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item > a {font-size: var(--font20); color: #fff;}
.headluange .layui-nav .layui-nav-item > a .layui-icon-website {font-size: var(--font22);}
.headluange .layui-nav .layui-nav-item > a span {font-size: var(--font20);}
.headluange .layui-nav .layui-nav-item > a .layui-icon.layui-nav-more {top: 50%; transform: translateY(-50%); font-size: var(--font12); display: none;}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 100%; line-height: initial;min-width: 6.25rem;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}

.head_search img {width: 1.625rem;}
/* 搜索下拉 */    
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 {background-color: #fff;padding: 3.125rem 0; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 2.5%; top: 5%; cursor: pointer; width: 1.25rem;}
.hadbox-sec4 .close svg {width: 100%; height: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%; height: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 10rem; height: 3.5rem; min-height: 40px; background: #113EFF;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 1.75rem 1rem;}
  .hadbox-sec4 .form {padding-bottom: 1rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
  .hadbox-sec4 .form .f_sub {width: 6rem; height: 3rem; font-size: var(--font18);}
}

.header.c-style2 .headBox {height: 6.25rem; background: #fff; border-bottom: 1px solid #eee;}
.header.c-style2 .headBox .logo img {filter: none; -webkit-filter: none;}
.header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333333;}
.header.c-style2 .layui-nav > .layui-nav-item > a:hover, .layui-nav > .layui-this > a {color: #333;}
.header.c-style2 nav .layui-nav .layui-nav-item::before {background-color: #333;}
.header.c-style2 .head_search img {filter: brightness(0); -webkit-filter:brightness(0);}
.header.c-style2 .headluange a {color: #333;}
.header.c-style2  .mobmenu dl dd {background: #333;}
.header.c-style2  .mobmenu h4 {color: #333;}

/* 鼠标悬浮 */
.header.hover-style .headBox { background: #fff; border-bottom: 1px solid #eee;}
.header.hover-style .headBox .logo img {filter: none; -webkit-filter: none;}
.header.hover-style nav .layui-nav > .layui-nav-item > a {color: #333333;}
.header.hover-style .layui-nav > .layui-nav-item > a:hover, .layui-nav > .layui-this > a {color: #333;}
.header.hover-style nav .layui-nav .layui-nav-item::before {background-color: #333;}
.header.hover-style .head_search img {filter: brightness(0); -webkit-filter:brightness(0);}
.header.hover-style .headluange a {color: #333;}
.header.hover-style  .mobmenu dl dd {background: #333;}
.header.hover-style  .mobmenu h4 {color: #333;}


/* .header.c-head-move {transform: translateY(-100%);} */

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


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

/* ===============公用css end!!!!===================*/
.more1 {background: #0075CC;border-radius: 6.25rem; padding: .95rem 2.5rem; color: #fff; display: inline-block; transition: .5s;}
.more1_1 {background: #2045D8;}
.more2 {background: none; border: 1px solid #fff;}


@media (any-hover: hover) {
 .more1:hover {box-shadow: 0 0 0 .625rem rgba(0,117,204,.4);}
 .more1_1:hover {box-shadow: 0 0 0 .625rem rgba(32, 69, 216,.4);}  

 .more2:hover {background: #fff; color: #0075CC;}
}

/* ======首页======= */
.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: 2% !important; left: auto;}
.indexpagtion span {margin: 1rem 0 !important; width: .75rem; height: .75rem;opacity: 1; background: rgba(255, 255, 255, .3); transition: .35s;}
.indexpagtion .swiper-pagination-bullet-active {background: #fff;  opacity: 1;}

@media  (max-width: 1024px) { 
  .indexSwiper {height: auto;}
  .indexSwiper > .swiper-wrapper {display: block;}
  .indexSwiper > .swiper-wrapper >.slide {height: auto;}
}
   

.indexOne {position: relative; overflow: hidden;}
.indexOne .swiper {height: 100%;}
.indexOne .slide .bjBox {height: 100%;}
.indexOne .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexOne .slide .box {top: 70%;}
.indexOne .slide .more {margin-top: 4.375rem;}
.indexOne .scroll {position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%; z-index: 2; }
.indexOne .scroll .xian {width: .375rem; height: 2.5rem; display: block; overflow: hidden; position: relative; margin: auto;}
.indexOne .scroll .xian::before {position: absolute;margin: auto; left: 50%; transform: translateX(-50%); content: ''; width: 1px; height: 100%;background: rgba(255, 255, 255, .3);}
.indexOne .scroll .xian::after {content: ''; width: .375rem; height: .375rem; position: absolute; background: #fff;z-index: 2; animation: top100 1.5s linear infinite;}
@keyframes top100 {
  0% {
    top: 0;
  }
 50% {
    top: 50%;
  }
  100% {
    top: 100%;
  }
}

/* 当前 */
.indexOne .swiper-slide-active .bjBox img, .indexOne .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexOne .pagtion {width: auto; top: auto; bottom: 8%; left: auto; right: 5%; color: #ffffff50;}
.indexOne .pagtion .swiper-pagination-current {font-size: var(--font24); color: #fff;}

.indexTwo .slide_box {height: 100%; padding-top: 5%;}
.indexTwo .info {width: 50%;}
.indexTwo .info .p2 {line-height: 1.8;}
.indexTwo .info .more {margin-top: 5rem;}
.indexTwo .numlist {margin-top: 7.5rem;}
.indexTwo .numlist li .xian {width: 1px;background: #F6F7F8; background: rgba(246, 247, 248, .3); height: 100%; position: relative; overflow: hidden;}
.indexTwo .numlist li .xian::after {content: ''; position: absolute; width: 100%; height: 20%; background: #113EFF;animation: top100 1.5s linear infinite;}
.indexTwo .numlist li .num {display: flex; align-items: flex-start; line-height: 1;}
.indexTwo .numlist li .dw {font-weight: 700; margin-left: .625rem;}
.indexTwo .numlist li:last-child .num {align-items: flex-end;}
.indexTwo .numlist li p {margin-top: .625rem;}

.indexThre {}
.indexThre .list {height: 100%;}
.indexThre .list {position: relative;overflow: hidden; }
.indexThre .list .bjBox {width: 100%; height: 100%;overflow: hidden;}
.indexThre .list .bjBox .img {position: absolute; left: 0; top : 0; right: 0; bottom: 0; overflow: hidden; opacity: 0; transform: scale(1.1); transition: opacity 1s cubic-bezier(.435, .25, .15, .965), transform 1.5s cubic-bezier(.435, .25, .15, .965);}
.indexThre .list .bjBox img {width: 100%; height: 100%; object-fit: cover; display: block;}
.indexThre .list ul {display: flex; position: absolute; justify-content: space-between; width: 100%; height: 100%; left: 0; top: 0;}
.indexThre .list li {position: relative; height: 100%; bottom: 0;  width: calc(100% / 6); text-align: center; border-right: 1px solid rgba(255,255,255,0.27); z-index: 1;}
.indexThre .list li::before {content: ''; z-index: -1; position: absolute; width: 100%; height: 0; left: 0; bottom: 0; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.001) 20%, #0075CC 100%); transition: .5s;  }
.indexThre .list li a {display: block; padding: 0 1.25rem; padding-bottom: 7.5rem; width: 100%; height: 100%;display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.indexThre .list li .icBox {height: 5rem; visibility: visible !important;}
.indexThre .list li .icBox img {min-height: 80%; max-height: 100%; object-fit: contain; filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(343deg) brightness(109%) contrast(200%);}
.indexThre .list li .p1 {position: relative; margin-top: 2.5rem; display: inline-block; color: #fff; font-size: var(--font24);transition: .5s; visibility: visible !important;}
.indexThre .list li .text {max-height: 0; transition: .6s; opacity: 0;}
.indexThre .list li .more {opacity: 0; transition: .6s;}
.indexThre .list li::after {position: absolute; content: '';height: 3.75rem; right: -1px; width: 2px; background: #0075CC; animation: top100 1.5s linear infinite; }
.indexThre .list li .imgBox {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; display: none;}
.indexThre .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .list li:nth-child(odd)::after {animation-delay: 1s;}
@media (any-hover: hover) {
  .indexThre .list li:hover .text {max-height: 12.5rem;margin-top: 1.875rem; opacity: 1;} 
  .indexThre .list li:hover .more {margin-top: 5.625rem; opacity: 1;}
  .indexThre .list li:hover::before {height: 100%;}
}
.indexThre .list .bjBox .img.active {opacity: 1; transform: scale(1);}
.indexThre .tle {z-index: 1; top: calc(10% + 6rem);}

.indexFour {position: relative; overflow: hidden;}
.indexFour .slide_box {height: 100%; padding-top: 5%;}
.indexFour .swiperBox {margin-top: 3.75rem; position: relative; width: 110%;}
.indexFour .swiper {position: static; --swiper-theme-color: #113EFF;}
.indexFour .slide::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/indexFour-slide-img-bj.jpg) no-repeat center; background-size: cover; transition: .5s;}
.indexFour .slide .imgBox {position: relative; padding-bottom: 124%;}
.indexFour .slide .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
.indexFour .slide .imgBox img {position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover;}
.indexFour .slide a {position: absolute; padding: 2.5rem 1.25rem; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: space-between; flex-direction: column;}
.indexFour .slide .p2 {margin-top: 1.25rem; transition: .5s;}
.indexFour .slide .bom {padding-top: 1.25rem; border-top: 1px solid #F6F7F8;}
.indexFour .slide .p1 {transition: .5s;}
/* 控价 */
.indexFour .pagtion {bottom: -3rem;}

@media (any-hover: hover) {
  .indexFour .slide:hover::after {opacity: 0;}
  .indexFour .slide:hover .p1 {color: #fff;}
  .indexFour .slide:hover .p2 {color: #fff;}
  .indexFour .slide:hover .bom {border-top-color: rgba(246, 247, 248, 1);}
  .indexFour .slide:hover .time {color: #fff;}
  .indexFour .slide:hover .more {color: #fff;}
}


/* =====底部 */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover;}
.footer .foter_top {padding: 1.875rem 0; padding-top: 3.75rem; border-bottom: 1px solid rgba(255, 255, 255, .12);}
.footer_logo img {max-width: 80%; object-fit: contain;}
.foter_top .links ul {display: flex; gap: 1.25rem;}
.foter_top .links li a {width: 2.75rem; height: 2.75rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(0, 0, 0, .3); transition: .5s;}
.foter_top .links li a:hover {background: #fff;}
.foter_top .links li a svg {width: 50%; height: 50%; object-fit: contain;}
.foter_top .links li a svg path {fill: #fff; transition: .5s;}
.foter_top .links li a:hover svg path {fill:revert-layer;}
.foter_top .links ul {display: flex; }
.foterBox {display: flex; justify-content: space-between;}
.foterBox .xian {width: 1px; background: rgba(255, 255, 255, .12);}
.foternav {padding-top: 3.25rem; padding-bottom: 6.25rem; width: 65%; padding-right: 3.75rem;display: flex; justify-content: space-between;}
.foternav dl dt {font-size: var(--font18); font-weight: 700; color: #fff; margin-bottom: 1.25rem;}
.foternav dl dt::after {content: ''; display: block; width: 1.125rem; height: .188rem; background: #fff; margin-top: .625rem;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a {color: rgba(255, 255, 255, .7); font-size: var(--font15);}
.foternav dl dd a:hover {color: #fff;}
.foter_us {flex: 1; display: flex; justify-content: space-between; align-items: flex-start; padding-left: 3.75rem;padding-top: 3.25rem;}
.foter_us .code {width: 11rem; padding: 1rem; box-sizing: border-box;border: 1px solid rgba(255, 255, 255, .2) }
.foter_us .code img {width: 100%;}
.foter_us .code span {display: block; text-align: center; color: rgba(255, 255, 255, .4); margin-top: 1rem;}
.foter_us .info_us .item {margin-top: 1.25rem;}
.foter_us .info_us .item .i1 {font-size: var(--font15); color: rgba(255, 255, 255, .5);}
.foter_us .info_us .item .i2 { color: #fff;}
.foter_us .info_us .item .i2 a {font-weight: 700; color: #fff;} 

.copyRight {padding: 1.25rem 0; border-top: 1px solid rgba(255, 255, 255, .12);}
.copyRight p ,.copyRight p a {font-size: var(--font15); color: rgba(255, 255, 255, .7);}
.copyRight p a:hover {color: #fff;}

/* =================================================================================================内页 */

/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {overflow: hidden;}
.ny-banner .imgBox img {width: 100%; object-fit: cover; min-height: 16rem;}
.ny-banner .box {}
.ny-banner .box .p2 {line-height: 1.2;}

.banner_nav {position: absolute; left: 50%; transform: translateX(-50%); bottom: 10%;}
.banner_nav ul {display: flex;}
.banner_nav li {position: relative; font-size: var(--font18);}
.banner_nav li::after {content: '/'; color: #fff; margin: 0 2.5rem;}
.banner_nav li:last-child::after {display: none;}
.banner_nav li a {color: #fff; position: relative; z-index: 1;}
.banner_nav li a::after {content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; transition: .5s; width: 0; height: .375rem; background: #0075CC;}
.banner_nav li.on a::after {width: 100%;}
@media (any-hover: hover) {
  .banner_nav li a:hover::after {width: 100%;}
}

.ny-banner2 .tle .t1 {color: rgba(255, 255, 255, .5);}
.ny-banner2 .mbx {position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); color: #fff !important;}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #fff; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #0075CC !important;}


/* ==============关于我们 */
.aboutTle .t2 {line-height: 1.2;}
.aboutTle .xian {display: inline-block; border-radius: 3px; height: .313rem; width: 4rem; background: #003E9F;}

.aboutOne {background: #EFEFEF; padding: 6.25rem 0 12.5rem;}
.aboutOne .numlist ul {row-gap: 6.25rem;}
.aboutOne .numlist li {width: 50%;}
.aboutOne .numlist li .num {display: flex; align-items: flex-start; line-height: 1;}
.aboutOne .numlist li .dw {font-weight: 700; margin-left: .625rem;}
.aboutOne .numlist li:last-child .num {align-items: flex-end;}
.aboutOne .numlist li p {margin-top: .625rem;}
.aboutOne .box {margin-top: 4.375rem;}
.aboutOne .left {width: 50%;}
.aboutOne .right {width: 50%;}
.aboutOne .right p {line-height: 1.8; margin-bottom: 2rem; color: #666666;}

.aboutTwo {padding: 7.5rem 0;}
.aboutTwo .list {margin-top: 3.75rem;}
.aboutTwo .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 5.625rem;}
.aboutTwo .list li {background: rgba(239, 239, 239,.7); border-radius: .625rem; padding: 3.75rem 5rem; text-align: center;}
.aboutTwo .list li .icBox {height: 3.75rem; display: flex; justify-content: center; align-items: center;}
.aboutTwo .list li .icBox img {max-height: 100%; min-height: 80%; object-fit: contain;}
.aboutTwo .list li .p1 {font-size: var(--font30); font-weight: 700; color: #1C519B; margin-top: 1.875rem;}
.aboutTwo .list li .p2 {margin-top: 2.5rem;color: #666666;font-size: var(--font20);}

.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: 20rem;opacity: 0.1;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700; line-height: 1;}
.aboutThre .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; min-height: 18.75rem; display: flex; align-items: center;}
.aboutThre .swiperBox2 .slide .con {padding: 1.875rem 0; max-width: 80%; margin: auto;}
.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: #fff; background-size: contain; opacity: 0; left: 50%; top: 50%;border-radius: 50%; 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: 1; background: #fff;}
.aboutThre .swiperBox3 .swiper-slide-thumb-active .c-dot::before {opacity: 1; transform: rotate(0);animation: scalemap 2s linear infinite; }
.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: #fff; transition: .5s;}
.aboutFour .jtBox .swjt i {color: #666; font-size: var(--font22); opacity: .5;}
.aboutFour .jtBox .swjt:active {background: #0075CC;}
.aboutFour .jtBox .swjt:active i {color: #fff; opacity: 1;}
@media (any-hover: hover) {
  .aboutFour .jtBox .swjt:hover {background: #0075CC;}
  .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}
.aboutFour .pagtion {width: 40%; top: auto; bottom: -8.75rem; left: 50%; transform: translateX(-50%); background: #DFDFDF; }
.aboutFour .pagtion .swiper-pagination-progressbar-fill {background: #0075CC;}

/* ==============产品与应用 */
.proOne .thumbBox {padding: 5rem 0; position: relative;}
.proOne .thumbBox::after {content: ''; position: absolute; width: 100%; height: 1px;background: #E9E9E9; top: 0; left: 0; top: 51%;}
.proOne .swiperOne .swiper-wrapper{justify-content: space-around;}
.proOne .swiperOne .slide {text-align: center; cursor: pointer; width: auto;}
.proOne .swiperOne .slide .icBox {height: 3.25rem; display: flex; align-items: center; justify-content: center;} 
.proOne .swiperOne .slide .icBox img {max-height: 100%; min-height: 80%; object-fit: contain;filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.proOne .swiperOne .slide .cirle {position: relative;width: .625rem; height: .625rem; border-radius: 50%; margin: 0 auto; margin-top: 1.25rem;}
.proOne .swiperOne .slide .cirle i {display: block; width: 100%; height: 100%;  border-radius: 50%; background: #CBCBCB; position: relative; z-index: 2;}
.proOne .swiperOne .slide .cirle::after {content: ''; opacity: 0; position: absolute; width: 200%; height: 200%; border-radius: 50%; background: #0075CC; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.proOne .swiperOne .slide .tit {margin-top: 2.25rem; color: #707070; font-size: var(--font20); transition: .45s;}
.proOne .swiperOne .slide.swiper-slide-thumb-active .icBox img {filter: none; -webkit-filter:none; opacity: 1;}
.proOne .swiperOne .slide.swiper-slide-thumb-active .cirle i {background: #0075CC;}
.proOne .swiperOne .slide.swiper-slide-thumb-active .cirle::after {animation: scalemap 2s linear infinite; }
.proOne .swiperOne .slide.swiper-slide-thumb-active .tit {color: #0075CC; font-weight: 700;}
.proOne .swiperTwo .slide:nth-child(even) .slide_box {flex-direction: row-reverse;}
.proOne .swiperTwo .slide_box {display: flex;background: #ededed;}
.proOne .swiperTwo .info {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 2.5rem 8%;}
.proOne .swiperTwo .slide .imgBox {width: 50%;}
.proOne .swiperTwo .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.proOne .swiperTwo .info .p1 {font-size: var(--font48); color: #333; font-weight: 700;}
.proOne .swiperTwo .info .p2 {font-size: var(--font18); color: #666666; margin-top: 3rem; line-height: 1.7;}
.proOne .swiperTwo .info .more {margin-top: 4.5rem;}

.proTwo {padding: 5rem 0;}
.proTwo .list {margin-top: 5rem;}
.proTwo .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem;}
.proTwo .list li {background: url(../images/proTwo-img-bj.jpg) no-repeat center; background-size: cover; height: 31.25rem;text-align: center;}
.proTwo .list li a {display: block; padding: 1.25rem; height: 100%;}
.proTwo .list li .imgBox {height: 80%; display: flex; align-items: center; justify-content: center; position: relative;}
.proTwo .list li .imgBox img {min-width: 50%; max-width: 100%; max-height: 100%; object-fit: contain;}
.proTwo .list li .icBox {width: 4.875rem; height: 4.875rem; background: #0000FE url(../images/search-icon.png) no-repeat center; background-size: contain; background-size: 45%; border-radius: 50%;   position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0; transition: .5s;}
.proTwo .list li .tit {font-size: var(--font22); color: #333; margin-top: 1.25rem;}
@media (any-hover: hover) {
 .proTwo .list li:hover .icBox {transform: translate(-50%,-50%) scale(1); opacity: 1;}
}



/* =====产品详情===== */
.proDate {}
.proDate .box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.proDate .box .le {width: 20%; min-width: 12.5rem; padding: 6.25rem 0; padding-left: 3.125rem; padding-right: 1.25rem; position: sticky; top: 7rem; background: #EDF7FF;}
.proDate .box .re {flex: 1;margin-left: 6.25rem; padding-top: 6.25rem;}
/* 左侧产品栏目 */
.proDate .menu {padding-left: 1.25rem; position: relative; position: sticky; top: 7rem;}
.proDate .menu::before {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: #666666; opacity: .2;}
.proDate .menu .menu-li {display: flex; align-items: center; font-size: var(--font20); margin-top: 1.5rem;}
.proDate .menu .menu-li a { color: #333; font-weight: 700; position: relative;}
.proDate .menu .menu-li a::after {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%) translateX(calc(-50% - 1.25rem)); border-radius: 50%; width: .5rem; height: .5rem; background: #0075CC; transition: .3s; opacity: 0;}
.proDate .menu .menu-li i {font-size: var(--font16);margin-left: .625rem; transition: .5s; display: inline-block;}
.proDate .menu .s-menu {padding-top: .625rem; display: none;}
.proDate .menu .s-menu a {display: block; position: relative; padding-left: 1rem; margin-bottom: .625rem;}
.proDate .menu .s-menu a::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: .25rem; height: .25rem; border-radius: 50%; background: #666666;}
/* 锁定样式 */
.proDate .menu .menu-li.on i {transform: rotate(180deg);}
.proDate .menu .menu-li.on a::after {opacity: 1;}
.proDate .menu .menu-li:hover a::after {opacity: 1;}
.proDate .menu .s-menu.on {display: block;}
.proDate .menu .s-menu a:hover {color: #0075CC;}
.proDate .menu .s-menu a.on {color: #0075CC;}

/* 右侧产品详情 */
.proDate .re {padding-right: 10rem;}
.proDate .re img {max-width: 100%;}
.proDate .date_tit {position: relative; display: flex; align-items: center;}
.proDate .date_tit::before {content: ''; width: .75rem; height: .75rem; background: #0075CC; border-radius: 50%; margin-right: .313rem;}
.proDate .date_one {margin-top: 1.25rem;}
.proDate .date_one .text {margin-top: 1.25rem;}
.proDate .date_one .left {width: 55%;}
.proDate .date_one .right {width: 40%;}
.proDate .date_one .right img {width: 100%;}
.proDate .date_two {padding: 3.75rem 0;} 
.proDate .date_two .list dl {display: flex; justify-content: space-between;}
.proDate .date_two .list {margin-top: 3.75rem;}
.proDate .date_two .list dd {text-align: center; width: 22%;} 
.proDate .date_two .list dd .icBox {width: 6.25rem; height: 6.25rem; margin: auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #F0F9FF;}
.proDate .date_two .list dd .icBox img {max-width: 50%; min-width: 40%;}
.proDate .date_two .list dd .p1 {margin-top: 1.25rem;}
.proDate .date_two .list dd .p2 {margin-top: .75rem;}
.proDate .date_thre {padding: 3.75rem 0;}
.proDate .date_thre .con {margin-top: 1.875rem;}




/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #004E91; z-index: 9;}
/* 遮罩层样式 */
.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) {
  .proDate .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proDate {position: relative;}
  .proDate .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: 1rem;}
  .proDate .box .le.show {left: 0; overflow-y: auto;}
  .proDate .menu {position: relative; top: 0;}
  .proDate .box .re {width: 100%;}
  .filter-toggle {display: block;}
}


/* ===============设备中心 */
.equip {position: relative;}
.equip .menu {width: 13%; position: relative; top: 0; padding-top: 6.25rem; z-index: 1;}
.equip .menu::before {content: ''; position: absolute;height: 100%; right: 0; width: 100vw; top: 0; background: rgba(240,240,240,0.6); z-index: -1;}
.equip .right {flex: 1; }
.equip .box {display: flex;}
.equip .menu ul {position: sticky; top: 8rem;}
.equip .menu ul li {margin-bottom: 1.875rem;}
.equip .menu ul li a {font-size: var(--font20); color: #666; position: relative; padding-bottom: .5rem;}
.equip .menu ul li a::after {content: ''; position: absolute; width: 0; border-radius: 2px; height: .188rem; background: #0075CC; bottom: 0; left: 0; transition: .45s;}
.equip .menu ul li.on a::after {width: 50%;}
.equip .menu ul li.on a {color: #0075CC;}
@media (any-hover: hover) {
  .equip .menu ul li a:hover::after {width: 50%;}
  .equip .menu ul li a:hover {color: #0075CC;}
}
.equip .right {padding: 6.25rem 0;padding-left: 4.375rem;}
.equip .list {margin-top: 4.375rem;}
.equip .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.equip .list li {box-shadow: 0px 0px 1.125rem 0px rgba(0,0,0,0.03);}
.equip .list li a {display: block; padding: 1.25rem;}
.equip .list li .imgBox {position: relative; padding-bottom: 65%; overflow: hidden;border-radius: 1rem;}
.equip .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.equip .list li .more {margin-top: 1.25rem;}
.equip .list li .jt {width: 2.375rem; height: 2.375rem; border-radius: 50%;background: #E3E3E3; transform: rotate(180deg); flex-shrink: 0; transition: .5s;}
.equip .list li .jt i {font-size: var(--font12); color: #fff;}
@media (any-hover: hover) {
  .equip .list li:hover .imgBox img {transform: scale(1.1);}
  .equip .list li:hover .jt {background: #0075CC;}
}


/* =====新闻与活动===== */
.news {padding: 2.5rem 0 6.25rem;}
.news .box {align-items: flex-start; flex-direction: row-reverse;}
.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: #0075CC;}
@media (any-hover: hover) {
  .news .box .nav li:hover a {color: #fff;background: #0075CC;}
}
.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: 28%; 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; margin-top: 5rem;}
.news {padding: 0;}
.news .menu {box-shadow: 0rem 0rem 1.25rem 0rem rgba(6,0,1,0.06); padding: 2.5rem 0; margin-bottom: 3.125rem;}
.news .menu .tit {border-left: .625rem solid #0075CC; padding: 0 1.25rem;}
.news .menu .tit h3 {position: relative;}
.news .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
.news .menu ul {padding: 0 1.25rem; margin-top: 3.75rem;}
.news .menu li { margin-top: 1.25rem;}
.news .menu li .menu-li {display: flex; justify-content: space-between;padding: .625rem 1.25rem; min-height: 40px; cursor: pointer;background: #f8f8f8;}
.news .menu li .menu-li a {color: #333; display: flex; align-items: center;font-size: var(--font18);}
.news .menu li .menu-li .more {width: .875rem; position: relative;}
.news .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;}
.news .menu li .menu-li .more i.jia {opacity: 1;}
.news .menu li .menu-li:hover a {color: #0075CC;}
.news .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;}
.news .menu li .s-menu a:hover {color: #0075CC;}
.news .menu li .menu-li.on {background: none;}
.news .menu li .menu-li.on a {font-family: 'popMedium';}
.news .menu li .menu-li.on .more i.jia {opacity: 0;}
.news .menu li .menu-li.on .more i.jian {opacity: 1;}
.news .menu li .s-menu.on {display: block;}
.news .menu2 dl {margin-top: 2.75rem;}
.news .menu2 dd {padding: 1.25rem 0; margin-top: 0; border-bottom: 1px solid #E5E5E5;}
.news .menu2 dd:last-child {border-bottom: none;}
.news .menu2 dd a {align-items: initial;}
.news .menu2 dd .imgBox {width: 30%; min-height: 5rem; overflow: hidden;}
.news .menu2 dd .imgBox img {height: 100%; width: 100%; object-fit: cover;}
.menu2 dl {padding: 0 1.25rem;margin-top: 3.75rem;}
.menu2 dd {margin-top: 1.5rem;}
.menu2 dd a {display: flex; align-items: center; justify-content: space-between;}
.menu2 dd .imgBox {width: 20%;}
.menu2 dd .imgBox img {width: 100%; transition: .5s;}
.menu2 dd .con {flex: 1; margin-left: 1.25rem;}
.menu2 dd .tit2 {transition: .5s;}
.menu2 dd:hover .tit2 {color: #0084CD;}
.menu2 dd:hover .imgBox img {transform: scale(1.05);}
/* ==========新闻详情 */
.newsDateMain {background: #f9f9f9; }
.newsDateMain .mbx {background: #fff; padding: 1.25rem 0;}
.newsDateMain .mbx .layui-breadcrumb::before {color: #333;}
.newsDateMain .mbx .layui-breadcrumb>* {color: #333 !important;}
.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);}
}


/* =========加入我们 */
.joinOne {padding: 7.5rem 0;}
.joinOne .box {display: flex; justify-content: space-between; align-items: center; }
.joinOne .le {width: 48%;}
.joinOne .re {width: 50%;border-radius: 1.25rem; overflow: hidden;}
.joinOne .re img {width: 100%;}
.joinOne .le .tit {line-height: 1.2;}
.joinOne dl {margin-top: 3.75rem;}
.joinOne dd {margin: 1rem 0; font-size: var(--font18);color: #444; position: relative; display: flex; align-items: center;}
.joinOne dd::before {content: ''; width: .375rem; height: .375rem; background: #1c519b; border-radius: 50%; margin-right: 1.25rem;}

.talentTwo {background: url(../images/talentTwo-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0;}
.talentTwo .box {margin-top: 5rem;}
.talentTwo ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.talentTwo ul li {min-height: 9.375rem; padding: 1.25rem;border-radius: .625rem;display: flex; align-items: center;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease; background: #fff;}
.talentTwo ul li .ico_box {width: 5.625rem;height: 5.625rem;border-radius: 50%; padding: 1rem; background: url(../images/talentTwo-icon-bj.png) no-repeat center;background-size: cover;margin-right: 1.25rem; flex-shrink: 0;}
.talentTwo ul li .ico_box img {-webkit-transition: transform .6s ease;transition: transform .6s ease; max-width: 100%; min-width: 50%; max-height: 100%; min-height: 50%; object-fit: contain;}
.talentTwo ul li .tit {font-size: var(--font22); color: #333; font-weight: 700;}
.talentTwo ul li .des {margin-top: .625rem; color: #666;}
.talentTwo ul li:hover {box-shadow: inset 0 0 .625rem .313rem rgba(20,88,228, .6);}
.talentTwo ul li:hover .ico_box img {transform: rotateY(180deg);}

.talentThre {padding: 5rem 0 6.25rem;}
.talentThre .talentTle {text-align: center;}
.talentThre .box {margin-top: 3.125rem;}
.talentThre li {margin-top: 1.25rem; overflow: hidden;}
.talentThre li dl {display: flex; padding: 1.25rem 1.875rem; padding-left: 3.75rem; background: #f4f4f4; align-items: center;border-radius: .438rem; cursor: pointer; transition: .5s;}
.talentThre li dd {width: calc(100% / 4); display: flex; align-items: center; padding: 0 1.875rem; box-sizing: border-box;}
.talentThre li dd:first-child {width: 40%; padding: 0;}
.talentThre li dd:last-child {width: 1.25rem; position: relative;}
.talentThre li dd i {margin-right: .625rem; width: 1.5rem; height: 1.5rem;}
.talentThre li dd i svg {width: 100%; height: 100%; object-fit: contain;}
.talentThre li dd .name { font-size: var(--font18); font-weight: 700;}
.talentThre li .btn div {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .5s; width: 1.375rem; height: 1.375rem;}
.talentThre li .btn div svg {width: 100%; height: 100%; object-fit: contain;}
.talentThre li .btn .jia {opacity: 1;}
.talentThre li .btn .jia svg path {fill: #1A4A6F;}
.talentThre li .btn .jian {opacity: 0;}
.talentThre li .btn .jian svg path {fill: #fff;}
.talentThre .info {background: #fff; padding: 1.875rem 3.75rem; padding-bottom: 3.75rem; box-sizing: border-box; display: none;}
.talentThre .info .more {margin-top: 1.875rem;}
.talentThre .info .more a {background: #0074CA;border-radius: 3.125rem; display: inline-flex; padding: .875rem 1.563rem;}
.talentThre .info .more a span {color: #ffffff; font-size: var(--font15); margin-right: 1.875rem;}
.talentThre .info .more a:hover {box-shadow: 0 0 .625rem #0074CA;}
.talentThre .info .more a:active {box-shadow: 0 0 .625rem #0074CA;}
.talentThre li.on dl {background: #0074CA; color: #fff;}
.talentThre li.on i svg path {fill: #fff;}
.talentThre li.on .btn .jian {opacity: 1;}
.talentThre li.on .btn .jia {opacity: 0;}



/* ==========联系我们 */
.tactOne {margin: 8.25rem 0; position: relative;}
.tactOne .right {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 50%;}
.tactOne .right img {width: 100%; height: auto; object-fit: contain;}
.tactOne .left .tel_box {margin-top: 5rem;}
.tactOne .left .tel_box .ml-30 {line-height: 1.2;}
.tactOne .left .tel_box img {width: 2.875rem;}
.tactOne .left .le_us {margin-top: 3.75rem;}
.tactOne .left .le_us p {line-height: 2;}
.tactOne .left .le_us p ,.tactOne .left .le_us p a {font-size: var(--font22); color: #333333;}
.tactOne .left .btn_code {margin-top: 3.75rem; position: relative; display: inline-block;}
.tactOne .left .btn_code .btn {background: #113EFF; border-radius: 6.25rem;  padding: 1rem 1.5rem; display: inline-flex; align-items: center; color: #fff;}
.tactOne .left .btn_code .btn svg {width: 1.5rem; height: 1.25rem; margin-right: .313rem;}
.tactOne .left .btn_code .btn svg path {fill: #fff;}
.tactOne .left .btn_code .code {width: 10rem; position: absolute; transform: translateX(110%) translateY(-50%); right: 0; top: 50%; margin-top: .625rem; box-shadow: 0rem 0rem 1.25rem 0rem rgba(6,0,1,0.06); border-radius: .625rem; padding: .313rem ; transition: .5s; opacity: 0; visibility: hidden; z-index: 2;}
.tactOne .left .btn_code .code img {width: 100%;}
.tactOne .left .btn_code:hover .code {opacity: 1; visibility: visible;}

.tactTwo {background: url(../images/tactTwo-bj.jpg) no-repeat center; background-size: cover; padding: 5rem 0;}
.tactTwo .form {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.875rem;}
.tactTwo .form .inBox {margin-bottom: .75rem; width: 49.5%;}
.tactTwo .form input {height: 4.25rem; background: #fff; width: 100%; padding: 0 1.5rem; border-radius: .625rem;}
.tactTwo .form input::-webkit-input-placeholder {color: #333;}
.tactTwo .form input::-moz-placeholder {color: #333;}
.tactTwo .form input::-ms-input-placeholder {color: #333;}
.tactTwo .form textarea {height: 16.25rem; background: #fff; width: 100%; padding: 1.25rem; border-radius: .625rem; box-sizing: border-box; resize: none;}
.tactTwo .form textarea::-webkit-input-placeholder {color: #333;}
.tactTwo .form textarea::-moz-placeholder {color: #333;}
.tactTwo .form textarea::-ms-input-placeholder {color: #333;}
.tactTwo .form .intent {width: 100%;}
.tactTwo .form .inCode {position: relative;}
.tactTwo .form .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; width: 100%;}
.tactTwo .form .inSub button {width: 10rem; height: 3.375rem;background: #333333; color: #fff; border: 0; border-radius: 6.25rem;  font-size: var(--font16);} 
.layui-form-select dl {top: 100%; }
.layui-form-select dl dd {line-height: initial; padding: .625rem;}