/* 公用样式 */
#c-placeholder {height: 6.25rem;}
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; background: #fff;}
.headBox {transition: .5s; height: 6.25rem; padding: 0 3.5%;  position: relative; z-index: 1;border-bottom: 1px solid #E7E7E7;}
.headBox .logo {padding: 1.25rem 0;height: 100%;}
.headBox .logo img {height:2.5rem; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%;}

/* 导航 */
/* 取消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: 68%;}
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; position: relative;}
nav .layui-nav > .layui-nav-item > a {color: #333;position: relative; z-index: 1;font-size: var(--font16); transition: 0.4s; font-weight: 400;}
nav .layui-nav > .layui-nav-item > a::after {content: ''; position: absolute; left: 50%; bottom: -0.313rem; width: 0; height: 3px; background: #f18418;transition: .5s;}
nav .layui-nav > .layui-nav-item > a > i {position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
nav .layui-nav .layui-nav-item a:hover , nav .layui-nav .layui-this a {color: #333;}
nav .layui-nav .layui-nav-item a:hover::after, nav .layui-nav .layui-this a::after {width: 100%; left: 0;}
nav .layui-nav > .layui-this:after , nav .layui-nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-this:after {display: none;}
/* 默认下拉 */
nav .layui-nav .layui-nav-child {top: 100%; background: rgba(255, 255, 255,1);; min-width: 8.125rem; line-height: initial;display: none !important;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font14);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #204D77;}
/* 产品下拉 */
nav .layui-nav .secNav {position: absolute; display: none; left: 50%; transform: translateX(-50%); top: 100%; background: rgba(255, 255, 255,1);; min-width: 11.25rem; line-height: initial;    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);}
nav .layui-nav .secNav a {color: #333; font-size: var(--font14); padding: .625rem .313rem;display: block; text-align: center;}
nav .layui-nav .secNav a:hover {color: #fff; background: #204D77;}

/* 其他下拉 */
.navSlideDown {position: fixed; width: 100%; top: 6.25rem; left: 0; background: #E2E5EB; padding: 2.75rem 0; display: none;}
.navSlideDown .list {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 2rem;}
.navSlideDown .list .item {width: calc(100% / 5 - 1.6rem); text-align: center;}
.navSlideDown .list .item .imgBox {height: 11.25rem;}
.navSlideDown .list .item .imgBox img {width: 100%; height: 100%; object-fit: contain; transition: .5s;}
.navSlideDown .list .item span {display: block; margin-top: .75rem; color: #333; font-size: var(--font16);}
.navSlideDown .list .item:hover .imgBox img {transform: scale(1.05, 1.05);}
.navSlideDown .list .item:hover span {color: #323756;}
/* 当li数量为1-3个时 */
.navSlideDown .list:has(.item:nth-last-child(-n+4):first-child) {justify-content: center;}
/* 当li数量正好为4个时 */
.navSlideDown .list:has(.item:nth-last-child(5):first-child) {justify-content: flex-start;}

/* 语言 */
.headluange {margin-right: 6.25rem;}
.headluange .layui-nav > .layui-nav-item >a {display: flex; color: #333;}
.headluange .layui-nav > .layui-nav-item a i {color: #333;}
.headluange .layui-nav > .layui-nav-item a i.layui-nav-more {color: #333; position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
.headluange .layui-nav > .layui-nav-item a span {color: #333;}
.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 .layui-nav-child {top: 100%; line-height: initial; width: 6.25rem;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}

/* 搜索 */
.head_search {width: 3.125rem; height: 3.125rem;background: #204D77; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.head_search img {width: 1.5rem; height: 1.5rem;}

/* 搜索下拉 */
.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: #2E3852;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 .head_top {transform: translateY(-100%);} */
/* header.head_hover {background: #fff;}
header.head_hover nav .layui-nav > .layui-nav-item > a {color: #333;}
header.head_hover .headluange .layui-nav > .layui-nav-item > a {color: #333;}
header.head_hover .headluange .layui-nav > .layui-nav-item > a span {color: #333;}
header.head_hover .headluange .layui-nav > .layui-nav-item > a i {color: #333;}
header.head_hover nav .layui-nav > .layui-nav-item > a::after {background: #f18418;} */

/* header.c-style2 {background: #fff; border-bottom: 1px solid #E7E7E7;}
header.c-style2 .headBox {height: 6.25rem;}
header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333;}
header.c-style2 .headluange .layui-nav > .layui-nav-item > a {color: #333;}
header.c-style2 .headluange .layui-nav > .layui-nav-item > a span {color: #333;}
header.c-style2 .headluange .layui-nav > .layui-nav-item > a i {color: #333;}
header.c-style2 nav .layui-nav > .layui-nav-item > a::after {background: #f18418;} */

/* header.c-style2 .navSlideDown {top: 6.25rem;} */

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


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

/* ===============公用css end!!!!===================*/
.more1 {background: #204D77; border-radius: 6.25rem; padding: 1rem 2rem; display: inline-flex; align-items: center;position: relative; z-index: 1; transition: .5s;}


@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 0 .625rem rgba(50, 55, 86,.4);}
}

.pbulic_tle .icBox {width: 2.75rem; height: 2.75rem; border-radius: 50%;background: #204D77; }
.pbulic_tle .icBox img {width: 48%; height: 48%; object-fit: contain;}
.pbulic_tle .p2 {line-height: 1;}


/* ======首页======= */
.indexBanner {position: relative; overflow: hidden; margin-top: -6.25rem;}
.indexBanner .swiper {   }
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img {width: 100%; min-height: 20rem; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .box {top: 45%;}
.indexBanner .slide .p1 span {display: block; line-height: 1;}
.indexBanner .slide .more {margin-top: 6.25rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {bottom: 5%;}
.indexBanner .pagtion span {width: 1rem; height: 1rem; border-radius: 50%; background:none; border: .125rem solid #FFFFFF;opacity: 0.42;}
.indexBanner .pagtion span.swiper-pagination-bullet-active {opacity: 1; background: #fff;}
.indexBanner .swjt i {font-size: var(--font50); color: #fff; font-weight: 100;}
.indexBanner .swjt.swiper-button-prev {left: 3%;;}
.indexBanner .swjt.swiper-button-next {right: 3%;}

.indexOne {position: relative; padding: 2rem 0; padding-bottom: 0; }
.indexOne .xian {margin-top: 1rem;border-bottom: 1px solid #E7E7E7;}
.indexOne .box {position: relative;}
.indexOne .le {margin-top: 1.25rem;}
.indexOne .re {flex: 1; margin-left: 5rem; max-width: 80%;}
.indexOne .swiper {position: static; padding: 1.25rem;}
.indexOne .slide {box-shadow: 0px 0px 1rem 0px rgba(8,1,3,0.05);border-radius: .625rem;}
.indexOne .slide a {min-height: 12.5rem; padding: 1rem; box-sizing: border-box; transition: .5s;}
.indexOne .slide .imgBox {width: 40%;}
.indexOne .slide .imgBox img {width: 100%;}
.indexOne .slide .info {width: 55%;}
.indexOne .slide .info .p2 {margin-bottom: .313rem;}
@media (any-hover: hover) {
  .indexOne .slide:hover a {box-shadow: 0px 0px 1.25rem 0px rgba(8,1,3,0.1);}
}
/* 控件 */
.indexOne .swjt {left: 0; margin: 0; transform: none; bottom: 20%; top: auto;  width: auto;height: auto;}
.indexOne .swjt i {color: #333;font-size: var(--font30);}
.indexOne .swjt.swiper-button-next {left: 0; right: auto; transform: translateX(200%);}

.indexTwo {padding: 3rem 0;}
.indexTwo .tle .text {width: 60%;line-height: 1.8;}
.indexTwo .box {margin-top: 2.5rem;}
.indexTwo ul {display: flex; gap: 1rem;}
.indexTwo li {position: relative; height: 40.625rem; flex: 1;transition: .5s; overflow: hidden; z-index: 1;}
.indexTwo li::before {content: ''; position: absolute; top: 0%; left: 0; width: 100%; height: 100%; background: url(../images/indexTwo-li-bj1.jpg) no-repeat center; background-size: cover; transition: .5s; }
.indexTwo li::after {content: ''; position: absolute; top: 0%; left: 0; width: 0; height: 100%; background: url(../images/indexTwo-li-bj2.jpg) no-repeat center; background-size: cover; z-index: 1; transition: .5s;}
.indexTwo li .show {position: relative; z-index: 2; text-align: center; margin-top: 5rem; padding: 0 .625rem; transition: .5s;}
.indexTwo li .show .more {margin-top: 1.25rem;}
.indexTwo li .hide {opacity: 0; position: absolute; width: 100%; height: 100%; top: 0%; left: 0; padding: 0 2.5rem; padding-top: 5rem; z-index: 2; transition: .5s;}
.indexTwo li .hide .more {margin-top: 2.5rem;}
.indexTwo li .imgBox {position: absolute; padding-bottom: 2.5rem; z-index: 2; width: 100%; overflow: hidden; height: 50%; right: 0; bottom: 0%; transform: translate(25%, 0); display: flex; align-items: center; transition: .5s;}
.indexTwo li .imgBox img {width: 100%;transition: .5s;max-height: 100%;object-fit: contain;}
.indexTwo li.active .imgBox {transform: translate(0%, 0);}
.indexTwo li.active .imgBox img {width: 100%;}
.indexTwo li.active {flex: 2;}
.indexTwo li.active::after {width: 100%;}
.indexTwo li.active::before {opacity: 0;}
.indexTwo li.active .show {opacity: 0;}
.indexTwo li.active .hide {opacity: 1;}
.indexTwo li.active .hide .more {margin-top: 2.5rem;}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0 5rem;}
.indexThre .left {width:45%;}
.indexThre .imgBox {width: 49%; border-radius: .625rem; overflow: hidden;}
.indexThre .imgBox img {width: 100%;}
.indexThre .left .text {margin-top: 2.5rem; text-align: justify;}
.indexThre .left .text p {line-height: 1.8; margin-bottom: 1.25rem;}
.indexThre .left .more {margin-top: 2.5rem;}
.indexThre .numlist {margin-top: 5rem;}
.indexThre .numlist ul {display: flex; justify-content: space-between;}
.indexThre .numlist li {background: #fff; width: calc( 100% / 4 - 1.5rem);display: flex; align-items: center; justify-content: space-between; gap: .625rem; min-height: 10.75rem; padding: 0 2.5rem;}
.indexThre .numlist li .num {font-size: var(--font50); color: #204D77; display: flex; justify-content: flex-end; font-weight: 700; align-items: center;}
.indexThre .numlist li .icBox {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;}
.indexThre .numlist li .icBox svg {max-height: 100%; min-height: 80%;width:100%;}

.indexFour {padding: 5rem 0; background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover;}
.indexFour .list {margin-top: 5rem;}
.indexFour .list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;}
.indexFour .list li {border: 1px solid #DFDFDF; padding: 2.5rem; text-align: center; transition: .5s; position: relative;}
.indexFour .list li .imgBox {height: 13.25rem; position: relative; display: flex; align-items: center; justify-content: center;}
.indexFour .list li .imgBox img {max-height: 100%; width: 120%; object-fit: contain; transition: .5s;}
.indexFour .list li .icBox {opacity: 0; width: 3.125rem; height: 3.125rem; background: #204D77; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexFour .list li .icBox img {width: 40%;filter: brightness(100); -webkit-filter:brightness(100);}
.indexFour .list li .p1 {margin-top: 1.25rem; transform: translateY(100%); transition: .5s;}
.indexFour .list li .p2 {max-height: 0; overflow: hidden; transition: .5s; opacity: 0;}
.indexFour .list li .p2 {max-height: var(--font30); transition: .5s;}
@media (any-hover: hover) {
  .indexFour .list li:hover {background: #fff;box-shadow: 0px 0px 3.125rem 0px rgba(8,1,3,0.05); border-color: transparent;}
  .indexFour .list li:hover .icBox {opacity: 1;}
  .indexFour .list li:hover .imgBox > img {opacity: .5;}
  .indexFour .list li:hover .p1 {transform: translateY(0);}
  .indexFour .list li:hover .p2 {max-height: var(--font30); opacity: 1;}
}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0; padding-top: 8.75rem;}
.indexFive .text {width: 80%; margin: 0 auto; line-height: 1.8; text-align: center; padding-top: 1.875rem;}
.indexFive .box {margin-top: 7.5rem;}
.indexFive ul {display: flex; justify-content: space-between; gap: 3.25rem;}
.indexFive li {width: calc(100% / 5); min-height: 23.125rem; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .5s;}
.indexFive li .icBox {height: 4rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexFive li .icBox img {max-height: 100%; min-height: 80%; width: 100%; object-fit: contain;}
.indexFive li .p1 {margin-top: 1rem;text-align: center; transition: .5s;}
.indexFive li .jt {margin-top: 3rem; transition: .5s; opacity: 0;}
@media (any-hover: hover) {
  .indexFive li:hover {background: #204D77;}
  .indexFive li:hover .icBox {transform: translateY(-50%);}
  .indexFive li:hover .p1 {transform: translateY(-100%);}
  .indexFive li:hover .jt {opacity: 1;}
}

.indexSix {padding: 7.5rem 0;}
.indexSix .swiperBox {margin-top: 3.125rem; position: relative;}
.indexSix .swiper {padding: 1rem; position: static;}
.indexSix .slide {box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.04); background: #fff;}
.indexSix .slide .imgBox {height: 15.625rem; overflow: hidden;}
.indexSix .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexSix .slide .info {padding: 2.5rem 1.25rem;}
.indexSix .slide .more {margin-top: 2.5rem; padding-top: 1.25rem;border-top: 1px solid #F3F3F3;}
.indexSix .slide .more .icBox {flex-shrink: 0;}
.indexSix .slide .more .icBox img {width: 1rem; height: 1rem; object-fit: contain;}
.indexSix .swjt {width: 4.375rem; height: 4.375rem; border-radius: 50%; background: #DCDDE1;}
.indexSix .swjt i {color: #fff;font-size: var(--font20);}
.indexSix .swjt.swiper-button-next {right: 0; transform: translateX(100%);}
.indexSix .swjt.swiper-button-prev {left: 0; transform: translateX(-100%);}
@media (any-hover: hover) {
  .indexSix .slide:hover .imgBox img {transform: scale(1.05);}
}

.indexSeven {background: url(../images/indexSeven-bj.jpg) no-repeat center; background-size: cover; padding: 5.625rem 0;}
.indexSeven .more img {width: 1.75rem;}

/* ======底部===== */
.footer {background:#204d77; padding-bottom: 0; position: relative; z-index: 2;}
.foterBox {padding: 4.375rem 0 6.25rem;}
.foterBox .left {width: 15%;}
.footer_logo {text-align: center;margin-top: -1.5rem;}
.footer_logo svg {height: 6.25rem; width: 100%; filter: brightness(100); -webkit-filter:brightness(100);}
.footer_logo img {height: 6.25rem; width: 100%; object-fit: contain;}
/* 外链 */
.footer .links {margin-top: 1.875rem;}
.footer .links ul {gap: .625rem;}
.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: 60%; height: 60%;}
.footer .links li a svg path {fill: #fff;}
.footer .links li a:hover svg path {fill: #0095F3;}
/* 外链结束 */
.foterBox .left .code {max-width: 9.375rem; margin: auto;margin-top: 1rem; }
.foterBox .left .code img {width: 100%; height: 100%; object-fit: contain;}

/* 导航 */
.foternav {display: flex;justify-content: space-between; width: 80%;}
.foternav dl dt {margin-bottom: 1.25rem;}
.foternav dl dt , .foternav dl dt a {font-size: var(--font18);color: #fff; font-weight: 700;}
.foternav dl dd {margin-bottom: .75rem;}
.foternav dl dd a {color: #fff; opacity: .5;}
.foternav dl dd a:hover {opacity: 1;}
.foternav dl.foter_us .info >div {display: flex; align-items: center; gap: .625rem;margin-bottom: .625rem;color: #fff;}
.foternav dl.foter_us .info >div .icBox {flex-shrink: 0; width: 1rem; height: 1rem; display: flex; align-items: center; justify-content: center;}
.foternav dl.foter_us .info >div .icBox img {width: 100%; height: 100%; object-fit: contain;}

.footer_pro ul {display: flex; flex-wrap: wrap; gap: 1.25rem; row-gap: .625rem;}
.footer_pro ul li a {color: #fff; opacity: .2;}
.footer_pro ul li a:hover {opacity: 1;}

/* 导航 结束 */
.copyRight {padding: 3.75rem 0 2.75rem;}
.copyRight p , .copyRight p a {color:rgba(255, 255, 255, 0.5);}
.copyRight p a:hover {color: #fff;}



/* ===================================================================内页================================================================== */
/* banner */
.ny-banner {position: relative; overflow: hidden; z-index: 1;}
.ny-banner .bjBox {position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0;}
.ny-banner .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.ny-banner .mbx {margin-top:6.125rem;}
.ny-banner .info {margin:1.75rem 0 3rem 0;}
/* 面包屑 */
.mbx  {padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); opacity: 1; color: #fff !important;}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0;  color: #fff !important;font-weight: 700;font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {}
.mbx .layui-breadcrumb span[lay-separator] {margin: 0 .625rem !important;}

.pro-banner {border-bottom: 1px solid #eee;}
/* .pro-banner .bjBox {opacity: 0;} */
.pro-banner .bjBox img {transform: scale(1.1); transition: .5s;}
/* .pro-banner .info .p1 {color: #333;}
.pro-banner .info .p2 {color: #333;margin-top:0} */









/* =====产品列表 */
.proOne {position: relative; overflow: hidden; z-index: 1; padding: 5rem 0 3rem;}
.proOne::before {content: ''; opacity: .2; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/proOne-bj.jpg) no-repeat center; background-size: cover; }
.proOne .list {margin-top: 2.5rem;}
.proOne .list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; gap: 1.5rem;}
.proOne .list li {background: #fff;padding: 1.5rem; padding-top: 3.75rem; transition: .5s; text-align: center;}
.proOne .list li .imgBox {height: 15rem; position: relative; display: flex; align-items: center; justify-content: center;}
.proOne .list li .imgBox img {max-height: 100%; width: 120%; object-fit: contain; transition: .5s;}
.proOne .list li span {font-size: var(--font20); color: #3D3D3D; display: block; margin-top: 1.25rem;}
@media (any-hover: hover) {
  .proOne .list li:hover .imgBox img {transform: scale(1.05);}
  .proOne .list li:hover {box-shadow: 0px 0px .625rem 0px rgba(8,1,3,0.05); border-color: transparent;}
}

.proTwo {padding: 3rem 0; padding-top: 3rem;}
.proTwo .list {margin-top: 3.125rem;}
.proTwo .list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;}
.proTwo .list li {position: relative; overflow: hidden;}
.proTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.proTwo .list li span {position: absolute; width: 100%; text-align: center; bottom: 0; left: 0; padding: 1.25rem .625rem; background: rgba(7,7,8,0.41);}
@media (any-hover: hover) {
  .proTwo .list li:hover .imgBox img {transform: scale(1.05);}
}

.proThre {padding: 3rem 0; background: #EDEDED;}
.proThre .box {margin-top: 1rem;}
.proThre .layui-collapse {border: 0;}
.proThre .layui-collapse .layui-colla-item {border-color: #D8D8D8;}
.proThre .layui-colla-title {height: auto; background: none; line-height: initial; padding: 1.875rem 0; padding-right: 1.875rem; font-size: var(--font20);color: #3D3D3D;}
.proThre .layui-colla-title i {margin: 0; font-size: var(--font20); left: auto; right: 0; top: 40%; font-weight: 700; transform: none !important;}
.proThre .layui-colla-title i::after {content: '\e624'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.proThre .layui-colla-title i::before {content: '\e67e'; opacity: 0;}
.proThre .layui-colla-content {border: 0;padding: 2.5rem; font-size: var(--font16);background: #FFFFFF; border-radius: .625rem;}
.proThre .layui-collapse .layui-colla-item.layui-show .layui-colla-title i::after {opacity: 0;}
.proThre .layui-collapse .layui-colla-item.layui-show .layui-colla-title i::before {opacity: 1;}

.proFour {position: relative; padding: 3rem 0;}
.proFour .tle {position: relative;}
.proFour .swiperBox {margin-top: 3.125rem;}
.proFour .slide {background: #F4F4F4;padding: 1.25rem;}
.proFour .slide .imgBox {height: 15.625rem;padding: 1.25rem; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center;}
.proFour .slide .imgBox img {max-height: 100%; width: 80%; object-fit: contain; transition: .5s;}
.proFour .slide .info {padding: 2.5rem 1rem; padding-top: 1.25rem;}
/* 控件 */
.proFour .contrls {display: flex; align-items: center;}
.proFour .pagtion {position: relative;width: auto;  bottom: 0; margin: 0 1.875rem; font-size: var(--font14); color: #818181;}
.proFour .contrls .swjt {width: 2.75rem; height: 2.75rem; border: 1px solid #E8E8E8; border-radius: 50%; position: relative; margin: 0; transform: none; top: 0; left: 0; right: 0; transition: .5s;}
.proFour .contrls .swjt i {color: #aaa7a3; font-size: var(--font16); font-weight: 700;}
.proFour .contrls .swjt.swiper-button-next {}
.proFour .swiper-pagination-current {color: #5A5A5A; font-size: var(--font18); font-weight: 700;}
@media (any-hover: hover) {
  .proFour .slide:hover .imgBox img {transform: scale(1.05);}
  .proFour .contrls .swjt:hover {border-color: #204D77; background: #204D77;}
  .proFour .contrls .swjt:hover i {color: #fff;}
}

.tactForm {background: url(../images/tactForm-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 8.75rem;}
.tactForm .re {width: 65%;}
.tactForm .form input::placeholder {color: #fff;}
.tactForm .form input::-webkit-input-placeholder {color: #fff;}
.tactForm .form input::-moz-placeholder{color: #fff;}
.tactForm .form input::-moz-placeholder {color: #fff;}
.tactForm .form input::-ms-input-placeholder {color: #fff;}
.tactForm .form textarea::placeholder { color: #fff;}
.tactForm .form textarea::-webkit-textarea-placeholder { color: #fff;}
.tactForm .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactForm .form .inBox { margin-bottom: 2.75rem; width: 48%; position: relative;}
.tactForm .form .inBox label {position: absolute; top: calc(50% - .3rem); transform: translateY(-50%); left: 0; font-size: var(--font14); color: #FF0000;}
.tactForm .form input , .tactForm .form textarea {border: 0; font-size: var(--font14); border-bottom: .063rem solid rgba(255, 255, 255, 0.2); box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: .625rem; padding-left: .75rem; color: #fff;}
.tactForm .form .inTxtBox , .tactForm .form .inSect {width: 100%;}
.tactForm .form .inSect dl dd {line-height: initial; padding: .625rem;}
.tactForm .form .inTxtBox textarea {resize: none; padding-left: 0;}
.tactForm .form .inCode {display: flex;}
.tactForm .form .inCode img {margin-left: .625rem; max-width: 9.375rem;}
.tactForm .form .sub {width: 100%; margin-top: 2.0625rem;}
.tactForm .form .sub button {background:#f18418;padding: 1rem 4rem; font-weight: 700; cursor: pointer;border-radius: .313rem;}
.tactForm .form .sub button i {transform: rotate(180deg); display: inline-block;}
#tactForm .layui-form-select dl {top: 100%;}
#tactForm .layui-form-selectup dl {top: auto; bottom: 100%;}

/* 列表页 */
.pro_nav {margin-bottom: 3.75rem;}
.pro_nav ul {display: flex; flex-wrap: wrap;gap: 2.5rem; row-gap: 1rem;}
.pro_nav li a {display: block; padding: .75rem 1rem; color: #929292; border-radius: 6.25rem; transition: .5s;}
.pro_nav li.on a {color: #fff; background: #204D77; }
@media (any-hover: hover) {
  .pro_nav li a:hover {color: #fff; background: #204D77; }
}
.prolist.proOne {background: none;}
.proOne::before {display: none;}
.prolist.proOne .list li {border: 1px solid #DFDFDF; box-shadow: none !important;}
.prolist.proOne .list li .icBox {opacity: 0; width: 3.125rem; height: 3.125rem; background: #204D77; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.prolist.proOne .list li .icBox img {width: 40%;filter: brightness(100); -webkit-filter:brightness(100);}

@media (any-hover: hover) {
  .prolist.proOne .list li:hover .imgBox > img {opacity: .5;}
  .prolist.proOne .list li:hover .icBox {opacity: 1;}
}

/* 产品详情 */
.proDateOne { padding: 1.25rem 0 6.25rem;}
.proDateOne .mbx .layui-breadcrumb::before {color: #818181 !important;}
.proDateOne .mbx .layui-breadcrumb>* {color: #818181 !important;}
.proDateOne .box {margin-top: 1.25rem;}
.proDateOne .swiperBox {width: 43.6%;}
.proDateOne .right {width: 49%;}
.proDateOne .swiperOne .slide {background: #fff;border:1px solid #eee }
.proDateOne .swiperOne .slide .imgBox {height: 30.625rem;overflow: hidden; display: flex; align-items: center; justify-content: center;}
.proDateOne .swiperOne .slide img { min-width: 70%; max-width: 100%; max-height: 100%; object-fit: contain;}
.proDateOne .inSwiperBox {position: relative;}
.proDateOne .swiperTwo {margin: 0 2.5rem;margin-top: 1.25rem; position: static;}
.proDateOne .swiperTwo .slide {height: 6.25rem; background: #fff;cursor: pointer; display: flex; justify-content: center; align-items: center;}
.proDateOne .swiperTwo .slide img {width: 100%; max-height: 100%; object-fit: contain;}
.proDateOne .swiperTwo .slide.swiper-slide-thumb-active img {opacity: .5;}
/* 控件 */
.proDateOne .swiperTwo .swjt {background: #204D77; height: 100%; width: 1.875rem; display: flex; align-items: center; justify-content: center; margin: 0; top: 0;}
.proDateOne .swiperTwo .swjt i {color: #fff; font-size: var(--font20);}
.proDateOne .swiperTwo .swjt.swiper-button-prev {left: 0;}
.proDateOne .swiperTwo .swjt.swiper-button-next {right: 0;}
.proDateOne .right .p1 {color: #5A5A5A; margin-top: .625rem;border-bottom: 1px solid #C1C1C1; padding-bottom: 1.25rem;}
.proDateOne .right .p2 {padding: 1.5rem 0;border-bottom: 1px solid #C1C1C1; line-height: 1.8;}
.proDateOne .right .get_us {margin-top: 2.5rem;}
.proDateOne .right .get_us .item {display: flex; align-items: center; margin: 2rem 0;}
.proDateOne .right .get_us .item svg {width: 1rem; height: 1rem; object-fit: contain;}
.proDateOne .right .get_us .item span {font-size: var(--font20); color: #4F4F4F; margin-left: .625rem; font-weight: 700;}
.proDateOne .right .btn {width: 70%;}
.proDateOne .right .btn a {background: #204D77; height: 3.125rem; border-radius: .5rem;}
.proDateOne .right .btn img {width: 1.25rem;}
.proDateOne .right .share {margin-top: 3.75rem; display: none;}
.proDateOne .right .share ul {gap: 2.5rem;}
.proDateOne .right .share ul li a {width: 1.875rem; height: 1.875rem; display: block;}
.proDateOne .right .share ul li svg {width: 100%; height: 100%; object-fit: contain;}
.proDateOne .right .share ul li svg path {fill: #696C72;}
.proDateOne .right .share ul li a:hover svg path {fill: #204D77;}

.proDateTwo {padding-bottom: 3rem;}
.proDateTwo .nav {background: #204D77; position: sticky; top: 6.25rem; z-index: 10; }
.proDateTwo .nav ul {display: flex; justify-content: center; gap: 2rem;}
.proDateTwo .nav li {height: 4.25rem;}
.proDateTwo .nav li a {display: flex; align-items: center; padding: 0 3.125rem; height: 100%; font-size: var(--font18); color: #fff; text-transform: uppercase; font-weight: 700; transition: .5s;}
.proDateTwo .nav li a.active {background: #D3D6DC; color: #333; font-weight: 700;}
.proDateTwo .item_section {padding: 3.75rem;}
.proDateTwo .item_section img {max-width: 100%; height: auto !important;}
.proDateTwo .item_section.date_six {padding-bottom: 0;}
.proDateTwo .item_list { margin: 1.5rem 0;}
.proDateTwo .page_fy {margin-top: 3rem;}
.page_fy {margin-top: 3rem; padding-bottom: 2.5rem; border-bottom: 1px solid #D8D8D8;}
.page_fy > div {display: flex; align-items: center;}
.page_fy > div a:hover {color: #204D77;}

.proDateTwo .info_tips {margin-top: 1.875rem; display: flex; flex-wrap: wrap; gap: 1rem;}
.proDateTwo .info_tips a {border: 1px solid #C1C1C1; border-radius: 6.25rem; padding: .625rem 1.625rem; transition: .5s;}
.proDateTwo .info_tips a:active {background: #204D77; color: #fff;}
@media (any-hover: hover) {
  .proDateTwo .nav li a:hover {background: #D3D6DC; color: #333; font-weight: 700;}

  .proDateTwo .info_tips a:hover {background: #204D77; color: #fff;}
}

.proDateFour {position: relative; padding: 5rem 0; padding-top: 0;}
.proDateFour .tle {position: relative;}
.proDateFour .swiperBox {margin-top: 3.125rem;}
.proDateFour .slide {border: 1px solid #DFDFDF; ; text-align: center; position: relative;}
.proDateFour .slide .imgBox {position: relative; padding-bottom: 72%; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.proDateFour .slide .imgBox > img {height: 100%; width: 100%; object-fit: cover; transition: .5s; position: absolute; bottom: 0;}
.proDateFour .slide .icBox {opacity: 0; width: 3.125rem; height: 3.125rem; background: #204D77; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.proDateFour .slide .icBox img {width: 40%;filter: brightness(100); -webkit-filter:brightness(100);}
.proDateFour .slide .p1 {margin: 1.25rem .625rem; transition: .5s;}
@media (any-hover: hover) {
  .proDateFour .slide:hover .icBox {opacity: 1;}
  .proDateFour .slide:hover .imgBox > img {opacity: .5;}
}

/* 控件 */
.proDateFour .contrls {display: flex; align-items: center;}
.proDateFour .pagtion {position: relative;width: auto;  bottom: 0; margin: 0 1.875rem; font-size: var(--font14); color: #818181;}
.proDateFour .contrls .swjt {width: 2.75rem; height: 2.75rem; border: 1px solid #E8E8E8; border-radius: 50%; position: relative; margin: 0; transform: none; top: 0; left: 0; right: 0; transition: .5s;}
.proDateFour .contrls .swjt i {color: #aaa7a3; font-size: var(--font16); font-weight: 700;}
.proDateFour .contrls .swjt.swiper-button-next {}
.proDateFour .swiper-pagination-current {color: #5A5A5A; font-size: var(--font18); font-weight: 700;}
@media (any-hover: hover) {
  .proDateFour .slide:hover .imgBox img {transform: scale(1.05);}
  .proDateFour .contrls .swjt:hover {border-color: #204D77; background: #204D77;}
  .proDateFour .contrls .swjt:hover i {color: #fff;}
}
.proDateThre .proFour {padding-top: 0;}


/* =====关于我们 */
.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center / cover; padding: 6.25rem 0;}
.aboutOne .left {width: 49%;}
.aboutOne .right {width: 49%;}
.aboutOne .right img {width: 100%;}
.aboutOne .left .text p {margin-top: 1.875rem; line-height: 1.8;}
.aboutOne .numlist {margin-top: 5rem;}
.aboutOne .numlist ul {display: flex; justify-content: space-between;}
.aboutOne .numlist li {background: #fff; width: calc( 100% / 4 - 1.5rem);display: flex; align-items: center; justify-content: space-between; gap: .625rem; min-height: 10.75rem; padding: 0 2.5rem;}
.aboutOne .numlist li .num {font-size: var(--font50); color: #204D77; display: flex; justify-content: flex-end; font-weight: 700; align-items: center;}
.aboutOne .numlist li .icBox {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;}
.aboutOne .numlist li .icBox svg {max-height: 100%; min-height: 80%;width:100%;}

.aboutTwo {padding: 7.5rem 0 15rem;}
.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; position: relative; overflow: hidden; padding: 7.5rem 0 18.75rem;}
.aboutTwo .swiperBox {margin-top: 6.25rem; position: relative;}
.aboutTwo .swiper {position: static;}
/* .aboutTwo .swiper .slide .imgBox {height: 28.5rem; overflow: hidden;} */
.aboutTwo .swiper .slide .imgBox { overflow: hidden;}
.aboutTwo .swiper .slide img {width: 100%; height: 100%; object-fit: contain; transition: .5s;}
/* 控件 */
.aboutTwo .pagtion {width: 40%; top: auto; height: .5rem; bottom: -8.75rem; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 18.75rem;  overflow: hidden;}
.aboutTwo .pagtion .swiper-pagination-progressbar-fill {background: #233F94; border-radius: 625rem; }

.aboutThre {padding: 5rem 0;}
.aboutThre .list {position: relative; overflow: hidden;padding-top: 3.75rem;}
.aboutThre .list::before {content: ''; width: 10%; height: 100%; background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; bottom: 0; z-index: 1;}
.aboutThre .list::after {content: ''; width: 10%; height: 100%; background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; right: 0; bottom: 0; z-index: 1;}
.aboutThre .list ul {display: flex; justify-content: center; margin-bottom: 1.25rem;}
.aboutThre .list li {margin: 0 .625rem;flex-shrink: 0; width: 16.25rem; height: 8.125rem;  display: flex; align-items: center; justify-content: center;padding: .625rem; border-radius: .625rem; box-sizing: border-box;box-shadow: 0px 0px .625rem 0px rgba(0,0,0,0.08);}
.aboutThre .list li img {max-width: 100%; min-width: 70%; opacity: .5;}

.aboutFour {padding: 5rem 0 6rem; position: relative; overflow: hidden; background: url(../images/aboutFour-bj.jpg) no-repeat center / cover;}
.aboutFour .swiperBox {margin-top: 5rem; position: relative;}
.aboutFour .swiper {position: static;}
.aboutFour .slide .imgBox {transform: scale(.85); transition: .5s; position: relative;overflow: hidden;}
.aboutFour .slide .imgBox::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,0.5) 100%); z-index: 1; transition: .5s;}
.aboutFour .slide .imgBox img {width: 100%; min-height: 25rem;}
.aboutFour .slide .info {position: absolute; opacity: 0; transition: .5s; width: 100%; bottom: 0; left: 0; padding: 1.875rem 2.5rem; box-sizing: border-box;}
.aboutFour .slide .info .tit {max-width: 65%;}
.aboutFour .slide.swiper-slide-active .info {opacity: 1;}
.aboutFour .slide.swiper-slide-active .imgBox {transform: scale(1);}
.aboutFour .slide.swiper-slide-active .imgBox::before {background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);}
/* 控件 */
.aboutFour .swjt i {color: #fff; font-size: var(--font40);}
.aboutFour .swjt.swiper-button-prev {left: 25%;}
.aboutFour .swjt.swiper-button-next {right: 25%;}

.aboutFive {padding: 5rem 0;}
.aboutFive .swiperBox {margin-top: 5rem;}
.aboutFive .slide {background: #F4F4F4;}
.aboutFive .slide a {display: block; padding: 2.5rem; height: 100%;}
.aboutFive .slide .imgBox {height: 12.5rem; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.aboutFive .slide .imgBox img {width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.aboutFive .slide .p1 {text-align: center; color: #333; margin-top: 1.25rem;}
.aboutFive .slide .more1 { margin-top: 3.75rem; background: #DEDEDE; color: #7E7E7E;}
.aboutFive .slide .more1:hover {background: #204D77; color: #fff;}
.aboutFive .moreAll {margin-top: 4.375rem;}

/* =====解决方案 */
.soulOne {padding: 3.125rem 0 6.25rem;}
.soulOne ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem;}
.soulOne li {background: #F4F4F4;padding: 1.875rem;}
.soulOne li .imgBox {height: 16rem; display: flex; align-items: center; justify-content: center; background: #fff;}
.soulOne li .imgBox img {max-height: 100%; max-width: 100%; min-width: 60%; object-fit: contain; transition: .5s; padding: 1.25rem;}
.soulOne li .info {padding: 0; padding-top: 2rem;}
.soulOne li .p2 {margin-top: 1.25rem; color: #A1A1A1;}
.soulOne li .more1 {margin-top: 2.5rem;}
.soulOne li:hover .imgBox img {transform: scale(1.05);}
.soulOne ul.swiper-wrapper {display: flex; gap: 0;}

/* =====应用范围 */
.scopenav ul {display: flex; gap: 3.75rem; white-space: nowrap; overflow-x: auto;}
.scopenav li {position: relative;}
.scopenav li::after {content: ''; position: absolute; border-radius: 6.25rem; bottom: 0; left: 0; width: 100%; height: .313rem; background: #204D77; transform: scaleX(0); transition: .5s;}
.scopenav li.on::after {transform: scaleX(1);}
.scopenav li.on {order: -1;}
.scopenav li.on a {color: #204D77; font-weight: 700;}
.scopenav li a {display: block; padding: 3.75rem 1rem; position: relative; font-size: var(--font20);}

@media (any-hover: hover) {
  .scopenav li:hover a {color: #204D77; font-weight: 700;}
  .scopenav li:hover::after {transform: scaleX(1);}
}

.scopelist {background: rgba(134,144,156,0.11); padding: 3.75rem 0 6.25rem;}
.scopelist .list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;}
.scopelist .list li {background: #fff;; box-sizing: border-box;}
.scopelist .list li .imgBox {height: 16.5rem; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.scopelist .list li .imgBox img {height: 100%; width: 100%; object-fit: cover; transition: .5s;}
.scopelist .list li .info {padding: 1.875rem .625rem; text-align: center;}
.scopelist .list li .tit { color: #3D3D3D;}
.scopelist .list li .more1 {margin-top: 1.875rem;background: #F6F6F6; color: #939393;}
.scopelist .list li:hover .imgBox img {transform: scale(1.05);}
.scopelist .list li:hover .more1 {background: #204D77; color: #fff;}


/* =====服务支持 */
.serveBox {background: rgba(134,144,156,0.11); padding: 3.75rem 0 6.25rem;}
.devicelist .list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;}
.devicelist .list li {background: #fff;; box-sizing: border-box; padding: 2.5rem;}
.devicelist .list li .imgBox {height: 15rem; display: flex; align-items: center; justify-content: center;}
.devicelist .list li .imgBox img {max-height: 100%; max-width: 100%; min-width: 60%; object-fit: contain; transition: .5s;}
.devicelist .list li .info { padding-top: 1.25rem; text-align: center;}
.devicelist .list li .tit { color: #3D3D3D;}
.devicelist .list li .more1 {margin-top: 3.125rem;background: #F6F6F6; color: #939393;}
.devicelist .list li:hover .imgBox img {transform: scale(1.05);}
.devicelist .list li:hover .more1 {background: #204D77; color: #fff;}

/* 视频 */
.serve_video_list .list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}
.serve_video_list .list li {background: #fff; box-sizing: border-box; padding: 1.5rem 1.25rem;}
.serve_video_list .list li .videoBox {height: 16.25rem; background: #E2E5EB; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.serve_video_list .list li .videoBox video {width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.serve_video_list .list li .info {padding-top: 3.75rem; padding-bottom: 1rem; text-align: center;}
.serve_video_list .list li .tit { color: #3D3D3D;}

/* 售后服务 */
.salesOne {background: url(../images/salesOne-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0; position: relative; overflow: hidden; z-index: 1;}
.salesOne::after {content: ''; position: absolute; top: 0; right: 0; width: 60%; height: 100%; background: rgba(54,63,103,0.94); z-index: -1; clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);}
.salesOne .salesTle .xian {width: 4.75rem;height: .625rem;background: #FFFFFF;border-radius: 6.25rem; margin-top: 1.5rem;}
.salesOne .left {width: 37%;}
.salesOne .right {flex: 1;}
.salesOne .left .salesTle .t2 {width: 80%;}
.salesOne .left .p1 {margin-top: 21.25rem;}
.salesOne .right .item {display: flex; align-items: center; margin-bottom: 2.5rem;}
.salesOne .right .item .icBox {border-radius: 50%; width: 7.5rem; height: 7.5rem; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.salesOne .right .item .icBox img {max-width: 45%; min-width: 40%;}
.salesOne .right .item .con {margin-left: 2.5rem;}
/* 依次移动60px */
.salesOne .right .item:nth-child(2) {margin-left: 3.75rem;}
.salesOne .right .item:nth-child(3) {margin-left: 7.5rem;}
.salesOne .right .item:nth-child(4) {margin-left: 11.25rem;}

.salesTwo {padding: 7.5rem 0;}
.salesTwo .salesTle .t2 {color: #707070; width: 100%;} 
.salesTwo .salesTle .xian {background: #B5B5B5; width: 4rem; height: .375rem; margin: auto; margin-top: 1.25rem; border-radius: 6.25rem;}
.salesTwo .t3 {margin-top: 3.125rem;}

.salesTwo ul {display: flex; margin-top: 3.125rem;}
.salesTwo li {flex: 1;margin: 0 .438rem; transition: .5s; height: 40.625rem; position: relative; background: #333;}
.salesTwo li .imgBox {height: 100%; position: relative;}
.salesTwo li .imgBox::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 100%);transition: .5s; z-index: 1;}
.salesTwo 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;}
.salesTwo li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.salesTwo li .info {position: absolute; padding: 1.5rem; padding-bottom: 0; bottom: 5rem;width: 100%; left: 0; z-index: 1; opacity: 0; transition: .5s; transform: translateY(1.25rem);}
.salesTwo li .show {position: absolute; left: 0; width: 100%; text-align: center; bottom: 6.25rem; padding: 1.5rem;  z-index: 1; transition: .5s;}
.salesTwo li .num {color: rgba(255,255,255,0.23); font-size: 4.5rem; line-height: 1; font-weight: 700;}
.salesTwo li .p1 { margin-top: 1.5rem; transition: .5s;}
.salesTwo li .p2 {margin-top: 1.5rem; color: #fff; max-height: 0; opacity: 0; transition: .5s;}
.salesTwo li.active {flex: 1.5;}
.salesTwo li.active .info {opacity: 1; transform: translateY(0);}
.salesTwo li.active .show {opacity: 0; transform: translateY(1.25rem);}
.salesTwo li.active .p2 {max-height: 12.5rem; opacity: 1; }
.salesTwo li.active .imgBox::after {opacity: 1;}

.salesThre {text-align: center;}
.salesThre .box {display: inline-block;position: relative; height: auto;transform: translateY(50%); margin-top: 6.25rem;}
.salesThre .cirleInfo {width: 43rem; height: 43rem; border-radius: 50%;  background: rgba(30,37,71,0.78); position: relative; overflow: hidden;}
.salesThre .cirleInfo .item {position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; opacity: 0; transition: .5s;}
.salesThre .cirleInfo .item .imgBox {position: absolute;  left: 0%; top: 0%;width:100%; height: 100%; z-index: -1;}
.salesThre .cirleInfo .item .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.salesThre .cirleInfo .item .imgBox::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: rgba(30,37,71,0.78);transition: .5s; z-index: 1;}
.salesThre .cirleInfo .item .info {width: 72%; text-align: center; margin: auto; padding-top: 15%;}
.salesThre .cirleInfo .item .info .p1 {font-size: var(--font36);}
.salesThre .cirleInfo .item .info .p2 {margin-top: 1.25rem;}
.salesThre .cirleInfo .item.active {opacity: 1;}
.salesThre .cirle1 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 110%; height: 110%; border: dashed 1px #f3f3f3; border-radius: 50%;}
.salesThre .cirle2 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 150%; height: 150%; border: dashed 1px #d1d1d1; border-radius: 50%;}
.salesThre .cirle3 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 200%; height: 200%; border: dashed 1px #f3f3f3; border-radius: 50%;}
.salesThre .list li {position: absolute; z-index: 2; cursor: pointer;}
.salesThre .list li .icBox {width: 6.875rem;height: 6.875rem;background: #EBEBEB; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.salesThre .list li .icBox img {max-width: 45%; min-width: 40%;}
.salesThre .list li span {position: absolute; top: 0; right: 110%; white-space: nowrap; transition: .5s;}
.salesThre .list li:nth-child(1) {left: -27%; top: 15%;}
.salesThre .list li:nth-child(1) span {top: 50%; transform: translateY(-50%);}
.salesThre .list li:nth-child(2) {left: -10%; top: -12%;}
.salesThre .list li:nth-child(3) {left: 20%; top: -30%;}
.salesThre .list li:nth-child(4) {left: 62%; top: -30%;}
.salesThre .list li:nth-child(5) {left: 95%; top: -12%;}
.salesThre .list li:nth-child(6) {left: 110%; top: 15%;}
.salesThre .list li:nth-child(n+4) span {right: auto; left: 110%;}
.salesThre .list li:nth-child(6) span {top: 50%; transform: translateY(-50%);}
.salesThre .list li.active .icBox {background: #363F67;}
.salesThre .list li.active .icBox img {filter: brightness(0) invert(1);}
.salesThre .list li.active span {color: #363F67;}

.salesFour {background: url(../images/salesFour-bj.jpg) no-repeat center center / cover; background-attachment: fixed; position: relative;z-index: 2;}
.salesFour .box {min-height: 45rem; display: flex; align-items: center; justify-content: center;}
.salesFour .p1 {width: 60%; text-align: center; margin: auto;line-height: 2; color: #606060; padding-top: 1.875rem;}

.salesFive.salesFive {background: #fff;}
.salesFive.proThre .layui-colla-content {background: #F4F4F4;}

/* 常见问题 */
.question-banner {}
.question-banner .searchBox {margin-top: 3.75rem;}
.question-banner .searchBox .search_top {padding-bottom: 2.5rem;border-bottom: 1px solid #B9BEC4;}
.question-banner .searchBox .form {width: 45%; padding-left: 1.875rem; border: 1px solid #D9D9D9; border-radius: 6.25rem; background: #FFFFFF; height: 4.375rem;}
.question-banner .searchBox .form input {height: 100%; flex: 1;padding-left: 1.25rem;}
.question-banner .searchBox .form input::placeholder {color: rgba(61,61,61,0.36);}
.question-banner .searchBox .form img {filter: brightness(0); -webkit-filter:brightness(0); width: 1.5rem; object-fit: contain;}
.question-banner .searchBox .form button {background: #363F67; border-radius: 6.25rem; color: #FFFFFF; padding: 0 3rem; height: 100%; cursor: pointer;}

.search_nav {margin-top: 2.5rem;}
.search_nav ul {display: flex; gap: 6.25rem; white-space: nowrap; overflow-x: auto;}
.search_nav li a {font-size: var(--font20); color: #5E5E5E; padding-bottom: .625rem;display: block;}
.search_nav li {position: relative;}
.search_nav li::after {content: ''; position: absolute; border-radius: 100px; bottom: 0; left: 0; width: 100%; height: 5.008px; background: #204D77; transform: scaleX(0); transition: .5s;}
.search_nav li:hover::after , .search_nav li.on::after {transform: scaleX(1);}
.search_nav li:hover a , .search_nav li.on a {color: #204D77; font-weight: 700;}

.questionMain .question {padding-top: 0;}
.questionMain .question .layui-colla-title {font-size: var(--font18);}

.newsMain .scopenav {border-bottom: 1px solid #B9BEC4;}
.newsInfo {padding-top: 3.75rem;}
.newsInfo .swiperBox {background: #f6f6f6; box-sizing: border-box;}
.newsInfoSwiper .slide {display: flex; justify-content: space-between;}
.newsInfoSwiper .imgBox {width: 50%;overflow: hidden;}
.newsInfoSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.newsInfoSwiper .info {width: 50%; padding: 3.75rem; display: flex; flex-direction: column; justify-content: center;}
.newsInfoSwiper .info .text {line-height: 1.8; margin-top: 3.125rem;}
.newsInfoSwiper .info .time {margin-top: 3.75rem;color: #3D3D3D;}
/* 控件 */
.newsInfoSwiper .pagtion {width: auto; left: auto; right: 3.75rem; top: auto; bottom: 5rem;}
.newsInfoSwiper .pagtion span {background: #fff;opacity: 1; width: .75rem; height: .75rem;}
.newsInfoSwiper .pagtion span.swiper-pagination-bullet-active {background: #0092ee;}
@media (any-hover: hover) {
  .newsInfoSwiper .swjt:hover {background: #32A3C0;}
}

.newslist {margin-top: 3.375rem; padding-bottom: 6.25rem;}
.newslist .list ul {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.875rem;}
.newslist .list li {background: #fff; box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.04);}
.newslist .list li .info {padding: 1.875rem;}
.newslist .list li .imgBox {height: 17.5rem; overflow: hidden;}
.newslist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist .list li .time {padding-top: .75rem; border-top: 1px solid #F3F3F3; margin-top: 3.125rem;}
.newslist .list li .time .icBox img , .newslist li .time .icBox svg {width: 1.25rem; height: 1.25rem;}
@media (any-hover: hover) {
  .newslist .list li:hover .imgBox img {transform: scale(1.1);}
} 


/* 新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px solid #ddd;}
.newsDateMain .mbx .layui-breadcrumb>* {color: #333 !important;}
.newsDateMain .mbx .layui-breadcrumb::before {color: #333 !important;}
.newsDateMain .mbx .layui-breadcrumb a:hover {color: #08338F !important;}
.newsDate {padding: 0 0 3rem;}
.newsxq-box {padding: 1.875rem 0;  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;line-height: 1.4; font-weight: 500;}
.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: #08338F; }
.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: 6rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 500;}
.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:#08338F; 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: #08338F;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


/* 案例详情 */
.caseDateMain .mbx .layui-breadcrumb>* {color: #333 !important;}
.caseDateMain .mbx .layui-breadcrumb::before {color: #333 !important;}
.caseDateMain .mbx .layui-breadcrumb a:hover {color: #08338F !important;}
.caseDate {margin: 5rem 0;}
.caseDate .box {align-items: flex-start;}
.caseDate .left {background: #fcfcfc; padding: 2.5rem; width: 72%;}
.caseDate .left table {max-width: 100%;}
.caseDate .right {width: 25%;background: #fcfcfc; padding: 2.5rem; position: sticky; top: 7rem;}
.caseDate .box .tit {padding-bottom: 1.25rem; border-bottom: 1px solid #f2f2f2;}  
.caseDate .box .tit .other {display: flex; gap: 3.125rem; flex-wrap: wrap; margin-top: 1.25rem; font-size: var(--font16);}
.caseDate .left .date {margin-top: 1.875rem;}
.caseDate .left .date img {max-width: 100%;}
.caseDate .right .list li {padding: 1.25rem 0; border-bottom: 1px solid #f2f2f2;}
.caseDate .right .list li .imgBox {display: block; height: 10.5rem; margin-top: 1.25rem; overflow: hidden; border-radius: .625rem;}
.caseDate .right .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.caseDate .right .list li:first-child .imgBox {display: block;}
.caseDate .right .list li .title { color: #333333; position: relative;}
.caseDate .right .list li .title::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: var(--font14); color: #666; content: "\e602";   font-family: layui-icon !important;}
.caseDate .right .list li:hover .title {color: #08338F;}

/* 联系我们 */
.tact_banner {position: relative; overflow: hidden;}
.tact_banner .imgBox img {width: 100%;}
.tact_banner .box {top: 45%;}
.tact_banner .box {}

.tactTwo {background: #FCFCFC; padding: 5.625rem 0 7.5rem; margin-top: 4.5rem;}
.tactTwo .tactForm {background: none; padding: 0;}
.tactTwo .tactForm .form .inBox {background: rgba(216,216,216,0.16); padding: 0 1.25rem; margin-bottom: .875rem; height: 3.375rem;}
.tactTwo .tactForm .form .inBox input {height: 100%; border: 0; padding: 0 .625rem; color: #333; font-size: var(--font16);}
.tactTwo .tactForm .form .inBox label {left: .625rem; top: 50%;}
.tactTwo .tactForm .form .inBox input::placeholder {color: #5A5A5A; font-size: var(--font14);}
.tactTwo .tactForm .form .inSect .layui-form-select {height: 100%;}
.tactTwo .tactForm .form .inSect .layui-form-select .layui-select-title {height: 100%;}
.tactTwo .tactForm .form .inTxtBox {height: 11rem;}
.tactTwo .tactForm .form .inTxtBox textarea {border: 0; height: 100%; padding-top: 1.25rem; color: #333;}
.tactTwo .tactForm .form .inTxtBox textarea::placeholder {color: #5A5A5A; font-size: var(--font14);}
.tactTwo .tactForm .form .inCode {width: 100%;}
.tactTwo .tactForm .form .sub button {border-radius: 6.25rem;}

.tactOne {margin-top: -10%; position: relative; z-index: 1;}
.tactOne .box {box-shadow: 0px .188rem 3rem 0px rgba(0,0,0,0.07); background: #fff; padding: 5rem; padding-bottom: 7.5rem; border-radius: 2rem; overflow: hidden;}
.tactOne ul {display: flex; justify-content: center; justify-content: space-between;}
.tactOne li {text-align: center;}
.tactOne li .icon {height: 3.125rem; display: flex; align-items: center; justify-content: center;}
.tactOne li .icon img {max-height: 100%; min-height: 80%;}
.tactOne li .p1 {margin-top: 2.5rem; margin-bottom: 1rem;}
.tactOne .mapBox {margin-top: 8.75rem;}
.tactOne .mapBox img {width: 100%;}



/* =====资料录入修改 */
.proTable1 {text-align: center;}
.proTable1 table tr:first-child td {background: none !important; color: #333 !important; }
.proTable1 table tr:first-child td span {color: #333 !important; }
.proTable1 table tr {border-bottom: 1px solid rgb(242, 242, 242) !important;  height: auto !important;   width: 100%; white-space: nowrap;}
.proTable1 table tr td {border: 0 !important; border-radius: .625rem; transform: scale(.9);}

.item-title {font-size: var(--font48);  color: #204d77;  text-align: center;  position: relative;  padding-bottom: 1.5rem;}
.item-title span {font-size: 2.8rem;  border-bottom: 5px solid #204d77;  padding-bottom: 1.5rem;  position: relative;  z-index: 9;  font-weight: 700;}
.item-title:after {content: "";  position: absolute;  display: block;  width: 66%;  bottom: 0rem;  left: 20%;  height: 2px;  background: #ddd;}
.date_four .item-title {color: #fff;}
.date_four .item-title span {  border-bottom: 5px solid #fff;}
.date_four .item-title:after {  background: #fff;}