/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: fixed; top: 0; left: 0; z-index: 99; width: 100%;}
.headBox {padding: 0 3%;transition: .5s; height: 6.25rem; display: flex; justify-content: space-between; background: #fff;}
.headBox .logo {height: 100%;}
.headBox .logo a {height: 100%;padding: .625rem 0;}
.headBox .logo img {min-height: 5rem; max-height: 100%;}

/* 占位元素 */
#c-placeholder {height: 6.25rem;}

/* 导航 */
/* 取消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;}
.qx-style .layui-this:after,nav .layui-nav-bar {display: none;}
/* 取消layui默认样式 end!!*/

nav {width: 19%;}
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; padding: 0 !important; font-size: var(--font18); font-weight: 700;}
nav .layui-nav .layui-nav-item:hover > a, nav .layui-nav .layui-this > a {color: #004E91 !important;opacity: 1;}
nav .layui-nav .layui-nav-item > a::after {content: ''; position: absolute; width: 0; left: 50%; bottom: -0.313rem; background: #004e91;border-radius: .125rem; height: .25rem; transition: .5s;}
nav .layui-nav .layui-nav-item:hover > a::after, nav .layui-nav .layui-this > a::after {width: 100%; left: 0;}
nav .layui-nav .layui-nav-more {top: 50%;transform: translateY(-50%) translateX(200%); font-size: var(--font14);}
nav .layui-nav .layui-nav-child {top: 100%;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #004E91 !important;}

.head_info {display: flex;    height: 100%;}
.head_info .info .item {display: flex; align-items: center;}
.head_info .info .item .icBox {width: 1.25rem; height: 1.25rem; display: flex; align-items: center; margin-right: .625rem;}
.head_info .info .item .icBox img {max-width: 100%; max-height: 100%;min-height: 1rem;}
.head_info .info .item .p2 {margin-left: .313rem;}
.head_info .code {margin-left: 2.5rem; height: 100%;}
.head_info .code img {min-height: 4.375rem; max-height: 90%;}
.head_info .info .item a:hover {color: #004E91;}

/* ==================公用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 {padding: .875rem 2.625rem; background: #00519C;border-radius: 6.25rem; color: #fff; display: inline-block; transition: .5s;}
@media (any-hover:hover) {
  .more1:hover {
    -webkit-box-shadow: 0 0 0 .625rem rgba(0, 81, 156,.5);
    box-shadow: 0 0 0 .625rem rgba(0, 81, 156,.5);
  }
}

/* 首页标题 */
.indexTle .t1 {letter-spacing: .188rem;}






/* ======首页======= */
.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;}

/* 向下箭头 */
.arrow {position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%; z-index: 3;}
.arrow img {display: block; min-height: .75rem; opacity: 0; animation: arrow-animation 2s linear infinite; margin: .188rem 0;}
.arrow .jt1 {animation-delay: 0s;}
.arrow .jt2 {animation-delay: .5s;}
.arrow .jt3 {animation-delay: 1s;}
@keyframes arrow-animation {0% {opacity: 0;}33.33% { opacity: 1; }100% { opacity: 0;}}


/* 第一屏 */
.indexOne .bjBox::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5);}
.indexOne .box {position: absolute; width: 100%; left: 50%; transform: translateX(-50%); text-align: center; top: 25%;}
.indexOne .more {margin-top: 3.125rem;}

/* 第二屏 */
.indexTwo .swiper {height: 100%;}
.indexTwo .slide {overflow: hidden;}
.indexTwo .slide .info {position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: 20%; text-align: center; z-index: 1;}
.indexTwo .slide .more {margin-top: 1.25rem;}
.indexTwo .slide .slide-inner {height: 100%; background: #000;}
.indexTwo .slide .slide-inner img {width: 100%; height: 100%; object-fit: cover;opacity: 0.8;}

/* 控件 */
.indexTwo .swiper .swjt {right: 3%;}
.indexTwo .swiper .swjt i {font-size: 2.5rem; color: #fff; transition: .5s;}
.indexTwo .swiper .swjt.swiper-button-prev {left: 3%;}
.indexTwo .swiper .swjt i:active {color: #004E91;}
@media (any-hover:hover) {
  .indexTwo .swiper .swjt i:hover {color: #004E91;}
}

.indexThre .box {height: 100%; display: flex; align-items: center;}
.indexThre .numlist {margin-top: 12.5rem;}
.indexThre li {text-align: center;}
.indexThre li .num {display: flex; align-items: center;}
.indexThre li .counter , .indexThre li .dw1 {font-size: 3.75rem; color: #fff;}
.indexThre li .num_text {font-size: var(--font30);font-weight: 300; color: #fff;}
.indexThre li .dw2 {font-size: 3.5rem; color: #fff;}
.indexThre li .dw2 sup {font-size: 1.75rem;}

/* 底部 */
.foternav dl dt {color: #191919; font-size: var(--font18); margin-bottom: 1.25rem;font-weight: 700;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a {color: #5E5E5E;}
@media (any-hover:hover) {
  .foternav dl dd a:hover {color: #004E91;}
}

/* 关注 */
.footerBox {padding: 5rem 0; display: flex; justify-content: space-between;}
.foter_logo img {min-height: 5rem;}
.follow {margin-top: 2rem;}
.follow dl .ddbox {display: flex;}
.follow dl dd {margin-right: .313rem; position: relative;}
.follow dl dd .icBox {width: 3rem; height: 3rem; border-radius: 50%;background: #ffffff; display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox svg {width: 65%; height: 65%; object-fit: contain;}
.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;}

.foterInfo .tit {margin-bottom:1.5rem;color: #191919; font-size: var(--font18);font-weight: 700;}
.foterInfo dl dd {display: flex; margin-bottom: .625rem; align-items: center;}
.foterInfo dl dd .icBox {width: 1.25rem; display: flex; align-items: center; justify-content: center; margin-right: 1rem;}
.foterInfo dl dd .icBox img {max-width: 100%; min-height: 1rem;}
.foterInfo dl dd .p3 {line-height: 2;}
@media (any-hover:hover) {
  .foterInfo dl dd a:hover {color: #004E91;}
}
.footerBox .code {text-align: center;}
.footerBox .code img {width: 6.875rem;}
.footerBox .code span {color: #191919; display: block; margin-top: .625rem;}

/* 版权 */
.copyRight {padding: 1.875rem 0; border-top: 1px solid rgba(0, 0, 0,.1);}
.copyRight p , .copyRight p a {color: #5E5E5E;}
.copyRight p a:hover {color: #004E91;}


/* =====产品中心===== */

.proOne {display: flex; justify-content: space-between; align-items: flex-start;  background: #f3f3f3; padding: 6.25rem 3%;}
.proOne .lsit_nav {width: 13%; position: sticky; top: 6.25rem;}
.proOne .proList {flex: 1; max-width: calc(100% - 20%); margin-top: 2.5rem;}

/* 产品筛选 */
.proOne .lsit_nav ul {margin-top: 3.125rem;}
.proOne .lsit_nav li { border-color: #E3E3E3;padding: 1.25rem 0;}
.proOne .lsit_nav li .title { font-size: var(--font18);font-weight: 700;color: #333333; padding: 0;} 
.proOne .lsit_nav li .title i {font-size: var(--font14); left: auto; right: 0;}
.proOne .lsit_nav li .title i::before {content: '\e624';}
.proOne .layui-colla-item.layui-show>.layui-colla-title .layui-colla-icon {transform: none;}
.proOne .layui-colla-item.layui-show>.layui-colla-title .layui-colla-icon::before {content: '\e67e';}
.proOne .lsit_nav li .layui-form {margin-top: 1.25rem;}
.proOne .lsit_nav li .layui-form .layui-form-radio {display: block; line-height: initial; margin: .625rem 0; padding-right: .625rem;}
.proOne .lsit_nav li .layui-form .layui-form-radio>* {font-size: var(--font16); color: #333;}
.proOne .lsit_nav li .layui-form .layui-form-radio i {display: inline-flex; align-items: center; justify-content: center; font-size: var(--font18); color: #CECECE; width: 1.125rem; height: 1.125rem;}
.proOne .lsit_nav li .layui-form .layui-form-radio i::before {width: 100%; height: 100%;display: inline-flex;align-items: center;justify-content: center;}
.proOne .lsit_nav li .layui-form .layui-form-radioed i {color: #004E91;}

/* 去除layui样式 */
.proOne .lsit_nav ul {border: 0 !important;}
.proOne .lsit_nav li .title {border: 0; height: auto; line-height: initial; background: none;}
.proOne .lsit_nav li .title i {/* display: none; */}
.proOne .lsit_nav li .layui-form {border: 0; padding: 0;}
/* 移动端样式 */
.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;}

/* 产品列表 */
.proOne .proList .list ul {display: grid;grid-template-columns: repeat(3,1fr); gap: 2rem;}
.proOne .proList .list li {background: #ffffff;border-radius: 1rem;box-shadow: -0.813rem 0px 1.25rem .813rem rgba(0,0,0,0.03); }
.proOne .proList .list li a {padding: 1.25rem;display: block;}
.proOne .proList .list li .info {padding: 1.25rem;}
.proOne .proList .list li .imgBox {overflow: hidden;}
.proOne .proList .list li .imgBox img {width: 100%; display: block; transition: .5s;}
.proOne .proList .list li .p2 {line-height: 2; font-weight: 300;}
.proOne .proList .list li .p3 {margin-top: 1.25rem; color: #175CA4;}
@media (any-hover:hover) {
  .proOne .proList li:hover .imgBox img {transform: scale(1.05);}
}

/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .lsit_nav {width: 15%;}
}

@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .lsit_nav {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s;padding: 1rem;box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
  .proOne .lsit_nav.show {left: 0;  overflow-y: auto;}
  .proOne .proList {width: 100%;}
  .filter-toggle {display: block;}
}


/* ====产品详情==== */
.proDateMain {background: #f3f3f3;}
.proDate_nav {border-bottom: 1px solid #DADADA; padding: 0 3%;}
.proDate_nav .box {padding: .625rem 0;}
.proDate_nav .nav {display: none;}
.proDate_nav .nav ul {display: flex;}
.proDate_nav .nav li {padding: 0 3.75rem;position: relative;}
.proDate_nav .nav li::after {content: ''; position: absolute; width: 1px; height: 25%; top: 50%; transform: translateY(-50%); background: #BEBEBE; right: 0; z-index: 1;}
.proDate_nav .nav li:last-child::after {display: none;}
.proDate_nav .nav li a {display: block; padding: 1.875rem 0; position: relative; font-size: var(--font18);color: #333333;}
.proDate_nav .nav li a::after {content: ''; position: absolute; width: 0; left: 50%; bottom: 0; transform: translateY(50%); background: #004e91;border-radius: .125rem; height: .25rem; transition: .5s;}
.proDate_nav .nav li a:active , .proDate_nav .nav li.on a {color: #004E91; font-weight: 700;}
.proDate_nav .nav li a:active::after, .proDate_nav .nav li.on a::after {width: 100%; left: 0;}
.proDate_nav .nav li.on {order: -1;}
@media (any-hover:hover) {
  .proDate_nav .nav li a:hover {color: #004E91; font-weight: 700;}
  .proDate_nav .nav li a:hover::after {width: 100%; left: 0;}
}
.proDate_nav .mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.proDate_nav .mbx .layui-breadcrumb>* {font-size: var(--font16);}
.proDate_nav .mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #175CA4; font-size: var(--font16);}
.layui-breadcrumb a:hover {color: #004E91 !important;}

.proDateOne {padding: 5rem 3%;}
.proDateOne .left {width: 50%;}
.proDateOne .right {width: 50%; padding-left: 3.75rem;} 
.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;}
.proDateOne .right .info table {width: 100%;}
.proDateOne .right .us {margin-top: 3.75rem;}
.proDateOne .right .us .icBox {width: 2.875rem; height: 2.875rem; border-radius: 50%; border: 1px solid #175CA4; display: flex; align-items: center; justify-content: center;}
.proDateOne .right .us .icBox img {height: 47%;}
.proDateOne .right .us a {color: #175CA4;}

/* =====案例===== */
.caseOne {height: 46.25rem;}
.caseOne .swiper {height: 100%;}
.caseOne .slide {overflow: hidden;}
.caseOne .slide .slide-inner {height: 100%;}
.caseOne .slide .slide-inner img {width: 100%; height: 100%; object-fit: cover;}
.caseOne .slide .box {position: absolute; width: 100%; bottom: 5.625rem;}
/* 控件 */
.caseOne .swiper .swjt { top: auto; right: 13.25%; bottom: 5.625rem; width: 2.75rem; height: 2.75rem; background: rgba(255, 255, 255,.2); border-radius: 50%; transition: .5s;}
.caseOne .swiper .swjt i {color: #fff;}
.caseOne .swiper .swjt.swiper-button-prev {left: auto; right: 13.25%; transform: translateX(-150%);}
.caseOne .swiper .swjt:active {background: #fff;}
.caseOne .swiper .swjt:active i {color: #004E91;}
@media (any-hover:hover) {
  .caseOne .swiper .swjt:hover {background: #fff;}
  .caseOne .swiper .swjt:hover i {color: #004E91;}
}
.caseList {background: #f3f3f3;padding: 5rem 0 7.5rem;}
.caseList ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem;}
.caseList li {background: #ffffff;border-radius: 1rem;box-shadow: -0.813rem 0px 1.25rem .813rem rgba(0,0,0,0.03); }
.caseList li a {padding: 1.25rem;display: block;}
.caseList li .info {padding: 1.25rem;}
.caseList li .imgBox {overflow: hidden;}
.caseList li .imgBox img {width: 100%; display: block; transition: .5s;}
.caseList li .p3 {margin-top: 2.5rem; color: #175CA4;}
@media (any-hover:hover) {
  .caseList li:hover .imgBox img {transform: scale(1.05);}
}

/* 案例详情页 */
.caseMain {background: #f0f3f8;}
.caseMain .proDate_nav .box {padding: 1.5rem 0;}
.nycase-box {align-items: flex-start; padding: 5rem 0; }
.case-details {width: 68.92%;background: #ffffff;padding: 3rem;box-sizing: border-box;}
.casexq-title {border-bottom: 1px solid #F2F2F2; padding-bottom:1.875rem;}
.casexq-title strong {display: block; font-size: 2.125rem; color: #333; font-weight: normal; margin-bottom: 1.875rem;}
.casexq-title span {color: #999; margin-right: 4.375rem;}
.casexq-title span>img {display: inline-block; margin-right: .875rem;}
.casexq-editbox {border-bottom: 1px solid #F2F2F2; padding: 1.875rem 0; margin-bottom: 3.75rem;}
.casexq-editbox img {max-width: 100%;}
.casexq-arrow .text em {display: block; color: #999; line-height: 1.8;}
.casexq-arrow .text a {color: #333;}
.casexq-arrow .text a:hover {color: #175CA4;}
.case-back a {transition: 0.6s; display: block;padding: .75rem 1.875rem;  background: #000;border-radius:6.25rem; color: #fff; text-align: center;}
.case-back a:hover {background: #175CA4;}
.case-recom {width: 27.5%;position: sticky;top: 9.375rem;background: #ffffff;padding: 2rem 2.7%;box-sizing: border-box;}
.recom-title h2 {display: block; font-size:1.875rem; color: #333;border-left: 4px solid #175CA4; padding-left: 1.25rem; margin-bottom: 0rem; line-height: 1;}

.nypic-list{margin-top: 1.875rem;}
.nypic-list ul li{margin-bottom: 1.875rem;}
.nypic-list ul li .pic{overflow: hidden;}
.nypic-list ul li .pic img{display: block; width: 100%;}
.nypic-list ul li .info{background: #f5f5f5; padding: .8rem 2%}
.nypic-list ul li .info strong{text-align: center;font-weight: normal;}