/* #c-placeholder {height: 16px;min-height: 5rem;} */
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s;}
header .headBox { position: relative; background: #fff;transition: .5s;}
header .headBox .box {height: 6.25rem;}
header .logo .xian {height: 3.125rem; width: .063rem; margin: 0 2.5rem;background: #F2F2F2; position: relative; overflow: hidden;}
header .logo .xian::after {animation: xian 2.5s linear infinite; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #007FC4;}
header .logo a img {height: 3.75rem; max-width: 100%; object-fit: contain;}
header .headBox .head_re {gap: 1.875rem;}
header .headBox .search form {width: 18.75rem; height: 2.75rem; border: 1px solid #F2F2F2; border-radius: 6.25rem; position: relative;} 
header .headBox .search form input {padding: 0 1.25rem; height: 100%; font-size: var(--font14); color: #333;}
header .headBox .search form button {position: absolute; border-radius: 50%; right: 0; top: 0; height: 2.75rem; width: 2.75rem; border: none;     background: linear-gradient(130deg, #7E64AB 30%, #007FC4); cursor: pointer;}
header .headBox .search form button img {width: 40%;}
header.c-style2{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;}

.head_nav {background: #007FC4; transition: .5s;}
.head_nav .box {display: flex; justify-content: space-between; height: 4.75rem;}
.head_nav .nav_re {gap: 6.25rem; padding-right: 1.25rem; z-index: 1; }
/* 导航 */
nav {height: 100%; width: 72%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; }
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative; height: 100%; display: flex; align-items: center; padding: 0 2.75rem; z-index: 1; font-size: var(--font18); font-weight: 700; transition: 0.5s;}
nav .layui-nav .layui-nav-item > a i {font-size: var(--font12); right: 1.5rem; top: calc(50% - .375rem); font-weight: 300;}
nav .layui-nav .layui-nav-item > a::after {content: ''; position: absolute; left: 0; width: 0; height: 100%;background: linear-gradient(107deg, #7E64AB 0%, #0076B6 100%); z-index: -1; transition: .5s; }
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {color: #fff;}
nav .layui-nav .layui-nav-item:hover > a::after , nav .layui-nav .layui-this > a::after {width: 100%;}
nav .layui-nav .layui-nav-item > a:hover::before , nav .layui-nav .layui-this > a::before {transform: translateX(-50%) translateY(-50%) scale(1);opacity: 1;}
nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;}
/* 默认下拉 */
nav .layui-nav .layui-nav-child {top: 100%; background: rgba(255, 255, 255,1); width: 100%; min-width: 8.125rem; line-height: initial;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font16);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #007FC4;}

/* 产品下拉 */
.pronavTwo {position: fixed; width: 100%; left: 0; top: calc(4.75rem + 6.25rem) !important; background: #fff; padding: 2.5rem 0%;}
.pronavTwo .dllist {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem;} 
.pronavTwo .dllist dt {margin-bottom: .625rem;}
.pronavTwo .dllist dt a {font-weight: 700; font-size: var(--font18); color: #333;}
.pronavTwo .dllist dd a {font-size: var(--font16); color: #666; padding: .313rem 0; display: block;}
.pronavTwo .dllist dt a:hover {color: #007FC4; background: none;}
.pronavTwo .dllist dd a:hover {color: #007FC4; background: none;}
.pronavTwo .dllist dd.on a {color: #007FC4;}

/* 语言 */
.headluange {}
.headluange .layui-nav > .layui-nav-item >a {display: flex; font-size: var(--font16); }
.headluange .layui-nav > .layui-nav-item >a span {}
.headluange .layui-nav > .layui-nav-item a i.layui-nav-more {color: #fff; position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
.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: 5rem;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .313rem 0;}
/* 网上商城 */
.head_nav .headshop {position: relative;height: 4.75rem; }
.head_nav .headshop::after {content: ''; height: 4.75rem; z-index: -1; top: 0; position: absolute; width: 100vw; left: -3rem; background: #412374;clip-path: polygon(1% 0%, 100% 0%, 100% 100%, 0% 100%);}

/* 头部下滑 */
header.c-style2 .pronavTwo {top: 4.75rem !important;}
header.c-style2 .headBox {transform: translateY(-6.25rem);}
header.c-style2 .head_nav {transform: translateY(-6.25rem);}



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



/* ===============公用css star!!!!===================*/
.more1 {display: inline-block; padding: 1rem 2rem;background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); color: #fff; border-radius: .188rem; transition: .5s;}
@media (any-hover: hover) {
 .more1:hover {background: linear-gradient(-57deg, #7E64AB 0%, #007EC4 100%); box-shadow: 0 0 0  .5rem rgba(0, 83, 161, 0.2);}
}

.public_tle_box {gap: .75rem;}
.public_tle_box .icBox {width: 2.875rem; height: 2.875rem; background: #007FC4; border-radius: 50%;}
.public_tle_box .icBox img {width: 36%;}
.public_tle_box .p2 {line-height: 1;}
/* ===============公用css end!!!!===================*/

/* =====首页 */
.indexBanner {position: relative; overflow: hidden;}
.indexBanner .swiper {}
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img {width: 100%; max-height: 100vh; min-height: 20rem;  object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .box {}
.indexBanner .slide .con {width: 100%;}
.indexBanner .slide .con .p1 span {padding: .625rem 1rem; background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); border-radius: .188rem 1rem .188rem 1rem;}
.indexBanner .slide .con .p2 {margin-top: 1rem;}
.indexBanner .slide .more {margin-top: 3rem; display: flex; gap: 1.75rem;}
.indexBanner .slide .more .tag {border-radius: .188rem; min-width: 9.5rem; text-align: center; padding: 1rem .625rem; background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%);  font-size: var(--font18); color: #fff;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .controls {position: absolute; width: 100%; left: 0; bottom: 4%;}
.indexBanner .w1500 {}
.indexBanner .pagtion {position: relative; inset: 0; margin: 0; text-align: left; width: auto; margin-right: 1.75rem;}
.indexBanner .pagtion span {width: .875rem; margin:0 .625rem !important; height: .875rem; background: #007EC4; opacity: .3; border-radius: 0; transform: skewY(-15deg);}
.indexBanner .pagtion .swiper-pagination-bullet-active {opacity: 1;}
.indexBanner .swjt {position: relative; inset: 0; margin: 0; width: auto; height: auto; transform: none;}
.indexBanner .swjt i {color: #fff; font-size: var(--font16);}

.indexOne {padding: 6.25rem 0 3rem;background: #FCFCFC;}
.indexOne .tle .indexTle {flex: 1; text-align: center; padding-left: 12rem;}
.indexOne .swiperBox {margin-top: 3.75rem; position: relative;}
.indexOne .swiperBox .swiper {position: static;}
.indexOne .slide a {border: 1px solid #CDCDCD; border-radius: .5rem; display: block; padding: 1.25rem; padding-bottom: 2.5rem; text-align: center;}
.indexOne .slide .imgBox {position: relative; padding-bottom: 56%;border: 1px solid #CDCDCD; overflow: hidden; border-radius: .125rem; background: #F2F2F2;}
.indexOne .slide .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexOne .slide .p1 {transition: .5s;}
@media (any-hover: hover) {
 .indexOne .slide:hover .p1 {color: #007FC4;}
 .indexOne .slide:hover .imgBox img {transform: scale(1.05);}
}
/* 控件 */
.indexOne .controls {position: relative; margin-top: 2.5rem; display: flex; justify-content: center;}
.indexOne .pagtion {position: relative; inset: 0; margin: 0 1.875rem; text-align: left; width: auto;}
.indexOne .pagtion span {width: .875rem; margin:0 .625rem !important; height: .875rem; background: #007EC4; opacity: .3; border-radius: 0; transform: skewY(-15deg);}
.indexOne .pagtion .swiper-pagination-bullet-active {opacity: 1;}
.indexOne .swjt { width: 3.5rem; height: 3.5rem; background: #007EC4; border-radius: 50%; transform: none;}
.indexOne .swjt i {color: #fff; font-size: var(--font18);}

.indexOne .swiper-button-prev {left: 0; transform: translateX(-120%);}
.indexOne .swiper-button-next {right: 0; transform: translateX(120%);}



.indexTwo {padding: 3.75rem 0; background: #fff;}
.indexTwo .list {margin-top: 3.75rem;}
.indexTwo .list ul {display: flex;}
.indexTwo .list li {flex: 1; margin: 0 .25rem; border-radius: .375rem; overflow: hidden; background: #fff; position: relative; height: 30.75rem; transition: .5s;}
.indexTwo .list li .imgBox {position: relative; height: 100%;}
.indexTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .list li .imgBox::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 50%, rgba(0, 0, 0, .8)); transition: .5s;}
.indexTwo .list li .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.8); transition: .5s; width: 100%; opacity: 0;}
.indexTwo .list li .show { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; padding: 2.5rem; padding-right: .625rem; height: 100%; position: absolute; top: 0; left: 0%; transition: .5s;}
.indexTwo .list li .show .icBox {display: none;}
.indexTwo .list li .hide {position: absolute;width: 100%;top: 0;padding: 2.5rem 2rem;z-index: 1;opacity: 0;transition: .5s;text-align: center;}
.indexTwo .list li .icBox {height: 3.25rem; display: flex; align-items: center; justify-content: center;} 
.indexTwo .list li .icBox img {max-height: 100%; min-height: 90%; object-fit: contain;}
.indexTwo .list li .hide .p2 {}
.indexTwo .list li .hide .links {margin-top: 2.75rem;display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 1rem;}
.indexTwo .list li .hide .links a {width: 100%;position: relative;color: #fff;display: flex;align-items: center;justify-content: flex-start;gap: .5rem; font-size: var(--font18);}
.indexTwo .list li .hide .links a::before {content: ''; width: .625rem; height: .625rem; background: #fff; display: inline-block; border-radius: 50%;}
.indexTwo .list li.active {flex: 2;}
.indexTwo .list li.active .imgBox::before {opacity: 0;}
.indexTwo .list li.active .imgBox::after {opacity: 1;}
.indexTwo .list li.active .show {opacity: 0;}
.indexTwo .list li.active .hide {opacity: 1; transition-delay: .5s;}

.indexThre {padding: 5rem 0; background: #FCFCFC;}
.indexThre .desc {display: none;}
.indexThre .list {margin-top: 3.25rem;}
.indexThre .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 3.125rem;}
.indexThre .list li {text-align: center;}
.indexThre .list li a {display: block;border: 1px solid #D1D1D1; height: 100%;padding: 1.5rem; padding-bottom: 2.5rem;}
.indexThre .list li .imgBox {position: relative; padding-bottom: 74%; overflow: hidden;}
.indexThre .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .45s;}
.indexThre .list li .p1 {margin-top: 1.875rem;}
.indexThre .list li .p2 {margin-top: 1.25rem;}
@media (any-hover: hover) {
  .indexThre .list li:hover a {border-color: #007EC4; color: #007EC4;}
  .indexThre .list li:hover .imgBox img {transform: scale(1.05);}
  .indexThre .list li:hover .p1 {color: #007EC4;}
}

.indexFour {background: linear-gradient(179deg, #D0E4FF 0%, #F4F8FD 100%); padding: 2.5rem 0 3.75rem;}
.indexFour .left {position: relative; z-index: 1; width: 55%;}
.indexFour .right {width: 40%;}
.indexFour .right img {width: 100%;}
.indexFour .left .xian {width: 5.625rem; height: 2px; background: #01458E; margin-top: 1.875rem;}
.indexFour .left .logo {z-index: -1; width: 95%;}
.indexFour .left .logo img {max-width: 100%; min-width: 90%;opacity: .4;}
.indexFour .left .text {margin-top: 3.125rem;}
.indexFour .left .text p {margin-top: 1.75rem; text-align: justify; text-justify: inter-ideograph;}
.indexFour .left .more {margin-top: 2.875rem;}
.indexFour .numlist {background: #FFFFFF; border-radius: .625rem; padding: 3rem 3.75rem; border-radius: .625rem; margin-top: 2.5rem;}
.indexFour .numlist ul {display: flex; justify-content: space-between;}
.indexFour .numlist li {display: flex; align-items: flex-start;}
.indexFour .numlist li .icBox {width: 2.5rem; margin-right: 1.5rem;}
.indexFour .numlist li .icBox img {width: 100%; object-fit: contain;}
.indexFour .numlist li .num {display: flex; align-items: flex-end; line-height: .8; gap: .25rem;}
.indexFour .numlist li .counter {font-size: 3.25rem; font-weight: 700; color: #007EC4;}
.indexFour .numlist li .dw {color: #007EC4; font-weight: 700;}
.indexFour .numlist li .txt {margin-top: .625rem;}

.indexFive {padding: 5rem 0;}
.indexFive .tle .more {flex-shrink: 0;}
.indexFive .desc {display: none;}
.indexFive .box {margin-top: 2.5rem; background: #FCFCFC; }
.indexFive .imglist {position: relative; width: 50%;}
.indexFive .imglist .imgBox {display: none; position: relative; height: 100%;}
.indexFive .imglist .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFive .imglist .imgBox.active {display: block; animation: fadeIn 1s ease-in-out;}
.indexFive .imglist .info {position: absolute; left: 0; width: 100%; bottom: 0; padding: 2.5rem; background: rgba(30, 104, 172,.8);}
.indexFive .textlist {width: 50%;padding: 0 3.125rem;}
.indexFive .textlist .item {border-bottom: 1px solid #CECECE; position: relative;}
.indexFive .textlist .item::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #2487C7; transition: .5s;}
.indexFive .textlist .item a { width: 100%; padding: 2.5rem 0;  display: flex; align-items: center; justify-content: space-between;}
.indexFive .textlist .item .time {font-size: var(--font18);color: #333333; transition: .5s;}
.indexFive .textlist .item .p1 {font-size: var(--font20);color: #333333; transition: .5s;}
.indexFive .textlist .jt {width: 2.875rem; height: 2.875rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;background: #0C0C0C; border-radius: 50%; transition: .5s;}
.indexFive .textlist .jt i {font-size: var(--font18); color: #fff; }
@media (any-hover: hover) {
  .indexFive .textlist .item:hover .p1 {color: #2487C7;}
  .indexFive .textlist .item:hover .time {color: #2487C7;}
  .indexFive .textlist .item:hover .jt {background: #2487C7;}
  .indexFive .textlist .item:hover::after {width: 100%;}
}

.indexSix {padding: 7.5rem 0 3.75rem; background: url(../images/indexSix-bj.jpg) no-repeat center; background-size: cover; text-align: center;}
.indexSix .desc {padding: 0 5rem; margin-top: 3.125rem;}
.indexSix .jt {margin-top: 7.5rem;}
.indexSix .jt i { animation: shubiao2 1s linear infinite; display: block;}
.indexSix .more {margin-top: 2.5rem;}
.indexSix .more .a1 {background: none; border: 1px solid #fff; color: #fff;}
.indexSix .more .a2 {display: inline-flex;}
@media (any-hover: hover) {
  .indexSix .more .a1:hover {background: #fff; color: #007EC4;}
}

/* ==== 页脚 ==== */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover;}
.footer .foterBox {padding: 3.125rem 0 2.5rem;}
.footer .foter_le {width: 23%;} 
.footer .foter_re {width: 70%;}
.footer .foter_logo {display: none;}
.footer .foter_logo img {max-width: 100%; width: 11rem;} 
.footer .footer_us {margin-top:0;}
.footer .footer_us dl dd {display: flex; align-items: center; margin-top: .625rem; gap: .75rem;} 
.footer .footer_us dl .icBox {width: 1.125rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.footer .footer_us dl .icBox img {max-width: 100%; min-width: 80%; object-fit: contain;}
.footer .foter_le .more {margin-top: 2.5rem; display: none;}
.foternav {display: flex; justify-content: space-between;}
.foternav dl dt {font-size: var(--font18); margin-bottom: 1.5rem;}
.foternav dl dd {margin-top: .313rem;}
.foternav dl dd a {font-size: var(--font15);}
@media (any-hover: hover) {
  .foternav dl dd a:hover {color: #2487C7;}
}

.foter_follow {display: flex; justify-content: flex-end; gap: 1.5rem; margin-top: 1.75rem;}
.foter_follow .item {text-align: center; position: relative;}
.foter_follow .item .code {position: absolute; width: max-content; background: #fff; padding: .5rem; left: 50%; transform: translateX(-50%); bottom: 180%;text-align: center; height: 7rem; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: .5s;}
.foter_follow .item .code img {width: 100%; max-width: 6.25rem; max-height: 100%; object-fit: contain;}
.foter_follow .item .code::after {content: '';  bottom: 0;transform: translateY(90%); background: #fff; position: absolute; height: .625rem; width: .625rem; clip-path: polygon(50% 100%, 0 0, 100% 0);}


.foter_follow .item span {color: #666666; font-size: var(--font15); display: block; margin-top: 1rem;}

@media (any-hover: hover) {
  .foter_follow .item:hover .code {opacity: 1; bottom: 140%; visibility: visible;}
}



.foter_copy {padding: 1.75rem 0; border-top: 1px solid #D0D0D0;}
.foter_copy p , .foter_copy p a {color: #666666; font-size: var(--font15);}
.foter_copy p a:hover {color: #2487C7;}


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

/* ==== 内页banner ==== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%;}

/* ==========产品中心 */
.proMain {}
.proOne {padding: 5rem 0;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 18.5%; min-width: 12.5rem; position: sticky; top: 7rem;}
.proOne .box .re {flex: 1; position: relative; padding-left: 2.75rem;}

/* 左侧产品栏目 */
.proOne .menu ul {}
.proOne .menu li {}
.proOne .menu li .menu-li {cursor: pointer;  z-index: 1; position: relative;  border: 1px solid #F2F2F2; margin-top: -1px;}
.proOne .menu li .menu-li a {color: #333; padding: 1rem 1rem; font-size: var(--font18); position: relative; display: block; position: relative; z-index: 1; transition: .5s;}
.proOne .menu li .menu-li a::before {content: '-'; color: #D8D8D8; margin-right: 1.25rem;}
.proOne .menu li .menu-li a::after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background: linear-gradient(101deg, #7E64AB, #007FC4); transition: .5s; z-index: -1;}
.proOne .menu li .menu-li.on a::after {width: 100%;}
.proOne .menu li .menu-li.on a {color: #fff;}
.proOne .menu li .menu-li.on + .s-menu {display: block;}
.proOne .menu li .s-menu {width: 100%; padding: 1.25rem 0; padding-left: 3rem; position: relative; z-index: 0; border: 1px solid #F2F2F2; border-top: 0; display: none;}
.proOne .menu li .s-menu .item {margin-bottom: .625rem;}
.proOne .menu li .s-menu a {width: 100%; color: #7B7B7B;transition: all ease-out 0.3s; position: relative;}
.proOne .menu li .s-menu .item.on a {color: #2487C7;}
.proOne .menu li .s-menu.on {display: block;}
@media (any-hover: hover) {
  .proOne .menu li .menu-li:hover a::after {width: 100%;}
  .proOne .menu li .menu-li:hover a {color: #fff;}
  .proOne .menu li .s-menu a:hover {color: #2487C7;}
}

/* 左侧联系我们 */
.proOne .le_us {margin-top: 3.125rem; }
.proOne .le_us .tit {color: #007FC4; font-size: var(--font28); font-weight: 700; position: relative; line-height: 1; padding-left: 1rem;margin-bottom: 2.25rem;}
.proOne .le_us .tit::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .25rem; height: 100%; background: linear-gradient(-48deg, #01B4F8, #7E64AB, #007FC4);}
.proOne .le_us dl {}
.proOne .le_us dd {padding: 1.25rem 0; border-top: 1px solid #F2F2F2; display: flex; align-items: center; gap: 1.25rem;}
.proOne .le_us dd:last-child {border-bottom: 1px solid #F2F2F2;}
.proOne .le_us dd .icBox {width: 3.125rem; height: 3.125rem; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center;background: linear-gradient(101deg, #7E64AB, #007FC4);}
.proOne .le_us dd .icBox img {width: 40%; filter: brightness(100); -webkit-filter:brightness(100);}
.proOne .le_us dd a {color: #333;}
.proOne .le_us dd a:hover {color: #2487C7;}
.proOne .le_us .more {margin-top: 2rem;}
.proOne .le_us .more a {display: block; text-align: center;border-radius: .188rem 1.125rem .188rem 1.125rem;}

/* 右侧产品列表 */
.proOne .list {}
.proOne .list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem;}
.proOne .list li {background: #F2F2F2;overflow: hidden;}
.proOne .list li .imgBox {position: relative; overflow: hidden; padding-bottom: 85%;}
.proOne .list li .imgBox img {position: absolute; inset: 0; width: 100%;height: 100%; object-fit: contain; transition: .5s;}
.proOne .list li .txt {padding: 1.5rem .625rem; border-top: 1px solid #E5E5E5; text-align: center; font-size: var(--font18); color: #333;}
.proOne .list li:hover .imgBox img {transform: scale(1.1);}

/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #1E53A4; z-index: 2;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 768px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 24%;}
  
}
@media screen and (max-width: 767px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; max-width: 100% !important; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}

/* ==========产品详情 */
.proDate .box .re {max-width: calc(100% - 21.5%);}

@media screen and (max-width: 1024px) {
  .proDate .box .re {max-width: calc(100% - 27%);}
}

.proDate .re {background: #FCFCFC; padding: 2.5rem; margin-left: 2.5rem; box-sizing: border-box;}
.proDate .date_tle {padding-bottom: 1.875rem; border-bottom: 1px solid #D8D8D8; }
.proDateOne .left {width: 52%;}
.proDateOne .right {width: 40%; border-radius: 0px 2.625rem 0px 2.625rem;}
.proDateOne .left .desc {margin: 3.75rem 0;}
.proDateOne .left .more a {padding: 1rem 3.25rem;border-radius: .188rem 1.125rem .188rem 1.125rem;}
.proDateOne .swiperBox , .proDateOne .swiper {height: 100%;}
.proDateOne .swiper .imgBox {height: 100%;}
.proDateOne .swiper .imgBox img {max-width: 100%; min-width: 50%;     border-radius: 0px 2.625rem 0px 2.625rem;}
.proDateOne .left .date_tle .icBox img {width: 2.25rem;}
.proDateOne .left .date_tle .tit {padding-left: 0;}

.proDateTwo {padding-top: 3.75rem;}
.proDateTwo .date_tle {padding-bottom: 0 !important;}
.proDateTwo img {max-width: 100%; height: auto !important;}
.proDateTwo .info {padding: 1.25rem 0;}
.proDateTwo .info img {max-width: 100%; height: auto !important;}
.proDateTwo .tab-content {display: none;}
.proDateTwo .tab-content table {max-width: 100%;}


/* =====关于我们 */
/* 面包屑 */
.mbx  {padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); opacity: 1; color: #333 !important;}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #333; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #2487C7 !important;}
.mbx .layui-breadcrumb span[lay-separator] {margin: 0 .625rem !important;}

/* 内页nav */
.ny-nav {box-shadow: 0px .188rem .25rem 0px rgba(21,21,21,0.03); padding: 1.5rem 0;}
.ny-nav .box {display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; flex-wrap: wrap;}
.ny-nav .list ul {display: flex;gap: .625rem;}
.ny-nav .list li a {padding: .875rem 2rem; position: relative; z-index: 1; transition: .5s;}
.ny-nav .list li a::after {position: absolute; content: ''; inset: 0; width: 100%; left: 0; height: 100%; background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); opacity: 0; z-index: -1; transition: .5s;}
.ny-nav .list li.on a {color: #fff;}
.ny-nav .list li.on a::after {opacity: 1;border-radius: .188rem 1.125rem .188rem 1.125rem;}
@media (any-hover: hover) {
  .ny-nav .list li:hover a {color: #fff;}
  .ny-nav .list li:hover a::after {opacity: 1;border-radius: .188rem 1.125rem .188rem 1.125rem;}
}

.aboutOne {padding: 5rem 0 3.75rem; position: relative; overflow: hidden;}
.aboutOne .imgBox {width: 41%; overflow: hidden;border-radius: 0px 3.75rem 0px 0px; margin-left: 4.5rem;}
.aboutOne .imgBox img {width: 100%;}
.aboutOne .right {width: 48%;}
.aboutOne .right .text p {color: #666666; line-height: 1.8; margin-top: 1.5rem;}
.aboutOne .sk {position: absolute; left: 0; top: 0; height: 100%; width: 18%; background: url(../images/aboutOne-sk.png) no-repeat left; background-size: 100% 100%;}
.aboutOne .sk {display: flex; writing-mode: vertical-rl; justify-content: flex-end; padding-bottom: 1.25rem; box-sizing: border-box;}
.aboutOne .sk .xian {width: 1px; height: 3.375rem; background: #fff; opacity: 0.3; margin-bottom: .625rem;}
.aboutOne .sk .sk-txt {opacity: 0.3; color: #fff; font-size: var(--font15); line-height: 2;  padding-right: 25%;}

.aboutTwo {background: #FCFCFC; padding: 3.75rem 0;}
.aboutTwo .numlist {background: none; padding: 0;}
.aboutTwo .numlist ul {position: relative;}
.aboutTwo .numlist li .xian {width: 1px; height: 1.625rem; background: #E1E1E1;transform: rotate(35deg); margin-top: 1rem;}

.aboutTle img {width: 1.375rem; margin-right: .625rem;}
.aboutThre {padding: 3.75rem 0; position: relative; z-index: 1; overflow: hidden;}
.aboutThre .bjBox {position: absolute; right: 0; z-index: -1; bottom: 0; transform: translateY(15%); width: 64%;}
.aboutThre .bjBox img {width: 100%;}
.aboutThre .list {margin-top: 3.75rem;}
.aboutThre .list ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 2.5rem;}
.aboutThre .list li {border: 1px solid #EDEDED; padding: 2rem 4rem; text-align: center; display: flex; align-items: center; gap: 5rem;}
.aboutThre .list li .icBox {width: 5.625rem; height: 5.625rem; border-radius: 50%; background: linear-gradient(101deg, #7E64AB, #007FC4); margin: auto;}
.aboutThre .list li .icBox img {width: 40%;}

.aboutThre .list li .ic_text {width: 20%;}

.aboutThre .list li .t1 {font-size: var(--font20); font-weight: 700; margin-top: 1.25rem;}
.aboutThre .list li .p1 {font-size: var(--font20); font-weight: 700; flex: 1;}
.aboutThre .list li .xian {width: 2px; height: 7rem; background: #F2F2F2; margin: auto; margin-top: 1.875rem; position: relative; z-index: 1;}
.aboutThre .list li .xian::after {position: absolute; content: ''; inset: 0; width: 100%; top: 50%; transform: translateY(-50%); height: 40%; background: #007FC4; z-index: -1; transition: .5s;}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding: 3.75rem 0; padding-bottom: 10rem; min-height: calc(100vh - 11rem); overflow: hidden; position: relative;}
.aboutFour .mySwiper2 .slide {min-height: 14rem; text-align: center; display: flex; align-items: center; justify-content: center;} 
.aboutFour .mySwiper2 .slide .con {padding: 0 15%;}
.aboutFour .mySwiper2 .slide .year {font-size: 16.25rem; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: 900; line-height: 1; color: #F2F2F220; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.aboutFour .mySwiper2 .slide .p1 {font-size: var(--font36); color: #fff; font-weight: 700; color: #F2F2F2;}
.aboutFour .mySwiper2 .slide .p2 {margin-top: 1rem;color: #F2F2F2; font-size: var(--font18);}
/* 控件 */
.aboutFour .mySwiper2 .swjt.swiper-button-prev {left: 5%;}
.aboutFour .mySwiper2 .swjt.swiper-button-next {right: 5%;}
.aboutFour .mySwiper2 .swjt i {color: #fff; font-size: var(--font36);}
.aboutFour .thumbBox {position: relative; margin-top: 1.75rem;}
.aboutFour .thumbBox .sjx {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.aboutFour .thumbBox .sjx .j {width: 1rem; height: 1rem;background: #127BC0; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
.aboutFour .thumbBox .sjx .j2 {transform: rotate(180deg); margin-top: 5.625rem;}
.aboutFour .thumbBox .slide {padding-top: 1.5rem;font-size: var(--font18);color: #F2F2F2; text-align: center; cursor: pointer;}
.aboutFour .mySwiper {overflow: visible;}
.aboutFour .mySwiper .swiper-wrapper::after {content: ''; position: absolute; width: 1000%; left: -100%; top: -4rem; height: 100%; background: url(../images/aboutFour-xian.png); background-repeat: repeat-x; background-size: auto; background-position: top;   }
.aboutFour .desc {text-align: center; width: 100%; position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); z-index: 1;}
.aboutFour .desc img {width: 28%;}
.aboutFour .desc span {display: block; font-family: Arial, Helvetica, sans-serif; color: #D3D3D3; text-transform: uppercase; margin-top: .625rem; } 

.aboutFive {background: #FCFCFC; padding: 5rem 0;}
.aboutFive .desc {width: 38%;line-height: 1.8;}
.aboutFive .swiperBox {margin-top: 6.25rem; position: relative;}
.aboutFive .swiper {position: static;}
.aboutFive .slide {position: relative; padding-bottom: 5%; z-index: 1;}
.aboutFive .slide .imgBox {position: relative; padding-bottom: 46%;}
.aboutFive .slide .imgBox img {position: absolute; width: 100%; height: 100%; object-fit: contain; inset: 0; transition: .5s;}
.aboutFive .slide::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 55%; z-index: -1; background: url(../images/aboutFive-img-bj.png) no-repeat center; background-size: 100%; }
@media (any-hover: hover) {
  .aboutFive .slide:hover .imgBox img {transform: scale(1.05);}
}
/* 控件 */
.aboutFive .swjt.swiper-button-prev {left: 0; transform: translateX(-200%);}
.aboutFive .swjt.swiper-button-next {right: 0; transform: translateX(200%);}
.aboutFive .swjt i {font-size: var(--font36); color: #127BC0;}

.aboutSix {padding: 2.5rem 0; padding-bottom: 8.75rem; overflow: hidden;}
.aboutSix .aboutTle {flex: 1; padding-right: 6.25rem;}
.aboutSix .thumb_box {width: 50%; }
.aboutSix .thumb_box .slide {width: auto; font-size: var(--font18); color: #333;}
.aboutSix .thumb_box .slide {padding: .875rem 2rem; position: relative; z-index: 1; transition: .5s; cursor: pointer;}
.aboutSix .thumb_box .slide::after {position: absolute; content: ''; inset: 0; width: 100%; left: 0; height: 100%; background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); opacity: 0; z-index: -1; transition: .5s;}
.aboutSix .thumb_box .slide.swiper-slide-thumb-active {color: #fff;}
.aboutSix .thumb_box .slide.swiper-slide-thumb-active::after {opacity: 1;border-radius: .188rem 1.125rem .188rem 1.125rem;}
.aboutSix .swiperBox {margin-top: 3.75rem;}
.aboutSix .swiper1 {position: static; overflow: visible;}
.aboutSix .swiper1 > .swiper-wrapper > .swiper-slide {visibility: hidden;}
.aboutSix .swiper1 > .swiper-wrapper > .swiper-slide-active {visibility: visible;}

.aboutSix .swiper2 {position: static;}
.aboutSix .swiper2 .slide {pointer-events: auto;}
.aboutSix .swiper2 .slide .imgBox img {width: 100%;} 
.aboutSix .swiper2 .pagtion {top: auto; bottom: -5rem;}
.aboutSix .swiper2 .pagtion .swiper-pagination-progressbar-fill {background: #007EC4;}
/* 控件 */
.aboutSix .swjt.swiper-button-prev {left: 0; transform: translateX(-200%);}
.aboutSix .swjt.swiper-button-next {right: 0; transform: translateX(200%);}
.aboutSix .swjt i {font-size: var(--font36); color: #127BC0;}


/* =====新闻中心 */
.newsOne {padding: 3.75rem 0; overflow: hidden;}
.newsOne .box {display:flex; justify-content: space-between;}
.newsOne .itemOne {width: 40%; position: relative;}
.newsOne .itemOne .imgBox {overflow: hidden; position: relative; height: 100%;}
.newsOne .itemOne .imgBox::after {content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);}
.newsOne .itemOne .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newsOne .itemOne .con {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; padding: 3.125rem;}
.newsOne .itemOne .con .time {padding: .625rem 1.375rem; border-radius: .188rem 1.125rem .188rem 1.125rem;  background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); display: inline-block; color: #fff;}

.newsOne .itemTwo {width: 28%;background: #FCFCFC;} 
.newsOne .itemTwo .imgBox {overflow: hidden;}
.newsOne .itemTwo .imgBox img {width: 100%; transition: .5s;}
.newsOne .itemTwo .con {padding: 1.875rem;}
.newsOne .itemTwo .con .more {margin-top: 1.25rem;}
@media (any-hover: hover) {
  .newsOne .itemOne:hover .imgBox img {transform: scale(1.05);}
  .newsOne .itemTwo:hover .imgBox img {transform: scale(1.05);}
}

.newsTwo {padding: 5rem 0;}
.newsTwo .list ul {display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 2.5rem;}
.newsTwo .list li {width: 48%;}
.newsTwo .list li a {display: flex; gap: 2.25rem;}
.newsTwo .list li .card {border: 1px solid #F2F2F2; flex-shrink: 0; padding: .625rem 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.newsTwo .list li .card .days {line-height: 1;}
.newsTwo .list li .p2 {transition: .5s;}
@media (any-hover: hover) {
  .newsTwo .list li:hover .p2 {color: #007EC4;}
}

/* ==========新闻详情 */
.newsDateMain {background: #f9f9f9; }
.newsDateMain .mbx {background: #fff; padding: 1.25rem 0;}
.newsDateMain .mbx .layui-breadcrumb::before {color: #333;}
.newsDateMain .mbx .layui-breadcrumb>* {color: #333 !important;}
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page .back a {font-size: var(--font16); color: #fff; background: #007EC4; padding: .625rem 1.25rem; border-radius: 6.25rem;}


.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: #007EC4; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-page a.no .news-next ,.newsxq-page a.no .news-prev {background: #eeeeee; cursor: not-allowed;}



.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 7rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#007EC4; 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: #007EC4;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}

/* =====服务支持 */
.serveOne {padding: 5.625rem 0; overflow: hidden;}
.serveOne .box {align-items: flex-start;}
.serveOne .tle .xian {margin: 1.875rem 0; width: 5.75rem; height: .188rem; background: linear-gradient(93deg, #7E64AB 0%, #007EC4 100%);}
.serveOne .map img {width: 100%;}
.serveOne .left {width: 48%; position: sticky; top: 6.25rem;}
.serveOne .right {width: 48%; position: relative; z-index: 2;}
.serveOne .left .map {opacity: .1; width: 150%; transform: translateX(-35%) translateY(-4%); position: relative; z-index: 1;}
.serveOne .left .map::after {content: ''; z-index: -1; left: 0; position: absolute; width: 100%; height: 100%; background:linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 5%, #ffffff 100%);  z-index: 1;}
.serveOne .right .form {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.serveOne .right .form .inBox {width: 48%; margin-top: 1.25rem; padding-left: 1rem; box-sizing: border-box; display: flex; align-items: center;}
.serveOne .right .form .inBox  {border: 0; border-bottom: 1px solid #F2F2F2; box-shadow: none; height: 3.125rem;}
.serveOne .right .form .inBox em{font-size: var(--font14);}
.serveOne .right .form .inBox input{border: none; width: 100%; padding-left: 0; outline: none;flex:1; font-size: var(--font14); box-shadow: none;}
.serveOne .right .form .inBox input::placeholder { color: #333;}
.serveOne .right .form .w100 {width: 100%;}
/* 产品型号 */
.product-group .layui-form-select {flex: 1;}
.product-group .add_box {width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.more_add {margin-top: 1.5rem;width: 100%;}
.more_add .more1 {border-radius: .188rem 1.125rem .188rem 1.125rem; min-width: initial;}
.layui-form-select dl {top: 100%; }
.layui-form-selectup dl {top: auto; bottom: 100%;}
.layui-form-select dl dd {line-height: initial; padding: .625rem; font-size: var(--font16);}
/* 验证码 */
.serveOne .right .form .inCode {position: relative;}
.serveOne .right .form .inCode img {position: absolute; right: 0; bottom: .625rem; width: 7.5rem; object-fit: contain; height: auto;}
/* 提交 */
.serveOne .right .form .sub {margin-top: 2.5rem;}
.serveOne .right .form .sub button {border-radius: .188rem 1.125rem .188rem 1.125rem; min-width: initial; cursor: pointer;}

/* ====== 下载页面*/
.downlist {padding: 3rem 0;}
.downlist .search-box {display: flex; width: 40%; margin: auto; position: relative;}
.downlist .search-box input {background: #f2f2f2; height: 3.25rem; border-radius: 6.25rem; padding: 0 2.5rem; padding-right: 5rem;}
.downlist .search-box button {width: 3.25rem; height: 3.25rem; position: absolute; display: flex; align-items: center; justify-content: center; padding: 0; right: 0; top: 0; border-radius: 6.25rem;background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); }
.downlist .search-box button img {width: 40%;  object-fit: contain;}
.downlist .catalog-list {margin-top: 3.125rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.downlist .catalog-list .catalog-item {width: 45%; border: 1px solid transparent; border-radius: 2rem 0 2rem 0; min-height: 6rem; display: flex; align-items: center; justify-content: space-between; gap: .625rem; background: #f2f2f2; padding: 0 2rem; margin-bottom: 2rem; transition: border-color .5s;}
.downlist .catalog-list .catalog-item .catalog-info {gap: 1rem; flex: 1;}
.downlist .catalog-list .catalog-item .catalog-info .pdf-icon {width: 8%; flex-shrink: 0;}
.downlist .catalog-list .catalog-item .catalog-info .pdf-icon img {max-width: 100%; object-fit: contain;}
.downlist .catalog-item .catalog-title {font-size: var(--font20); font-weight: 700; transition: .5s;}
.downlist .catalog-item .catalog-desc {color: #666; font-size: var(--font14); margin-top: .313rem; display: inline-flex; flex-wrap: wrap; gap: .625rem; row-gap: .4rem;}
.downlist .catalog-item .icBox {cursor: pointer; width: 1.5rem;}
.downlist .catalog-item .icBox img {width: 100%;}
@media (any-hover: hover) {
  .downlist .catalog-list .catalog-item:hover {border-color: #007EC4;}
  .downlist .catalog-list .catalog-item:hover .catalog-title {color: #007EC4;}
}

#catalogContainer {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.25rem;}
#catalogContainer .catalog-item {width: 100%;}


.downlist .video-list .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem;}
.downlist .video-list .list li {padding: 1.25rem; border-top-left-radius: .625rem; background: #F2F2F2; border-bottom-right-radius: .625rem; border: 1px solid #007EC4;}
.downlist .video-list .list .videoBox {position: relative; overflow: hidden; padding-bottom: 60%;}
.downlist .video-list .list .videoBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.downlist .video-list .list li .con { padding-top: 1.25rem; text-align: center;}

.downlist .down_box {display: flex; flex-wrap: wrap; align-items: flex-start;}
.downlist .down_le {width: auto; padding-right: 2rem; border-right: 1px solid #eee;}
.downlist .down_le .search-box {width: auto;}
.downlist .down_le .list ul {display: block;}
.downlist .down_le .list ul li {margin-bottom: .625rem;}
.downlist .down_le .list ul li a {background: none; display: inline-block; color: #333;padding: .875rem 2rem; position: relative; z-index: 1; transition: .5s;}
.downlist .down_le .list ul li a::after {position: absolute; content: ''; inset: 0; width: 100%; left: 0; height: 100%; background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); opacity: 0; z-index: -1; transition: .5s;}
.downlist .down_le .list ul li.on a {color: #fff;}
.downlist .down_le .list ul li.on a::after {opacity: 1;border-radius: .188rem 1.125rem .188rem 1.125rem;}
@media (any-hover: hover) {
  .downlist .down_le .list ul li a:hover {color: #fff;}
  .downlist .down_le .list ul li a:hover::after {opacity: 1;border-radius: .188rem 1.125rem .188rem 1.125rem;}
}


.downlist .down_box .catalog-list .catalog-item {position: relative; padding-right: 4rem; margin-bottom: 0;}
.downlist .down_box .catalog-list {flex: 1; padding-left: 2rem;  margin-top: 0;  max-width: 100%; grid-template-columns: repeat(2,1fr) !important;}
.downlist .down_box .catalog-list .catalog-info .pdf-icon {width: 2.5rem;}
.downlist .down_box .catalog-list .catalog-info .pdf-icon2 {display: none;}
.downlist .down_box .catalog-list .catalog-info .catalog-text {flex: 1;}
.downlist .down_box .catalog-list .catalog-item .icBox {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
.downlist .down_box .catalog-item .catalog-title {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1rem;}
.downlist .down_box .catalog-item .catalog-desc {font-weight: normal; width: 100%;margin-top: 1rem;}
.downlist .down_box .catalog-item .catalog-title .catalog-desc {margin-top: 0;}
.downlist .down_box .exelist {}
.downlist .down_box .exelist .catalog-info .pdf-icon {display: none;}
.downlist .down_box .exelist .catalog-info .pdf-icon2 {display: block;}
/* .downlist .down_box .exelist .catalog-info .catalog-desc {width: 100%;}
.downlist .down_box .exelist .catalog-info .catalog-tit {} */
.downlist .down_box .video-list {flex: 1;}

#catalogPage {width: 100%; margin-left: 20%;}
.layui-laypage .layui-laypage-curr .layui-laypage-em {    background-color: #007FC4;}

@media (max-width: 960px) { 
  .downlist .down_le {width: 100%; padding-right: 0; border-right: 0;}
  .downlist .down_le .list ul {display: flex; flex-wrap: wrap;}
  .downlist .down_le .list ul li a {padding: .7rem .9rem; font-size: var(--font14);}
  .downlist .down_box .catalog-list {padding-left: 0; display: block !important; max-width: 100%; margin-top: 2rem;}
  .downlist .down_box .catalog-list .catalog-item {padding-left: 1rem; padding-right: 3rem; margin-bottom: 1rem;}
  .downlist .catalog-item .catalog-title {font-size: var(--font18); font-weight: 700; transition: .5s;}

  .downlist .down_box .video-list {margin-top: 2rem;}

  #catalogPage {margin-left: 0;}
}

/* =====技术支持 */
.technical {padding: 4rem 0;}
.technical img {max-width: 100%;}

/* =====销售服务 */
.sales {padding: 4rem 0;}

/* ======人才招聘 */
.hiring {padding: 5rem 0;}
.hiring .list {margin-top: 3.75rem;}
.hiring .list li {padding: 2.5rem 3.75rem; background: #FCFCFC; transition: .5s; position: relative; margin-bottom: 2.5rem;}
.hiring .list li .tle .icBox img {width: 1.5rem; object-fit: contain;}
.hiring .list li .tle span {color: #007FC4;}
.hiring .list li .desc {margin-top: 1.875rem; color: #666666; gap: 7.5rem; display: inline-flex; flex-wrap: wrap;}
.hiring .list li::after {position: absolute; transform: rotate(-90deg); right: 2.5rem; top: 5rem; font-size: var(--font24); color: #666666; content: '\e61a'; font-family: layui-icon !important; transition: .5s;}
.hiring .list li .info {border-top: 1px solid #F2F2F2; padding-top: 1.25rem; margin-top: 2.5rem; display: none;}
.hiring .list li .info .tit {font-size: var(--font20); font-weight: 700; margin-bottom: 1.25rem;}
.hiring .list li .info .info_con {display: flex; justify-content: space-between;}
.hiring .list li .info .info_con .con_item {width: 48%; padding: 0 2.5rem; border-left: 1px solid #F2F2F2;}
.hiring .list li .info .info_con .con_item:first-child {padding-left: 0; border: 0;}
.hiring .list li .info .info_us {border-top: dashed 2px #E9F0F3; margin-top: 2.5rem; padding-top: 2.5rem;}
.hiring .list li.active {box-shadow: .313rem 0px .5rem 1px rgba(0,46,98,0.2); background: #fff; }
.hiring .list li.active::after {transform: rotate(0);}

/* ===== 联系我们 */
.tactOne {padding: 3.75rem 0;}
.tactOne .box {display: flex; justify-content: space-between; }
.tactOne .left {width: auto; padding-right: 2%;}
.tactOne .right {width: 52%;}
.tactOne .left dl {position: relative;}
.tactOne .left dl::before {content: ''; position: absolute;top: 0; width: .125rem; left: 1.875rem; height: 100%; background: #E7E7E720; }
.tactOne .left dl dd {display: flex;gap: 2.5rem;align-items: center; padding-top: 2rem;}
.tactOne .left dl dd .icBox {width: 3.875rem; height: 3.875rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 1;}
.tactOne .left dl dd .icBox img {width: 40%; object-fit: contain;}
.tactOne .left dl dd .telBox {background: url(../images/tactOne-tel-icon-bj.png) no-repeat center; background-size: 100%;}
.tactOne .left dl dd p , .tactOne .left dl dd p a , .tactOne .left dl dd p span {color: #666; display: block;}
.tactOne .left dl dd p span {}
.tactOne .left dl dd .code {display: flex; gap: 1.25rem; flex-wrap: wrap; text-align: center;}
.tactOne .left dl dd .code .imgBox {border: 1px solid #EFEFEF; margin: auto; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 7rem;}
.tactOne .left dl dd .code .imgBox img {width: 100%; object-fit: contain;}
.tactOne .left dl dd .code .item span { margin-top: .625rem; font-size: var(--font15);display: block; color: #666;}

/* 表单 */
.tactOne .formBox {box-shadow: 0px 1px .625rem 1px rgba(0,0,0,0.13); padding: 3.125rem;} 
.tactOne .formTle h4 {font-size: var(--font34);color: #333333; font-weight: 500;}
.tactOne .formTle span {color: #666666;display: block; margin-top: .313rem;}
.tactOne .formBox .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactOne .formBox .inBox {display: flex; justify-content: space-between; margin-top: 1.5rem; width: 48%;}
.tactOne .formBox .w100 {width: 100%;}
.tactOne .formBox .inBox input {height: 3.75rem; min-height: 40px; border: 1px solid #e5e5e5;padding: 0 1.25rem;  box-sizing: border-box;}
.tactOne .formBox .inBox input::placeholder {font-size: var(--font14);color: #999b9c;}
.tactOne .formBox .sectBox .layui-form-select {width: 100%;}
.tactOne .formBox .textBox textarea {width: 100%; border: 1px solid #e5e5e5; padding: 1.25rem; box-sizing: border-box; resize: none; height: 10rem; }
.tactOne .formBox .textBox textarea::placeholder {font-size: var(--font14);color: #999b9c;}
.tactOne .formBox .subBox {display: flex; justify-content: space-between;}
.tactOne .formBox .subBox .yzm {width: 76%; position: relative;}
.tactOne .formBox .subBox .yzm img {width: 7.5rem; height: 90%; max-height: 100%; object-fit: contain; position: absolute; right: .625rem;top: 5%;}
.tactOne .formBox .subBox button {width: 20%; height: 100%; cursor: pointer;}

.tactTwo {padding-top: 3rem;}
.tactTwo img {width: 100%;}

/* 2025.12.23新增产品详情切换 */
.proDate .date_tle {display: flex; padding-bottom: 1rem; flex-wrap: wrap; gap: 1.5rem;}
.proDate .date_tle .tit {line-height: 2; position: relative; cursor: pointer; font-size: var(--font20); color: #333; background: none;    padding: .5rem 1rem; box-shadow: none;}
.proDate .date_tle .tit a {color: #333;}
.proDate .date_tle .tit::after {position: absolute; content: ""; left: 0; bottom:-0.0625rem; width: 0; height: 0.1875rem; background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); transition: .6s;}
/* .proDate .date_tle .tit.active {background: linear-gradient(-57deg, #007EC4 0%, #7E64AB 100%); color: #fff; border-radius: .188rem 1.125rem .188rem 1.125rem; } */
.proDate .date_tle .tit.active::after {width: 100%;}
.proDate .date_tle .tit.active a {}

.serveOne .right .form .del-inBox {border-bottom: none;}

/* ===========2026.01.19 产品列表框架修改 */
.proOne .w1500 {padding: 0 2%; }
.table-section {margin: 1.75rem 0;}
/* 表格头部（渐变标题栏） */
.table-header {background: linear-gradient(to right, rgb(42,126,255) 0%, rgb(41,93,252) 54%, rgb(172,71,255) 100%); font-size: var(--font20);  text-align: center;  color: white;  padding: .625rem .625rem;     font-weight: 600;  border-radius: .5rem .5rem 0 0; ;}
/* 表格主体 */
.table-body {border: 1px solid #429bff; border-top: none; border-radius: 0 0 .5rem .5rem; overflow: hidden;}
/* 表格行样式 */
/* .table-row {display: flex;  width: 100%; transition: .5s;} */
.table-row:hover {background-color: #dbeaff !important;}
/* 表头行样式 */
.table-row.table-hanger {background-color: #e7f1fe;}
.table-row.table-hanger .table-cell {color: #00226d;font-weight: 700; font-size: var(--font16);}
/* .table-row .table-cell a:hover {color: #00226d;} */

/* 交替行背景色 */
.table-row.data:nth-child(even) {background-color: #ffffff;}
.table-row.data:nth-child(odd) {background-color: #e7f1fe;}
/* 单元格样式 */
/* .table-cell {position: relative; display: flex;align-items: center; justify-content: center;flex: 1;padding: .75rem .5rem;text-align: center; border-right: 1px solid #c3d6f0;    border-bottom: 1px solid #429bff;  font-size: var(--font14); color: #333; word-break: break-word;} */
.table-cell .icBox {position: absolute; right: .2rem; top: .2rem; width: 2.5rem;}
.table-cell .icBox img {width: 100%;}

/* 最后一列去掉右侧边框 */
.table-cell:last-child {border-right: none;}
/* 最后一行去掉底部边框 */
.table-row:last-child .table-cell {border-bottom: none;}

/* .data-table thead {color: #00226d;font-weight: 700; font-size: var(--font16);} */

/* 核心：原生表格配置 */
.data-table {
  width: 100%;          /* 表格撑满父容器 */
  table-layout: auto;  /* 强制列宽按比例分配，撑满表格 */
  border-collapse: collapse; /* 合并边框，美观 */
}

/* 表头单元格 */
.data-table thead th {border-right: 1px solid #c3d6f0;  border-bottom: 1px solid #429bff; padding: .75rem .5rem;color: #00226d;font-weight: 700; font-size: var(--font16);}
.data-table td {
  position: relative;
  padding: .75rem .5rem;text-align: center; border-right: 1px solid #c3d6f0;  border-bottom: 1px solid #429bff;  font-size: var(--font14); color: #333; word-break: break-word;
  /* 核心：长文本换行，文字完整显示 */
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;  /* 取消单行限制，允许换行 */
}

.data-table tr th:first-child {min-width: 7rem;}
.data-table tr td:first-child a {color: red;font-weight: 700;}

/* 适配小屏幕 */
@media (max-width: 1024px) {
  .table-body {overflow-x: auto;}
  .table-body table {width: 100%;min-width: 150%;}
}
@media (max-width: 767px) {
  /* .proOne .box .re {padding: 0 !important;} */
  .table-header {font-size: var(--font18);}
  .data-table tr th:first-child {min-width: 7rem;}
  .table-body table {min-width: 400%;}
}

#company,#culture,#development,#honors,#property,#joinOne,#nav{position: relative; top:-6.25rem}