/* #c-placeholder {height: 16px;min-height: 5rem;} */
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; background: #fff;}
.headBox {height: 5.25rem; display: flex; justify-content: space-between; align-items: center; border-bottom: .063rem solid #eee;}
.headBox .logo {padding: .625rem 0;}
.headBox .logo img {max-height: 100%; min-height: 3.5rem; object-fit: contain;}


/* 导航 */
/* 取消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 {width: 60%;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: #020D26 !important;position: relative; z-index: 1; padding: 0 !important; font-size: var(--font20);}
nav .layui-nav .layui-nav-item::after {content: '' !important; display: block !important; position: absolute; left: 0; bottom: 0; width: 0; border-radius: .188rem; left: 50%; height: .313rem; background: #FF0000; transition: .5s;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {color: #FF0000 !important;}
nav .layui-nav .layui-nav-item:hover::after, nav .layui-nav .layui-this::after {width: 100%; left: 0;}
nav .layui-nav > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-more {top: 50%; right: 0; transform: translateX(150%) translateY(-50%); font-size: var(--font14);}
/* 子菜单 */
nav .layui-nav .layui-nav-child {top: 100%; line-height: initial;}
nav .layui-nav .layui-nav-child a {padding: .625rem 1.25rem; font-size: var(--font16); border-bottom: .063rem solid #eee;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #FF0000 !important;}

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

/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(255, 255, 255,.9);   display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 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%;}

/* 头部表单 */
.head_form {}
.head_form a {display: block; background: #2D2DFF; padding: .5rem 1.25rem; color: #fff; border-radius: 6.25rem;}
/* 留言弹出层 */
.modelPop {display: none;}
.c-sub-pop .layui-layer-setwin .layui-layer-close2 {display: flex;justify-content: center;align-items: center;width: 1.75rem; height: 1.75rem; font-size: 1rem; top: -1.75rem; right: -1.75rem;}
.c-sub-pop .c-box {padding: 1.875rem;}
.c-sub-pop .c-box .tit {color: #333; font-size: 1.875rem; margin-top: 1.25rem; font-weight: 600; text-align: center;}
.c-sub-pop .c-box .inBox {margin-top: 1.25rem; position: relative;  border-radius: 5px}
.c-sub-pop .c-box .inBox input {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px; height: 3.625rem; min-height: 45px; width: 100%; padding: 0 .625rem;box-sizing: border-box;}
.c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
.c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}
.c-sub-pop .c-box .incode input {width: calc(100% - 7.5rem); border-color: transparent;}
.c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 7.25rem; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
.c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: 2.5rem;}
.c-sub-pop .c-box .insub button {font-size: var(--font16); cursor: pointer; height: auto; line-height: initial; border-radius: 1.875rem; background: #010834; border: 0;  padding: .938rem 3.125rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
.c-sub-pop .c-box .insub button:active {box-shadow: 0 0 5px #010834;}
@media screen and (min-width: 200px) and (max-width: 768px){
  .c-sub-pop .c-box .c-close {margin-top: -15px;margin-right: -15px;}
  .c-sub-pop .c-box { padding: 1.563rem;}
  .c-sub-pop .c-box .tit {font-size: 1.5rem;}
  .c-sub-pop .c-box .inBox input {min-height: 40px;}
  .c-sub-pop .c-box .inBox img {width: 5.5rem; height: 2.25rem;}
}

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

/* ===============公用css end!!!!===================*/
.more1 {padding: .875rem 1.375rem;background: #2D2DFF; color: #fff; display: inline-flex; transition: .5s; border-radius: 6.25rem;}
.more1 span {margin-right: 1rem;}
.more1 i {transform: rotate(180deg);font-size: var(--font14);}
.more1:hover {box-shadow: 0 0 0 .5rem rgba(45, 45, 255, 0.2);}

.more2 {background: #fff; color: #333;}
.more2:hover {box-shadow: 0 0 0 .5rem rgba(255, 255, 255, 0.2);}

.more3 {padding: .875rem 1.875rem;}
.more3 span {margin-right: 0;}

/* ======首页======= */
/* banner */
.indexBanner .swiper {}
.indexBanner .swiper .slide {background: #303030;}
.indexBanner .swiper .slide .imgBox video , .indexBanner .swiper .slide .imgBox img {width: 100%;object-fit: cover; transition: 1s linear 2s;transform: scale(1.1, 1.1);}
/* 当前 */
.indexBanner .swiper .swiper-slide-active .imgBox img, .indexBanner .swiper .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .swiper .pagtion {bottom: 30px;}
.indexBanner .swiper .pagtion span {opacity: 1; width: .75rem; height: .75rem; background: #fff; margin: 0 .313rem !important;}
.indexBanner .swiper .pagtion span.swiper-pagination-bullet-active {background: #FF0000;}

.indexOne {padding: 5.625rem 0;}
.indexOne .left .more {margin-top: 3.75rem;}
.indexOne .right {width: 64%;}
.indexOne dl {margin-top: 3.125rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5rem;}
.indexOne dl dd .icBox {height: 3.125rem; display: flex; align-items: center;}
.indexOne dl dd .icBox img {max-height: 100%; min-height: 2.5rem; object-fit: contain;}

.indexTwo {padding: 5.625rem 0; background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.indexTwo .left {width: 57%;}
.indexTwo .right {width: 37%;border-radius: 1.25rem; overflow: hidden;}
.indexTwo .right img {width: 100%; object-fit: contain;}
.indexTwo .left .text {line-height: 1.4;}
.indexTwo .left .name {margin-top: 4.125rem;}
.indexTwo .left .name img {width: 60%; object-fit: contain;}

.indexThre li {padding: 5rem 0;}
.indexThre li .li_box {position: relative;}
.indexThre li .indexTle {line-height: 1.1;}
.indexThre li .box {display: flex;}
.indexThre li .left {width: 45%;}
.indexThre li .left .desc {margin-top: 3.75rem;}
.indexThre li .left .desc a {margin: .625rem 0; display: block; font-size: var(--font20); position: relative; display: flex; align-items: center;}
.indexThre li .left .desc a::before {content: ''; width: .5rem; height: .5rem; background: #CECECE; border-radius: 50%; margin-right: .625rem;}
.indexThre li .more {margin-top: 4.375rem;}
.indexThre li .left .desc a:hover {color: #2D2DFF; font-weight: 700;}
.indexThre li .left .desc a:hover::before {background: #2D2DFF;}
.indexThre li .right {width: 50%; position: absolute; height: 100%;right: 0;bottom: 0; text-align: right; overflow: hidden;}
.indexThre li .right img { object-fit: contain;max-width: 100%; height: 100%;}
.indexThre li:nth-child(even) {background: #eef3f7;}
.indexThre li:nth-child(even) .right {right: auto; left: 0;}
.indexThre li:nth-child(even) .box {justify-content: flex-end;}

.indexFour {background: #2d2dff; padding-top: 6.25rem;}
.indexFour .more {margin-top: 2.5rem;}
.indexFour .bom {position: relative; z-index: 1; margin-top: 3.75rem;}
.indexFour .bom::after {content: ''; width: 100%; height: calc(100% - 5.375rem); position: absolute; bottom: 0; left: 0; background:#fff; z-index: -1;}
.indexFour .bom .list {background: #ffffff;box-shadow: 0px 0px 32px 0px rgba(69,69,69,0.12); padding: 3.75rem 0;}
.indexFour .bom .list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexFour .bom .list li {width: calc(100% / 3); text-align: center; padding: 0 3.75rem; position: relative; border-right: 1px solid #F3F3F3;}
.indexFour .bom .list li .p2 {font-size: var(--font14);}

.indexFive {padding: 6.25rem 0;} 
.indexFive .list {margin-top: 3.125rem;}
.indexFive .list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;}
.indexFive .list li {position: relative; overflow: hidden;}
.indexFive .list li .bjBox {position: relative;}
.indexFive .list li .bjBox img {width: 100%; object-fit: cover; transition: .5s;}
.indexFive .list li .bjBox::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 0%, rgba(0, 0, 0, 0.8) 100%); }
.indexFive .list li .info {position: absolute; width: 100%; bottom: 12%; left: 0; padding-left: 1.875rem; padding-right: .625rem;}
.indexFive .list li:hover .bjBox img {transform: scale(1.1); transition: .5s;}

.indexSix {background: #eef3f7;padding: 5.625rem 0;}
.indexSix .swiperBox {margin-top: 4.375rem; position: relative;}
.indexSix .swiper {position: static;}
.indexSix .swiper .slide .imgBox {overflow: hidden;}
.indexSix .swiper .slide .imgBox img {width: 100%; transition: .5s;}
.indexSix .swiper .slide:hover .imgBox img { transform: scale(1.1);}
.indexSix .swjt {right: 0; transform: translateX(250%);}
.indexSix .swjt i {color: #c1ced9;}
.indexSix .swjt.swiper-button-prev {left: 0; transform: translateX(-250%);}
.indexSix .swjt:hover i {color: #2d2dff;}
.indexSix .allMore {margin-top: 5.625rem;}



/* ======底部===== */
.footer {background: #f5f5f5;}
.footer .box { padding: 4.375rem 0 6.25rem;}
.footer .foter_logo img {height: 4rem;}
.footer .right {width: 73%;}
.footer .right dl dt {font-size: var(--font24);color: #020d26; font-weight: 700;margin-bottom: 1.875rem;}
.footer .right dl dd {margin-bottom: .625rem;font-size: var(--font18);}
.footer .right dl dd a:hover {color: #2D2DFF;}
.footer .right dl:last-child{display: none;}
.footer .links {margin-top: 1.875rem;}
.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: 40%; height: 40%;}
.footer .links li a svg path {fill: #A3A3A3;}
.footer .links li a:hover svg path {fill: revert-layer;}
.copyRight {background: #333333;padding: 1.875rem 0; font-size: var(--font18);}
.copyRight p , .copyRight p a {color: rgba(255,255,255,.66);}
.copyRight p a:hover {color: #fff;}



/* =============================================================内页================================================================== */
/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .imgBox {}
.ny-banner .imgBox img {width: 100%; display: grid; grid-template-columns: repeat(5,auto);}
.ny-banner .con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 92%; text-align: center; width: 100%;}
.ny-banner .con h2 {color: #ffffff;font-weight: 700; }
.mbx {font-size: var(--font18);color: #ffffff;}
.mbx a {font-size: var(--font18);color: #ffffff;}
.mbx a:hover {color: #FF0000;}

.ny_nav {border-bottom: 1px solid #eee;}
.ny_nav ul {display: flex; justify-content: center;}
.ny_nav li {margin: 0 2.5rem;}
.ny_nav li a {padding: 1.25rem 0; position: relative; display: block; font-size: var(--font18);}
.ny_nav li a::after {content: ''; width: 0; height: 2px; background: #FF0000; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: .5s;}
.ny_nav li:hover a::after {width: 100%;}
.ny_nav li.on a::after {width: 100%;}

/* =====产品与服务===== */
.proserTwo {margin-bottom: 6.25rem;}
.proserTwoTle {height: 0;}
.proserTwo ul li {padding: 6.25rem 0; background-color: #ffffff; transition: .5s;}
.proserTwo ul li:nth-child(even) {background: #f9f9f9;}
.proserTwo li .box {display: flex; justify-content: space-between; align-items: center;}
.proserTwo li h4 {font-size: var(--font40);color: #333333; }
.proserTwo li .leCon dl {margin-bottom: 2.5rem;}
.proserTwo li .leCon dl:last-child {margin-bottom: 0;}
.proserTwo li dl dt {font-size: var(--font18); color: #333; margin-bottom: 1rem;}
.proserTwo li dl dd {color: #666666; position: relative;margin: .313rem 0; padding-left: .75rem;}
.proserTwo li dl dd::before {content: "•"; position: absolute;left: 0;}
.proserTwo ul li .le {width: 47%;}
.proserTwo ul li .re {width: 50%;}
.proserTwo ul li .re img {width: 100%; border-radius: .625rem; min-height: 30rem; object-fit: cover;}
.proserTwo ul li .leCon {overflow-y: auto;  scrollbar-width:3px; scrollbar-color:#2D2DFF; padding-right: 1rem; box-sizing: border-box; margin-top: 2.5rem;}
.proserTwo ul li .leCon::-webkit-scrollbar {width: 3px;}
.proserTwo ul li .leCon::-webkit-scrollbar-thumb { background: #2D2DFF;  border-radius: 5px; }
.proserTwo ul li .leCon::-webkit-scrollbar-track { background-color: #ddd;}

/* 产品详情 */
.proDateOne .mbx {color: #666666; padding: 2.5rem 0;}
.proDateOne .mbx a {font-size: var(--font18);color: #666666;}
.proDateOne .mbx a:hover {color: #FF0000;}
.proDateOne {padding: 6rem 3%; padding-top: 0;position: relative;}
.proDateOne .left {width: 50%;position: relative;}
.proDateOne .right {width: 50%; padding-left: 3.75rem;} 
.proDateOne .swiper .slide .imgBox {overflow: hidden;}
.proDateOne .swiper .slide .imgBox img {width: 100%;}
.proDateOne .swiper .swjt {width: 2.75rem; height: 2.75rem; background: rgba(0, 0, 0, 0.5); border-radius: 50%; transition: .5s;}
.proDateOne .swiper .swjt i {color: #fff;}
.proDateOne .swiper .swjt:active {background: #fff;}
.proDateOne .swiper .swjt:active i {color: #004E91;}
@media (any-hover:hover) {
  .proDateOne .swiper .swjt:hover {background: #fff;}
  .proDateOne .swiper .swjt:hover i {color: #004E91;}
}
.proDateOne .right .tle {padding-bottom: 1.875rem;}
.proDateOne .right .info {padding: 1.25rem; border-top: 1px solid #333; border-bottom: 1px solid #333;}

.previewBox {position: absolute; right: 0; transform: translateX(100%); top: 0; width: 50%;}
.previewBox .magnifier-preview {height: calc(25rem / 2);}

.magnifier-lens {background-size: 300% !important;}


.proDateTwo {padding: 5rem 0;background: #f5f5f5;}
.proDateTwo .box {padding: 3.125rem 0;}



/* =====案例===== */
.caseList {margin: 6.25rem 0;}
.caseList ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem; margin-bottom: 3.125rem;}
.caseList ul li {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 1rem 0rem rgba(226,225,224,0.58); overflow: hidden;}
.caseList ul li .imgBox {overflow: hidden; max-height: 21.25rem;}
.caseList ul li .imgBox img {width: 100%; transition: .5s;height: 100%; object-fit: cover;}
.caseList ul li .con {padding: 2.5rem; box-sizing: border-box;}
.caseList li .time {color: #BCBCBC;font-weight: 400; font-size: var(--font14);}
.caseList li h5 {margin-top: 1rem;color: #2d2d2d; font-size: var(--font20); transition: .5s;}
.caseList li .more {background: #f3f4f8;margin-top: 1.5rem; height: 3.125rem; padding: 0 1.25rem; box-sizing: border-box; position: relative; z-index: 1;}
.caseList li .more::after {content: ""; position: absolute; z-index: -1; width: 0; background: #FF0000; left: 0; height: 100%; transition: .5s;}
.caseList li .more span {color: #979797; font-size: var(--font15);transition: .5s;}
.caseList li .more img {filter: brightness(0); -webkit-filter:brightness(0); min-height: .75rem; opacity: .5; transition: 1s;}
.caseList li:hover .imgBox img {transform: scale(1.1);}
.caseList li:hover h5 {color: #FF0000;}
.caseList li:hover .more::after {width: 100%;}
.caseList li:hover .more span {color: #fff;}
.caseList li:hover .more img {filter: none; -webkit-filter:none; opacity:1;}

/* 新闻 */
.newslist {background: #eef3f7;padding: 5.625rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.newslist li .imgBox {overflow: hidden;}
.newslist li .imgBox img {width: 100%; transition: .5s;}
.newslist li:hover .imgBox img { transform: scale(1.1);}




/* 详情 */
.joinDate {background: #f9f9f9;padding-bottom: 6.25rem;}
.joinDate .mbx {color: #666666; padding: 2.5rem 0;}
.joinDate .mbx a {font-size: var(--font18);color: #666666;}
.joinDate .mbx a:hover {color: #FF0000;}
.joinDate .box {display: flex; justify-content: space-between; align-items: flex-start;}
.joinDate .box .le {width: 71%;}
.joinDate .tle {padding-bottom: 1.875rem; border-bottom: 1px solid #CCCCCC;}
.joinDate .tle h5 {font-size: var(--font32);}
.joinDate .tle .time {color: #777777; margin-top: .625rem;}
.joinDate .dateCon {margin-top: 3.125rem;}
.joinDate .dateCon img {max-width: 100%;}
.datePage {margin-top: 5rem; background: #ffffff;border-radius: 5px; padding: 2.5rem 2rem; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap;}
.datePage > div {display: flex; align-items: center;}
.datePage > div a {color: #797979;}
.datePage > div:nth-child(2) {justify-content: flex-end;}
.datePage > div a:hover {color: #FF0000;}
.joinDate .box .re {background: #fff; width: 24%; padding: 2.5rem 1.875rem; box-sizing: border-box; border-radius: .625rem; position: sticky; top: 6rem; }
.joinDate .box .re::after {content: "";background: #FF0000; width: 65%; position: absolute; left: 50%; bottom: -1%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
.newsJob .jobTle {display: flex; align-items: center; justify-content: space-between;} 
.newsJob .jobTle h6 {font-size: var(--font24);color: #333333;}
.newsJob .jobTle a {color: #666666;}
.newsJob .jobTle a:hover {color: #FF0000;}
.newsJob ul {margin: 3.125rem 0;}
.newsJob ul li {padding: 1rem 0; border-bottom: 1px solid #eee;}
.newsJob ul li a {color: #333333;}
.newsJob ul li a:hover {color: #FF0000;}

/* 资料录入调整 */
.about_table1 {word-wrap: break-word;word-break: break-all;}
.about_table1 img {max-width: 100%; object-fit: contain;}
.about_table1 tr td {padding: .625rem;}
.about_table1 p {word-wrap: break-word;word-break: break-word;}