/* 公用样式 */
html {
  scroll-behavior: smooth;
}
#c-placeholder {height: 6rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: background 0.5s; box-shadow:  0 0 .1875rem rgba(0, 0, 0, 0.05);}  
.headBox {padding: 0 4%;  transition: .5s; height: 8.75rem;  display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.headBox .logo {}
.headBox .logo img {min-height: 90%; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .logo img.logo2{display: none;}

/* 导航 */
/* 取消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: 60%;}
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: #fff;position: relative; z-index: 1; font-size: var(--font22); transition: 0.4s; font-weight: 700;}
nav .layui-nav > .layui-nav-item > a > i { display: none; position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
nav .layui-nav > .layui-nav-item::before {content: '';position: absolute;width: .4375rem;height: .4375rem;background: #f08300;z-index: -1;transition: 0.4s;right: 0;top: 42%; opacity: 0;}
nav .layui-nav .layui-nav-item:hover::before, nav .layui-nav .layui-this::before {opacity: 1; right: -12%;}
nav .layui-nav > .layui-this:after , nav .layui-nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-this:after {display: none;}

/* 二级下拉 */
.navSlideDown {position: fixed; width: 100%; left: 0; background: #fff; top: 8.75rem; display:none;border-top: 1px solid #d8d8d8; box-shadow:0px 12px 8px -12px rgba(0, 0, 0, 0.05);}
.navSlideDown .box {display: flex;padding: 3.75rem 0;}
.navSlideDown .downle strong{color: #3D3D3D;display: block;margin-bottom: 2.8125rem;}

.navSlideDown .downle a {background: #416ff1;border-radius: 6.125rem; padding: 1.07rem 2rem!important; display: inline-flex; align-items: center;position: relative; z-index: 1; transition: .5s; color: #fff!important;}

@media (any-hover: hover) {
  .navSlideDown .downle a:hover {box-shadow: 0 0 0 .625rem rgba(63, 135, 215,.3);}
  
}

.navSlideDown .downre dl dd a{display: block; color: #3d3d3d!important; font-size: var(--font18)!important; margin-bottom: 1.5625rem;}

.navSlideDown .downre dl dd a:hover{color: #416ff1!important;}
.navSlideDown .downpic{width: 30%; }
.navSlideDown .downpic img{display: block; width: 100%; border-radius: .625rem;}


.heSearch img{width: 1.8125rem; cursor: pointer;}


/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: 4.5rem 0; border-top: 1px solid #d8d8d8;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 3%; top: 10%; cursor: pointer; max-width: 1.875rem;}
.hadbox-sec4 .close svg {max-width: 100%;}

.head-search{width: 70%; border-bottom: 1px solid #D8D8D8; margin: 0 auto; padding-bottom: 1.75rem;}
.head-search img{width: 1.875rem; margin-right: 1rem;}
.head-search input{color: rgba(61, 61, 61, 0.44);}


@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 3.75rem 1.875rem;}

}

#placeholder{height: 6rem;}

header.hover-style {background: #fff;}
header.hover-style nav .layui-nav > .layui-nav-item > a {color: #333;}
header.hover-style nav .layui-nav .layui-nav-item:hover a, header.hover-style nav .layui-nav .layui-this a{color: #004E91;}
header.hover-style  .headBox .logo .logo1{display: none;}
header.hover-style  .headBox .logo .logo2{display: block; width: 4.375rem;}
header.hover-style nav .layui-nav > .layui-nav-item::before{top: 38%;}
header.hover-style .heSearch img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}




/* 头部下滑 */
header.c-style2 {background: #fff;}
header.c-style2 .headBox {height: 6rem; }
header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333;}
header.c-style2 nav .layui-nav .layui-nav-item:hover a, header.c-style2 nav .layui-nav .layui-this a{color: #004E91;}
header.c-style2  .headBox .logo .logo1{display: none;}
header.c-style2  .headBox .logo .logo2{display: block; width: 4.375rem;}
header.c-style2 nav .layui-nav > .layui-nav-item::before{top: 38%;}
header.c-style2 .navSlideDown {top: 6rem;}
header.c-style2 .heSearch img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}



/* =================头部 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: #3F87D7; border-radius: 6.25rem; padding: 1rem 1.25rem; display: inline-flex; align-items: center;position: relative; z-index: 1; transition: .5s;}
.more2 {padding: 1rem 1.5rem; border: 1px solid #212121; border-radius: 6.25rem;display: inline-flex; align-items: center; color: #333;font-weight: 600;transition: .5s;}
.more2 span {margin-right: .875rem;}
.more2 i {font-size: var(--font18);transform: rotate(-180deg);}
.more2-1 {background: #3F87D7; color: #fff; border-color: #3F87D7;}


@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 0 .625rem rgba(63, 135, 215,.3);}
  .more2:hover {background: #3F87D7; color: #fff; border-color: #3F87D7;}
}
/* ======首页======= */
.indexBanner {position: relative; overflow: hidden;}
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img {width: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1); min-height: 20rem;}
.indexBanner .slide .info strong{font-size: 3.75rem;color: #ffffff;display: block;line-height: 1.2;}
.index-more a{background: #F08300;border-radius: 1.625rem;padding: 0.9rem 2.7rem;display: inline-flex;align-items: center;position: relative;z-index: 1;transition: .5s;color: #fff;}
.index-more a:hover {box-shadow: 0 0 0 .625rem rgba(240,131,0,0.3);}
.indexBanner .slide .info .index-more{margin-top: 8.125rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */

.indexBanner .pagtion {bottom: 4.6875rem;text-align: left; padding: 0 8.33%;}
.indexBanner .pagtion span {width: .6875rem; height: .6875rem;opacity: 0.5;background: #fff; border-radius: 0; margin:  0 .625rem 0 0!important;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: #F08300; opacity: 1;}



/* 数字滚动 */
.aboutnum-bg{background: url(../images/aboutnum-bg.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0 9.375rem;}
.num-box ul li{text-align: center;}
 .num-box ul li strong, .num-box ul li b{font-size: 3.4375rem; color: #416ff1; font-family: Arial;}
 .num-box ul li em{color: #3D3D3D; display: block; margin-top: .625rem;}


/* 产品分类 */
.pro-class {background: url(../images/pro-class-bj.jpg) no-repeat center; background-size: cover; position: relative; overflow: hidden; height: 51.875rem;}
.proclass-bg {height: 100%;}
.proclass-bg .w1600 {display: flex; justify-content: flex-end; align-items: center; height: 100%;}
.pro-class .left-pic {position: absolute; height: 100%; width: 41%;}
.pro-class .left-pic ul {height: 100%;position: relative;}
.pro-class .left-pic ul::after {position: absolute;content: '';width: 100%;height: 105%;background: rgba(255, 255, 255, 0.1);top: -5%;left: 8%;clip-path: circle(77% at 16% 59%);z-index: 0;}
.pro-class .left-pic li {position: absolute;height: 100%;clip-path: circle(80.0% at 15% 50%);z-index: 2;}
.pro-class .left-pic li .pic {height: 100%;}
.pro-class .left-pic li .pic img {width: 100%; height: 100%; object-fit: cover;}
.pro-class .left-pic .nav dl dd {position: absolute;z-index: 3;}
.pro-class .left-pic .nav dl dd a {color: #fff; display: flex; align-items: center;}
.pro-class .left-pic .nav dl dd .cirle {width: .75rem; height: .75rem; background: #fff; border-radius: 50%; position: relative;}
.pro-class .left-pic .nav dl dd .cirle::after {position: absolute; content: ''; width: 400%; height: 400%; border: 1px solid #fff; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: .5s;}
.pro-class .left-pic .nav dl dd span {position: absolute; left: 100%; white-space: nowrap; padding-left: 1.25rem; transition: .5s;}
.pro-class .left-pic .nav dl dd:nth-child(1) {top: 18%;right: 13%;}
.pro-class .left-pic .nav dl dd:nth-child(2) {top: 36%;right: 8.2%;}
.pro-class .left-pic .nav dl dd:nth-child(3) {top: 51%;right: 7.2%;}
.pro-class .left-pic .nav dl dd:nth-child(4) {top: 66%;right: 9%;}
.pro-class .left-pic .nav dl dd:nth-child(5) {top: 81%;right: 13%;}
.pro-class .left-pic .nav dl dd.active .cirle::after {transform: translate(-50%, -50%) scale(1);}
.pro-class .left-pic .nav dl dd.active span {padding-left: 2.5rem; font-size: var(--font20);}
.proclass-bg .proclass-con {width: 38%; padding-right: 3%; box-sizing: border-box;}
.proclass-con .item {display: none; color: #fff;}
.proclass-con .item .tit .xian {width: 3.125rem; height: .188rem; background: #416ff1; margin-top: .625rem; display: block;}
.proclass-con .item .p1 {margin-top: 5rem;}
.proclass-con .item .p2 {margin-top: 1.25rem; line-height: 1.8;}
.proclass-con .item .index-more {margin-top: 3.75rem;}

.pro-class .left-pic li {display: none;}
.pro-class .left-pic li.active {display: block; animation: fadeIn .5s ease-in-out;}
.proclass-con .item.active {display: block; animation: fadeIn .5s ease-in-out;}





/* 全面满足信息系统智能化、高端化需求 */
.system{padding: 7.0625rem 0  12.0625rem}
.index-title{margin-bottom: 2.9375rem}
.index-title h2{color: #333333; font-weight: 700; margin-bottom: .8125rem;}
.system .index-title{margin-bottom: 5.3125rem;}

.index-more2 a{cursor: pointer;}
.index-more2 img{width: .4375rem; margin-left: .9375rem; transition: .6s;}
.index-more2 a:hover em{color: #416ff1;}
.index-more2 a:hover img{transform: translateX(0.5rem); filter: invert(51%) sepia(87%) saturate(4764%) hue-rotate(213deg) brightness(95%) contrast(98%);}

.system-list{position: relative; overflow: hidden;}
.system-list ul li {position: relative;}
.system-list ul li .pic{position: relative;}
.system-list ul li .pic::before{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.53); top: 0; }
.system-list ul li.swiper-slide-active .pic::before{ background: transparent;}
.system-list ul li .pic img{display: block; width: 100%; border-radius: .625rem;}
.system-list ul li .info{ opacity: 0;
  position: absolute;
  top: 24%;
left: 2.1875rem;
  z-index: 10;
  transform: translateY(-50%);

  background: rgba(255, 255, 255, 0.9);
  border-radius: .625rem;

  transition: all 0.3s;
  backdrop-filter: blur(5px);
  width: 24.0625rem; padding:  3.125rem 5% 3.4375rem; box-sizing: border-box;



}

.system-list ul li .info::before {
  content: "";
  position: absolute;
  top: .625rem;
  right: 100%;
  height: calc(100% - 1.25rem);
  width: .625rem;
  border-radius: .625rem 0 0 .625rem;
  background-color: #416ff1;
}



.system-list ul li .info em{display: block;}
.system-list ul li .info strong{color: #333; display: block; margin-bottom: .8125rem;}
.system-list ul li .info .line{width: 2.375rem; height: .3125rem; background: #f08300; border-radius: .625rem; margin-bottom: 1.875rem;}
.system-list ul li .info p{}
.system-list .swiper-button-next.swiper-button-disabled,
.system-list .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  display: block;
  pointer-events: auto;
  cursor: pointer;
}
.system-list .swiper-button-prev,
.system-list .swiper-button-next {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  margin-top: -1.875rem;
  background: transparent;
}


@media (max-width: 991px) {
  .system-list .swiper-button-prev,
  .system-list .swiper-button-next {
    display: none !important;
  }
}
.system-list .swiper-button-prev .c-jt,
.system-list .swiper-button-next .c-jt {
  position: absolute;
  top: 0;
  left: 50%;
  width: 14px;
  height: 100%;
  transform: translateX(-50%);
}
.system-list .swiper-button-prev .c-jt path,
.system-list .swiper-button-next .c-jt path {
  fill: #666;
  transition: all 0.3s;
}
.system-list .swiper-button-prev .c-yh,
.system-list .swiper-button-next .c-yh {
  display: block;
  width: 100%;
  height: 100%;
}
.system-list .swiper-button-prev .c-yh .circle1,
.system-list .swiper-button-next .c-yh .circle1 {
  fill: transparent;
  stroke-width: 2;
  stroke: #ebf0f5;
  transition: all 0.3s;
  fill: #fff;
}
.system-list .swiper-button-prev .c-yh .circle2,
.system-list .swiper-button-next .c-yh .circle2 {
  opacity: 0;
  fill: transparent;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 162 162;
  stroke-dashoffset: 162;
  stroke: #f08300;
  transition: stroke-dashoffset 0s linear, opacity 0s linear;
}
.system-list .swiper-button-prev.on .c-yh .circle2,
.system-list .swiper-button-next.on .c-yh .circle2 {
  opacity: 1;
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 4s linear, opacity 0s linear;
  transition: stroke-dashoffset 4s linear, opacity 0s linear;
}
.system-list .swiper-button-prev:hover .c-jt path,
.system-list .swiper-button-next:hover .c-jt path {
  fill: #fff;
}
.system-list .swiper-button-prev:hover .circle1,
.system-list .swiper-button-next:hover .circle1 {
  stroke: #f08300;
  fill: #f08300;
}
.system-list .swiper-button-prev {
  left: 22%;

}
.system-list .swiper-button-prev .c-jt {
  transform: translateX(-50%) rotate(180deg);
}
.system-list .swiper-button-next {
  right: 22%;

}
.system-list .swiper-button-next .c-jt path {
  /* fill: #416ff1; */
}




.tech{padding-bottom: 4.8125rem;}
.tech-list ul li{flex: 0.55; height: 43.5rem; transition: .6s;}
.tech-list ul li {overflow: hidden; position: relative;}
.tech-list ul li .pic{ height: 100%}
.tech-list ul li .pic img{width: 100%; height: 100%; object-fit: cover;}
.tech-list ul li.on{flex: 1.08;}
.tech-list ul li .name{position: absolute; transition: .6s; bottom: 6.0625rem; width: 100%; text-align: center; display: flex;  justify-content: center; flex-direction: column; align-items: center;}
.tech-list ul li  .icon img{width: 4.25rem; margin-bottom: 2.875rem}
.tech-list ul li .name strong{color: #fff; margin-bottom: 3.75rem;}
.tech-list ul li  .tech-arrow{width: 3rem; height: 3rem; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.tech-list ul li  .tech-arrow img{width: .5rem;}
.tech-list ul li.on .name{bottom: -100%;}
.tech-list ul li .info{position: absolute; transition: .6s; top: 0; width: 100%; color: #fff; padding: 0 8%; box-sizing: border-box; transition: .6s; background: url(../images/tech-info.png) no-repeat center; background-size: cover; opacity: 0; height: 100%;}
.tech-list ul li .text{transition: .6s;}

.tech-list ul li .info strong{display: block; margin-bottom: 1.6875rem;}
.tech-list ul li .info p{margin-bottom: 4.0625rem;}
.tech-list ul li .index-more a{padding: .9rem 1.8rem}
.tech-list ul li.on .info{opacity: 1;}
.tech-list ul li.on  .text{margin-top:6.75rem ;}


/* 新闻中心 */
.news{margin-bottom: 7.625rem;}
.news-list{position: relative; overflow: hidden; padding: .9375rem;}
.news-list ul li{border-radius: 1.25rem;  box-shadow: 0rem .0625rem 1.5rem 0rem rgba(108, 108, 108, 0.11);  transition: all 0.3s;}

.news-list ul li .pic{overflow: hidden; border-top-left-radius: 1.25rem; border-top-right-radius: 1.5625rem;}


.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}



.news-list ul li .info{padding:  2.8125rem 1.875rem 2.1875rem;}
.news-list ul li .info h3{color: #131313; margin-bottom: 1.0625rem;}
.news-list ul li .info p{color: #999; margin-bottom: 3.125rem;}


.news-list ul li .date {
  position: relative;
  padding-top:.8125rem;
  display: flex;
  align-items: center;
  border-top: 1px solid #ebf0f5;
  color: #666;

}
.news-list ul li .date::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  border-top: 1px solid #416ff1;
  width: 0;
  transition: all 0.3s;
}


.news-list ul li:hover .date::before {
  width: 100%;
}

.news-list ul li .date path{fill: #416ff1;}
.news-list ul li .date span{margin-left: .625rem;}

.news-list ul li:hover {
  transform: translateY(-0.9375rem);
  box-shadow: 0rem .0625rem 1.5rem 0rem rgba(108, 108, 108, 0.2);
}


#news-num{display: none;}


/* 公共底部 */
.footer-bg{background: #262626;}
.footer-top{border-bottom: 1px solid rgba(255, 255, 255, 0.13); padding: 3.875rem 0 3.75rem; color: #fff;}
.foot-logo a img{margin-bottom: 4.375rem;}
.foot-contact p{margin-bottom: 1.25rem;}
.foot-contact p img{width: 1.25rem; margin-right: .5rem;}
.foot-contact p a{color: #fff;}
.foot-nav{width: 58%; margin-top: 1.875rem;}
.foot-nav dl:last-child{display: none;}
.foot-nav dl dt{font-size: var(--font20); margin-bottom: 1.8125rem;}
.foot-nav dl dd{margin-bottom:.625rem}
.foot-nav dl dd a{font-size: var(--font18);  color: #fff; transition: .6s;}
.footer-copy{padding: 2.25rem 0; font-size: var(--font18); }
.footer-copy p,.footer-copy a{ color: #fff;}
.foot-nav dl dd a:hover,.footer-copy a:hover,.foot-contact p a:hover{color: #416ff1;}


/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .pic img {width: 100%; object-fit: cover; min-height: 18rem;}
.ny-banner .info strong{font-size: 3.75rem; font-weight: 700; color: #fff; margin-bottom: .8125rem;}
.ny-banner .info i{display: block; width: 3.875rem; height: .5625rem; background: #f08300; margin: 0 auto; border-radius: .375rem;}
.position{position: absolute; content: ''; bottom: 2.1875rem; width: 100%;}
.position span{color: #fff;}
.position span img{width: 1.25rem;}
.position span a{color: #fff; margin: 0 .5rem;}
.position span a:hover{color: #f08300;}



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

.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 18.2%;min-width: 12.5rem; height: calc(100vh - 6rem);        position: sticky;top: 6rem;    border-right: 1px solid #f3f3f3; box-sizing: border-box; background: url(../images/pro-left-bg.jpg) no-repeat center top;}
.proOne .box .re {flex: 1;margin-left: 4.8%;padding: 4.3125rem 0;}
/* 左侧产品栏目 */
.proOne .menu {padding: 65px 0;margin-bottom: 3.125rem;}
.proOne .menu li .menu-li {display: flex;justify-content: space-between;padding: 1.4375rem 2.625rem;min-height: 40px;cursor: pointer; position: relative;}
.proOne .menu li .menu-li::after{position: absolute; content: ''; left: 0; width: .625rem; height: 0; background: #f08300; border-radius: .3125rem; top: 0; transition: .6s;}
.proOne .menu li .menu-li a {color: #333;display: flex;align-items: center;font-size: var(--font22);}
.proOne .menu li .menu-li .more {width: .875rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute; font-weight: 700; font-size: var(--font18); left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}

.proOne .menu li .s-menu {width: 100%;padding: 1.25rem 3.25rem 0;display: none;}
.proOne .menu li .s-menu a {width: 100%;color: #6e6e6e;font-size: var(--font18);position: relative;margin-bottom: 2.1875rem;transition: all ease-out 0.3s;display: block;}
.proOne .menu li .s-menu a:hover,.proOne .menu li .s-menu a.on {color: #f08300;font-weight: bold;}
.proOne .menu li .menu-li.on {background: #fff;}
.proOne .menu li .menu-li.on::after{height: 100%;}
.proOne .menu li .menu-li.on a {color: #0c0c0c;font-weight: bold;}
.proOne .menu li .menu-li.on .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian {opacity: 1;}
.proOne .menu li .s-menu.on {display: block;}
.proOne .menu li.ons  .s-menu {display: block;}


/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #004E91;}
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}

/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%; height: 100%; background: #fff;z-index: 999;transition: all 0.3s; box-shadow: none; padding: 0;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%;}
  .filter-toggle {display: block;}
}


/*右侧产品分类列表页 */
.nypro-class{width: 91%;}
.nypro-class ul li {margin-bottom: 2.625rem;}
.nypro-class ul li .pic{   width: 43.7%;   border-radius: 1.25rem;   overflow: hidden;}
.nypro-class ul li .pic img{display: block; width: 100%;}
.nypro-class ul li .info{   width: 49.3%;}
.nypro-class ul li .info strong{color: #3D3D3D;margin-bottom: 2.25rem;display: block;}
.nypro-class ul li .info p{color: #3D3D3D;font-weight: 300;margin-bottom: 5rem;}
.nypro-class ul li .info  .class-more{background: #416ff1;border-radius: 1.625rem;padding: 0.89rem 2.2rem;display: inline-flex;align-items: center;position: relative;z-index: 1;transition: .5s;color: #fff;}
.nypro-class ul li .info  .class-more:hover {box-shadow: 0 0 0 .625rem rgba(65,111,241,0.3);}


/*右侧产品列表页 */
.product-right{width: 91%;}
.product-title{margin-bottom: 2.4375rem;}
.position2 span{color: #8b8b8b;}
.position2 span img{width: 1.25rem;}
.position2 span a{color: #8b8b8b; margin: 0 .5rem; font-size: var(--font16)!important;}
.position2 span a:hover{color: #f08300;}


.nyproduct-list ul li {margin-bottom: 2.625rem; background: #f6f6f6; padding: 4.1875rem 0;}
.nyproduct-list ul li .pic{   width: 43.7%;   border-radius: 1.25rem;   overflow: hidden; display: flex; align-items: center; justify-content: center;}
.nyproduct-list ul li .pic img{display: block; width: 100%; transform: scale(0.8); transition: .6s;}
.nyproduct-list ul li .info{   width: 49.3%;}
.nyproduct-list ul li .info strong{color: #3D3D3D;margin-bottom: 2.25rem;display: block;}
.nyproduct-list ul li .info p{color: #3D3D3D;margin-bottom: 5rem;}
.nyproduct-list ul li .info  .class-more{background: #416ff1;border-radius: 1.625rem;padding: 0.89rem 2.2rem;display: inline-flex;align-items: center;position: relative;z-index: 1;transition: .5s;color: #fff;}
.nyproduct-list ul li .info  .class-more:hover {box-shadow: 0 0 0 .625rem rgba(65,111,241,0.3);}
.nyproduct-list ul li:hover .pic img{ transform: scale(0.85); }


/* 内页产品详情页 */
.proxq-bg{background: url(../images/product-xq.jpg)no-repeat center top; background-size: cover; padding: 5.125rem 0 7rem;}
.proxq-box .pic,.proxq-box .info{width: 48%;}
.proxq-box .pic{border-radius: 1.25rem; overflow: hidden; background: #babdbf; display: flex; align-items: center; justify-content: center;}
.proxq-box .pic img{display: block; width: 100%;transition: .6s;}
.proxq-box .info{}
.proxq-box .info strong{display: block; margin-bottom: 1.5625rem;}
.proxq-box .info p{color: #666; margin-bottom: 4.75rem;}
.proxq-ys{margin-bottom: 4.6875rem;}
.proxq-ys ul li{text-align: center;}
.proxq-ys ul li .icon img{width: 3rem; margin-bottom: .625rem;}
.proxq-zx a{display: inline-flex; border-radius: 100px; background: #f08300; color: #fff; padding: 1.06rem 4.9rem; transition: .6s;}
.proxq-zx img{width: 1.375rem; margin-right: 1.1875rem;}
.proxq-zx a:hover{background: #416ff1;}

.proxq-bottom{padding: 6.25rem 0;}
.proxq-title{margin-bottom: 3.125rem;}


/* 内页案例列表页 */
.case-header nav .layui-nav > .layui-nav-item > a{color: #696969;}
.case-header .heSearch img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.case-header  .headBox {height: 9rem; }
.case-header .navSlideDown {top: 9rem;}
.case-banner .info{top: 64%;}
.caseMain{margin-bottom: 6.25rem;}
.case-left em{color: #416ff1; display: block; margin-bottom: .9375rem;}
.case-left h2{color: #3D3D3D; display: block; font-weight: 700; width: 70%; line-height: 1.2; margin-bottom: 5.3125rem;}
.case-btn ul li{margin-right: 1.4375rem;}
.case-btn ul li:last-child{margin-right: 0;}
.case-btn ul li a{transition: .6s; color: #696969;border: 1px solid #696969;width: 12.5rem;display: inline-block;text-align: center;padding: 1.4rem 0; border-radius: 100px;}
.case-btn ul li:hover a,.case-btn ul li.on a{background: #416ff1; border-color:#416ff1; color: #fff;}

.case-right{width: 33%; position: relative; padding-left: 2.6875rem}
.case-right::after{position: absolute; content: ''; width: 1px; height: 10.75rem; background: #d9d9d9; left: 0; top: 0;}
.case-right h4{color: #3D3D3D; margin-bottom: 3.3125rem;}

.case-zx span{color: #3e3e3e; margin-right: .625rem; transition: .6s;}
.case-zx .icon{width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #f08300; display: flex; align-items: center; justify-content: center;}
.case-zx .icon img{width: .75rem;}
.case-zx a:hover span{margin-right: 1rem; color: #f08300;}

.caseMain{padding: 3.125rem 0;}
.filter{margin-bottom: 3.75rem;}
.filter span{color: #C4C4C4;}
.filter em{color: #f08300;}

.case-class{ background: #f1f1f1; margin-bottom: 4.125rem;}
.case-class .info,.case-class .pic{width: 50%; }
.case-class  .pic{overflow: hidden;}
.case-class  .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.case-class  a:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.case-class .info{padding: 0 4.5%; box-sizing: border-box;}
.case-class .info strong{display: block; color: #3d3d3d; line-height: 1.25;}
.case-class .info  p{color: #9b9b9b; margin: 2.0625rem 0 4.375rem;}
.case-class .info  span{background: #F08300;border-radius: 1.625rem;padding: 0.9rem 2.2rem;display: inline-flex;align-items: center;position: relative;z-index: 1;transition: .5s;color: #fff;}
.case-class a:hover .info  span {box-shadow: 0 0 0 .625rem rgba(240,131,0,0.3);}

.case-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:4.0625rem 3.4375rem} 
.case-list ul li .pic{overflow: hidden; margin-bottom: 2.5rem;}
.case-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.case-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.case-list ul li .info h3{color: #3D3D3D; margin-bottom: 1.25rem;}
.case-list ul li .info p{color: #868686; margin-bottom: 3.125rem;}
.case-list ul li .info span{color: #3D3D3D; border-radius: 100px; background: #f4f4f4; display: inline-block; padding: 0.9rem 2.2rem; transition: .6s;}
.case-list ul li:hover .info span{background: #F08300; color: #fff;}




/* 内页关于我们 */
.about-bg{background: url(../images/about-bg.jpg) no-repeat center; background-size: cover; padding: 6.875rem 0 7.1875rem;}
.about-box{color: #fff; margin-bottom: 6rem;}
.about-box .info{}
.about-box .info em{display: inline-block; margin-bottom: .8125rem; position: relative;}
.about-box .info em::after{position: absolute;content: '';width: .5rem;height: .5rem;background: #f08300;top: -1%;right: -13%;}
.about-box .info strong{display: block; line-height: 1.3; margin-bottom: 2.3125rem;}
.about-box .info i{display: block; width: 3.9375rem; height: .1875rem; background: #fff; }
.about-box .text{width: 52%; margin-top: 2.0625rem;}
.about-box .text h3{margin-bottom: 1.875rem; text-align: justify;}
.about-bg .num-box ul li strong,.about-bg .num-box ul li b,.about-bg .num-box ul li em{color: #fff;}


.culture-bg{background: url(../images/culture-bg.jpg) no-repeat center; background-attachment: fixed; padding: 8.4375rem 0 19rem; background-size: cover;}
.culture-bg .about-title strong{color: #fff; margin-bottom: 9.375rem;}
.culture-list ul{display: flex; justify-content: space-between; text-align: center; color: #fff;}
.culture-list ul li{width: calc(100% / 3);}
.culture-list ul li .icon img{display: block;  margin: 0 auto 2.5rem; }
.culture-list ul li h4{}
.culture-list ul li i{display: block; width: 4.375rem; height: .625rem; border-radius: .3125rem; background: #f08300; margin:  5.375rem auto 0;}



.about-title strong{display: block; font-size: 3.5rem; color: #333;}

.develop {position: relative; overflow: hidden; padding: 6.25rem 0 0; background: url(../images/develop-bg.jpg) no-repeat center top; background-size: cover}
.develop .swiperBox1 {position: relative; margin: 0 8.125rem; margin-top: 4.8125rem;}
.develop .swiperBox1::before {content: ""; position: absolute;width: 1rem;height: 1rem;background: #4470ef; border-radius: 50%; top: 0; transform: translateY(-50%); z-index: 12;}
.abThreSwiper1 .swiper-slide {width: auto;}
.abThreSwiper1 .year {padding: 1.25rem 0 .625rem; text-align: center; cursor: pointer; color: #8C8C8C;font-size: var(--font22);transition: .4s; font-weight: 500;}
.abThreSwiper1 .swiper-slide-thumb-active  .year {color: #4470ef;}
.abThreSwiper1 .year:hover {color: #4470ef;}
.abThreSwiper1 .swiper-slide:has(~ .swiper-slide-thumb-active) .year {color: #4470ef;}
.develop .swiper-pagination {height: .0625rem; background: #bdbec0;}
.develop .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #4470ef;}
.develop .swjt {transform: translateX(calc(100% + .4rem));top: 0;}
.develop .swiperBox2 .swiper {padding-top: 5rem;}
.abThreSwiper2 .swiper-slide {}
.abThreSwiper2 .time {font-size: 3.75rem; color:#f08300; font-weight: 500; line-height: .7; margin-left: .313rem;}
.abThreSwiper2 .info {}
.abThreSwiper2 h5 {font-size: var(--font26);font-weight: 700;color: #333333; margin-top: 1.875rem;}
.abThreSwiper2 .text {margin-top: .625rem;}
.abThreSwiper2 .text {color: #666; font-size: var(--font20);}
.abThreSwiper2 .imgBox img {width: 100%;}
.develop .his_btm {margin-top: 6.25rem; text-align: center; font-size: var(--font14);margin-bottom: 5rem;}
.develop .his_btm i {animation: heart 1.3s linear infinite;}
.develop .his_btm svg path {fill: rgba(23,28,35,.5);}
.develop .his_btm span {color: rgba(23,28,35,.5); margin-top: .2rem; display: block;}
@keyframes heart{from{transform:translate(0,0);opacity: 0;} to{transform:translate(0,50%); opacity: 1;}}


/* 证书*/
.aboutFour {position: relative; padding: 9.125rem 0 10.625rem; overflow: hidden; }
.aboutFour .bjIcBox {position: absolute; z-index: 0; width: 100%; height: 100%; top: 0;}
.aboutFour .bjIcBox .ic1 {position: absolute; left: 0; bottom: -20%; width: 38.4375rem;}
.aboutFour .bjIcBox .ic2 {position: absolute; right: 0; top: 0; width: 15.75rem;}
.abFourSlide .hd{position: relative;}
.abFourSlide .hd::after{position: absolute; content: ''; width: 1px;  height: 2.3125rem;  background: #dddddd; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.abFourSlide .hd ul {display: grid; justify-content: center; grid-template-columns: repeat(2,auto); align-items: center; gap: 13%;}
.abFourSlide .hd ul li {cursor: pointer;}
.abFourSlide .hd ul li h5 {font-size: 2.625rem;font-weight: 700;color: #bebebe; transition: 0.3s; position: relative;display: inline-block; font-weight: bold;}
.abFourSlide .hd ul li h5::after {content: ""; display: block; width: 0; transition: .5s; height: 0.38rem; background: #f08300; position: absolute; left: -24%; top: 50%; transform: translate(-50%, -50%); border-radius: .1875rem;}
.abFourSlide .hd ul li small {font-size: 1.25rem;font-family: Arial, Arial-Regular;font-weight: 400;color: #d9d9d9;display: block;}
.abFourSlide .hd ul i {display: block; width: 0.06rem; height: 2.31rem; background: #dddddd;}
.abFourSlide .hd li.on h5 {color: #333333;}
.abFourSlide .hd li.on h5::after {width: 2.19rem;}
.abFourSlide .bd ul{display: none;}
.abFourSlide .bd ul:first-child{display: block;}
.abfoSwiper {position: relative; padding: 6.8125rem 0 10rem; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox { padding: .625rem; box-shadow: 0px 0px 2.1875rem 0px rgba(230, 230, 230, 0.54);}
.abfoSwiper .swiper-slide .imgBox img {max-width: 20rem;max-height: 28rem;  transform: scale(0.95); transition: .5s;}
.abfoSwiper .swiper-slide span {font-size: 1.44rem;display: block; margin-top: 1rem; color: rgba(102, 102, 102,.78);}
.abfoSwiper .swiper-slide.active .imgBox img {transform: scale(1);}
.abfoSwiper .swiper-slide.active span {color: #666;}
.abfoSwiper .swjt {width: 4.25rem;height: 4.25rem; z-index: 2; left: 46%;  top: auto; bottom: 0; background: #c8c8c8; border-radius: 50%;}
.abfoSwiper .swjt img{width: .9375rem;}
.abfoSwiper .swiper-button-next img {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {right: auto; left: 51%;}
.abfoSwiper .swjt:hover{background: #416ff1;}



/* 人才招聘 */
.join{padding: 6.6875rem 0 10.6875rem;}
.join-box .info{width: 27%;}
.join-title em{display: inline-block; margin-bottom: 1.4375rem; color: #868686;}
.join-title strong{display: block; line-height: 1.3; margin-bottom: .9375rem;}
.join-title i{display: block;  background: #f08300;  width: 3.875rem; height: .5625rem; border-radius: .3125rem;}
.join-box .info h4{display: block; color: #676767; margin-top: 4.375rem;}
.talent-list{width: 55%; border-top: 1px solid #D8D8D8;}
.talent-list ul li{border-bottom: 1px solid #D8D8D8;  box-sizing: border-box; padding: 2.75rem 1.25rem; transition: .6s; cursor: pointer;}
.talent-list ul li .icon{display: none;}
.talent-list ul li .icon img{width: 4rem; margin-bottom: 2.0625rem;}
.talent-list ul li .name{align-items: flex-start;}
.talent-list ul li .name em{color: rgba(61, 61, 61, 0.5); font-size: var(--font30); line-height: 1; transition: .3s;}
.talent-list ul li .name img{width: 1.1875rem; opacity: 0.5; margin-left: .375rem;}
.talent-list ul li .text{margin-top: 1.5rem; display: none;}
.talent-list ul li .text p{color: #676767;}

.talent-list ul li.active .icon,.talent-list ul li.active .text{display: block;}

.talent-list ul li.active .name em{font-size: var(--font36); color: #3D3D3D;}
.talent-list ul li.active .name img{opacity: 0;}

.staff-bg{background: #f0f0f0; padding: 5.9375rem 0 8rem; overflow: hidden;}
.staff-bg .join-title strong{margin-bottom: 4.625rem;}
.swiper-row-1 {
  animation: slideLeft 30s linear infinite;
}

.swiper-row-1:hover {
  animation-play-state: paused;
}

/* 第二排向右滚动 */
.swiper-row-2 {
  animation: slideRight 25s linear infinite;
}

.swiper-row-2:hover {
  animation-play-state: paused;
}

@keyframes slideLeft {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-50%);
  }
}

@keyframes slideRight {
  0% {
      transform: translateX(-50%);
  }
  100% {
      transform: translateX(0);
  }
}
.staff-list{margin-bottom: 1.125rem; }
.staff-list ul{display: flex;}
.staff-list ul li{width: 22%; margin: 0 .5625rem;}
.staff-list ul li .pic{overflow: hidden; border-radius: 1rem;}
.staff-list ul li .pic img{display: block; width: 100%;}

.recruit-bg{padding: 9.6875rem 0 10.9375rem;}
.recruit-list{width: 60%; border-top: 1px solid #D8D8D8;}
.recruit-list dl{border-bottom: 1px solid #D8D8D8; padding: 2.125rem 0;}
.recruit-list dl dt{display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.recruit-list dl dt em{color: #3D3D3D;}
.recruit-list dl dd {display: none;}
.recruit-list dl dd .info{font-size: var(--font18); color: #676767; margin: 2.5rem 0 3.125rem;}
.mail-link a{display: inline-block; background: #416ff1; color: #fff; border-radius: 100px; padding: 1rem 1.85rem; transition: .6s;}
.mail-link a:hover{background: #f08300;}
.recruit-list dl dt .icon-jian{display: none;}

.recruit-list dl dt.active .icon-jian{display: block;}
.recruit-list dl dt.active .icon-jia{display: none;}
.recruit-list dl dt.active .info{display: block;}



/* 内页新闻列表页 */
.news-top{padding: 5.125rem  0 4.6875rem; border-bottom: 1px solid #D3D3D3; margin-bottom: 6.375rem;}
.news-top .filter{margin-bottom: 0;}
.news-class ul li{margin-right: 1.125rem;}
.news-class ul li a{display: inline-block; color: #696969; border: 1px solid #d6d6d6; border-radius: 100px; width: 11.25rem; line-height: 4.375rem; text-align: center;}
.news-class ul li:hover a,.news-class ul li.on a{background: #416ff1; border-color:#416ff1; color: #fff;}
.nynews-list{margin-bottom: 3.125rem;}
.nynews-list ul{  display: grid; grid-template-columns: repeat(4, 1fr); gap:2.75rem 2.1875rem}





/* 内页联系我们 */
.contact-left{background: #416ff1; width: 40%; padding: 8.9375rem 8% 8.6875rem; box-sizing: border-box;}
.contact-title{color: #fff; margin-bottom: 8.375rem;}
.contact-title strong{display: block; margin-bottom: .5rem;}
.contact-title em{margin-bottom: 1.875rem; display: block;}
.contact-title i{display: block; width: 3.875rem; height: .5625rem; border-radius: .3125rem; background: #f08300;}
.contact-left .text{color: #fff; margin-bottom: 4.125rem;}
.contact-left .text b{display: block; margin-bottom: 1.25rem;}
.contact-left .text p{line-height: 2;}
.contact-left .text p>a{color:#fff}
.contact-left .links ul {gap: 2rem;}
.contact-left .links li a {width: 1.5rem; height: 1.5rem; display: block;}
.contact-left .links li a svg {width: 100%; height: 100%; object-fit: contain;}
.contact-left .links li svg path {fill: #fff;}
.contact-left .links li a:hover svg path {fill: revert-layer;}
.contact-left .links li.code_hover {position: relative;}
.contact-left .links li.code_hover .codeBox {display: none; padding: .313rem; position: absolute; z-index: 2; bottom: 100%; left: 50%; transform: translateX(-50%); width: 6.25rem; height: 6.25rem; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.1);}
.contact-left .links li.code_hover .codeBox img {width: 100%; height: 100%; object-fit: contain;}
.contact-left .links li.code_hover:hover .codeBox {display: block; animation: fadeIn .5s ease-in-out;}


.contact-right{width: 60%;}
.con-message{width: 75.6%; margin-left: 6%; margin-top: 2.375rem;}

.contact-right ul li{width: 49%; margin-bottom: .9375rem; background: #f9f9f9; padding: .5rem 0; border-radius: .375rem;}
.contact-right ul li input,.contact-right ul li textarea{ border: none; background: transparent;}
.contact-right ul li textarea{height: 11.25rem;}
.contact-right ul.code li input{width: 50%;}
.contact-right button{background: #262626; border-radius: .375rem; padding: 0.8rem 3rem; margin-top: 3.5rem;}


.map .pic{position: relative;}
.map .pic img{display: block; width: 100%;}
.map .cirle {top: 45%;}
.map .cirle i {width: 1.6875rem; height: 1.6875rem; border-radius: 50%; display: block;background: #f08300; position: relative; z-index: 2;}
.map .cirle::before,.map .cirle::after {background: #f08300; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1; }
.map .cirle::before{ animation: scale 2s infinite;}
.map .cirle::after{ animation: scale2 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .2; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}
@keyframes scale2 {0% {transform:translate(-50%, -50%) scale(1); opacity: .05; }100% { transform:translate(-50%, -50%) scale(8);opacity: 0;}}








/* 通用详情页 */
.newsDateMain {background: #f9f9f9; }
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font18); 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: #416ff1; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 7rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#416ff1; 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: #416ff1;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}



#feedback{position: relative; top:-7.8rem}



/* 产品详情编辑器 */
.detail-box{align-items: flex-start;}
.detail-left,.detail-right{border-radius: 0.8rem;box-shadow: 0rem 0rem 1rem 0rem rgba(226, 225, 224, 0.42); padding: 3rem;}
.detail-left{width: 70%; }
.detail-right{width: 28%; position: sticky; top: 7rem;}
.detail-title{margin-bottom: 1.875rem;}
.pro-relist li a {display: flex; justify-content: space-between;}
.pro-relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem; }
.pro-relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.pro-relist .recon {width: 58%;}
.pro-relist li {margin-bottom: 1.875rem;}
.pro-relist span {color: #999999; font-size: var(--font14);}
.pro-relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
@media (any-hover:hover) {
  .pro-relist li:hover h6 {color: #416ff1;}
  .pro-relist li:hover .reImg img {transform: scale(1.05);}
}

.proxq-detail img{max-width: 100%; height: auto!important;}





#company,#culture,#develop,#honor,#talent,#staff,#recruit{position: relative; top: -8rem;}












.aboutnum-bg{padding: 5rem 0 5rem;}
.pro-class{    height: 45rem;}
.pro-class .left-pic .nav dl dd span{ font-size: var(--font14);    opacity: 0.5;}

.pro-class .left-pic .nav dl dd.active span{ opacity: 1;}
.proclass-con .item .p2 .tit-18{ font-size: var(--font18); opacity: 0.8;}
.navSlideDown .downre dl dd a{    margin-bottom: 1.3rem; }
.system{padding: 7.0625rem 0 8.0625rem;}
.foot-nav dl dd a{ opacity: 0.5; }
.foot-nav{ margin-top: 0.875rem; }
.footer-copy p{ opacity: 0.5; }
.nypro-class ul li .info p{font-weight: 400;}
.nypro-class ul li .info p{color: #7e7e7e; font-size: var(--font18); }
header{box-shadow: 0 0 .2875rem rgba(0,0,0,0.15);}
.nypro-class ul li .info .class-more span{ font-size: var(--font14); }
.nypro-class ul li .pic{    width: 40.7%;}
.nypro-class ul li .info{ width: 53.3%;}
.proOne .menu li .s-menu a{    margin-bottom: 1.1875rem;}
.nyproduct-list ul li{ padding: 0.1875rem 0;}
.nyproduct-list ul li .pic{    width: 34.7%;}
.nyproduct-list ul li .info strong{ font-size: var(--font28);    margin-bottom: 1.25rem;}
.nyproduct-list ul li .info p{    margin-bottom: 3rem;}
.nyproduct-list ul li .info p{ font-size: var(--font18);}
.nyproduct-list ul li{ padding: 2.1875rem 4%;}
/* .case-class .info .tit-46{    display: none;} */
.system-list ul li .info{ width: 26.0625rem}
.proxq-bg .w1400{    padding: 0 13.54%;}
.case-list ul li .info p { font-size: var(--font18);}
.case-class .info p{margin: 1.0625rem 0 4.375rem;}
.case-class .info p{ font-size: var(--font18);}
.case-class .info span{ font-size: var(--font18);}
.case-list ul li .info span{ font-size: var(--font18);}
.abfoSwiper .swiper-slide span{ font-size: var(--font18);}
.recruit-list dl dt em{    font-weight: 600;}
.recruit-list dl dd .info{ font-size: var(--font20);}

.partnerslist {padding: 6.25rem 0; background: #fcfcfc;}
.partnerslist .list {margin-top: 3.125rem;}
.partnerslist .list ul {display: grid; grid-template-columns: repeat(7,1fr); gap: 2.5rem;}
.partnerslist .list li {width: 100%;  text-align: center;}
.partnerslist .list li  a{display: block;}
.partnerslist .list li img {max-width: 100%; height: 100%; object-fit: contain;}