/* =====头部===== */ 

body {}

#c-placeholder {height: 1rem;min-height: 80px;}

.header {position: absolute; top: 0; z-index: 99; left: 0; width: 100%; transition: .5s;}
.header .headBox {padding: 0 3%; border-bottom: 1px solid transparent; box-sizing: border-box; display: flex; justify-content: space-between; height: 1rem; min-height: 70px; transition: .5s; position: relative;}
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 2rem;  object-fit: contain;}
.headlogo img.logo1 {display: block;}
.headlogo img.logo2 {display: none;}

/* 导航 */
nav {width: 50%;height: 100%; display: flex; align-items: center;}
nav > ul {display: flex; height: 100%; width: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center;}
nav > ul > li > a {color: #fff; position: relative;transition: .5s; opacity: .6;}
nav > ul > li > a::after {content: ""; position: absolute; transition: .5s; width: 0; left: 15%; bottom: -2px; height: 1px;  background: #333}
nav > ul > li.on > a {font-weight: 700;}
nav > ul > li:hover > a::after {width: 70%;}
nav > ul > li:hover > a ,nav > ul > li.on > a {opacity: 1;}
/* nav > ul > li:nth-child(3) .navSlideDown2 {display: none !important; opacity: 0; visibility: hidden;} */

/* 导航下拉 */
.hadbox-sec1 {position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box; z-index: 99; display: none;}
.hadbox-sec1  {background-color: #fff;padding: .3rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}

/* 产品下拉 */
.proDown .layui-tab {display: flex;}
.proDown .tabs-header {flex: 1; max-width: calc(100% - 70%); position: relative; padding-right: .5rem; border-right: 1px solid rgba(220, 220, 220,.5); box-sizing: border-box;}
.proDown .tabs-body {width: 70%; padding-left: .5rem; box-sizing: border-box;}
.proDown .tabs-header li {margin: .2rem 0;}
.proDown .tabs-header li a {padding: .1rem .22rem;border-radius: 100px; font-size: var(--font15); position: relative; display: inline-block; z-index: 1;}
.proDown .tabs-header li a::after {content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(-21deg,#001ff5 0%, #41b9e0 100%); border-radius: 100px; transition: .5s; opacity: 0;}
.proDown .tabs-header li.layui-this a {color: #fff;}
.proDown .tabs-header li.layui-this a::after {opacity: 1; color: #fff;}
.proDown .tabs-body .item ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: .3rem;}
.proDown .tabs-body .item li {text-align: center;}
.proDown .tabs-body .item li .imgBox {height: 2.2rem; display: flex; justify-content: center; align-items: center;}
.proDown .tabs-body .item li .imgBox img {max-width: 42%; max-height: 100%; object-fit: contain; transition: .5s;}
.proDown .tabs-body .item li span {font-size: var(--font15); display: block; margin-top: .1rem; color: #333;}
.proDown .tabs-body .item li:hover .imgBox img {transform: scale(1.025);}


/* 其他二级栏目下拉 */
.navSlideDown2 {display: none; top: 100%;left: 50%; transform: translate(-50%, -0%);position: absolute; background: #fff;width: max-content; padding: .1rem .2rem; box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.navSlideDown2 ul li {border-bottom: 1px solid #E9EAEB; font-size: var(--font14);}
.navSlideDown2 ul li:last-child {border: 0;}
.navSlideDown2 ul li a {display: block; padding: .1rem 0; transition: .5s;text-align: center; opacity: .5;}
.navSlideDown2 ul li:hover a {color: #333; opacity: 1;}

.head-us {margin-right: .75rem;}
.head-us .item .icBox {margin-right: .1rem; width: 15px;}
.head-us .item .icBox img {max-width: 100%;}
.head-us .item a {color: #fff; font-size: var(--font15); transition: .5s;}

/* 语言选择 */
.headlang .layui-nav {background: none; padding: 0; margin-right: .25rem;}
.headlang .layui-nav .layui-nav-item {line-height: initial;}
.headlang .layui-nav .layui-nav-item > a {display: flex; padding: 0;}
.headlang .layui-nav .layui-nav-item > a span {margin: 0 5px;}
.headlang .layui-nav .layui-nav-more {position: relative; top: 0; right: 0; display: none;}
.headlang .layui-nav .layui-nav-child {top: 100%;}



/* 头部下滑样式 */
.header.c-style2 {}
.header.c-style2 .headBox { border-color: rgba(128, 130, 132,.15); background: #fff;}
.header.c-style2 .headlogo img.logo1 {display: none;}
.header.c-style2 .headlogo img.logo2 {display: block;}
.header.c-style2 nav > ul > li > a {color: #333; }
.header.c-style2 .head-us .item .icBox img {filter: invert(1);}
.header.c-style2 .head-us .item a  {color: #333;}
.header.c-style2 .headlang .layui-nav .layui-nav-item > a svg path {fill: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}
.header.c-style2 .mobmenu dl dd {background: #333;}


.header.c-style3 .headlogo img.logo1 {display: none;}
.header.c-style3 .headlogo img.logo2 {display: block;}
.header.c-style3 nav > ul > li > a {color: #333; }
.header.c-style3 .head-us .item .icBox img {filter: invert(1);}
.header.c-style3 .head-us .item a  {color: #333;}
.header.c-style3 .headlang .layui-nav .layui-nav-item > a svg path {fill: #333;}
.header.c-style3 .mobmenu h4 {color: #333;}
.header.c-style3 .mobmenu dl dd {background: #333;}


/* ==================公用css====================== */

/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 6px; scrollbar-width:thin;scrollbar-color:#37A5D0 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #37A5D0; border-radius: 5px;  cursor: grab; /* 默认显示"可抓取"光标 */}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}
.headerNavScroll::-webkit-scrollbar-thumb:active {
  cursor: grabbing; /* 当点击拖动时显示"正在抓取"光标 */
}


/* ===============公用css end!!!!===================*/

/* 了解更多 */
.more1 {padding:.1rem .15rem; border-radius: 100px; color: #fff; transition: .5s; position: relative; z-index: 1; overflow: hidden; display: inline-flex; align-items: center;}
.more1 span {margin-right: .1rem; position: relative; z-index: 1;}
.more1 i {position: relative; z-index: 1;}
.more1::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(108deg,#3fa8ca 0%, #3345c4 100%);opacity: 1; border-radius: 100px;  transition: opacity .5s; z-index: 0;}
.more1::after {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(108deg,#3345c4 0%, #3fa8ca 100%);opacity: 0; border-radius: 100px;  transition: opacity .5s; z-index: 0;}


.more2 {border: 1px solid #ddd;}
.more2 span {color: #ddd;}
.more2 i {color: #ddd;}
.more2::before {opacity: 0;}

@media (any-hover: hover) {
  .more1:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(68, 210, 255,.05); box-shadow: 0 0 0 0.1rem rgba(68, 210, 255,.05); }
  .more1:hover::before {opacity: 0;}
  .more1:hover::after {opacity: 1;}

  .more2:hover { border-color: transparent;}
  .more2:hover span {color: #fff;}
  .more2:hover i {color: #fff;}
}

/* 文字渐变色 */
.clipText1 {
  color: #41B9E0;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(30deg,#41b9e0 0%, #001ff5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

}

.clipText2 {
  color: #fff;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(-10deg,#bfbfbf 0%, #ffffff 10%, #c6c6c6 30%, #f1f1f1 54%, #bfbfbf 76%, #ffffff 90%, #c5c5c5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

}



.clipText3 {
  color: #333;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(-50deg,#000000 0%, #363636 9%, #3a3a3a 30%, #7a7a7a 54%, #353535 76%, #000000 90%, #5a5a5a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

}



.clipText4 {
  color: #fff;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(-50deg,#e5e5e5 0%, #ffffff 10%, #c6c6c6 30%, #f1f1f1 54%, #bfbfbf 76%, #ffffff 90%, #e3e3e3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

}





/* ======首页======= */

/* banner */
.indexBanner {overflow: hidden; position: relative;  z-index: 1;background: #fff;}
.indexBanner .swiper1 {height: 100vh;}
.indexBanner .slide {height: 100%;}
.indexBanner .slide .box {top:55%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; width: 100%;height: auto; height: 100%;;transition: 1s linear 2s;transform: scale(1.1, 1.1); object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
.indexBanner .slide .bjBox video {width: 100%; display: block; height: 100%; object-fit: cover;}
.indexBanner .con .p1 {}
.indexBanner .con .p2 {margin-top: .1rem;}
.indexBanner .con .more {margin-top: .6rem;}


/* 第二屏 */

.arial{font-family: Arial;font-weight:bold;letter-spacing: 3px;}
.letter10{letter-spacing: .1rem;}
.color333{color:#333}
.color666{color:#666}
.indexBanner .slide .con2 .p1 p {color: #fff; line-height: 1.1;}
.indexBanner .slide .con2 .p2 {margin-top: .3rem;}
.indexBanner .slide .con2 .p2 p {color: #fff;}

.indexBanner .slide .con2 .p2 {font-size: var(--font40);}





/* 引导线 */

.scrollXian {position: absolute; left: 3%; bottom: .7rem; z-index: 1;}
.scrollXian span {width: 3px;height: 1.08rem;background: rgba(138, 140, 144,.5); display: block; position: relative; overflow: hidden;}
.scrollXian span::after {content: ''; height: 50%; position: absolute; left: 0; width: 100%; background: linear-gradient(0deg,#41b9e0 0%, #001ff5 100%);    animation: aline 3s infinite linear;}
@keyframes aline {from {bottom: 100%;}to {bottom: -100%;}}

/* 控件 */
.indexBanner .swjt {width: .5rem; height: .5rem; min-height: 30px; min-width: 30px; left: auto; right: 2%; top:auto;bottom: .7rem;}
.indexBanner .swjt.swiper-button-prev {transform: translateX(-130%);}
.indexBanner .swjt.on .fcircle1 circle:nth-child(2) {stroke-dasharray: 352;stroke-dashoffset: 352; animation: svgcircle 5s linear forwards;}
.indexBanner .swjt svg {width: 100%; height: 100%; overflow: visible;}
.indexBanner .swjt i {color: #fff;}
@keyframes svgcircle {to {stroke-dashoffset:0;} }



.indexOne {overflow: hidden; position: relative;background: #fff;}
.indexOne .swiper .slide {overflow: hidden;}
.indexOne .swiper .slide .slide-inner img {width: 100%; transition: .5s; min-height: 6rem; object-fit: cover;}
.indexOne .swiper .slide .con {position: absolute;top: 0; left: 0; text-align: center; padding: 0 2%; box-sizing: border-box; padding-top: 1rem; width: 100%; text-align: center;}
.indexOne .swiper .slide .con .p1 {font-size: var(--font20); letter-spacing: 0;} 
.indexOne .swiper .slide .more {position: absolute; width: 100%; text-align: center; left: 0; bottom: 2rem;}
@media (any-hover: hover) {
  .indexOne .swiper .slide:hover .slide-inner img {transform: scale(1.05);}

}



/* 控件 */
.indexOne .swjt {width: .5rem; height: .5rem; min-height: 30px; min-width: 30px;}
.indexOne .swjt.swiper-button-prev {}
.indexOne .swjt.on .fcircle1 circle:nth-child(2) {stroke-dasharray: 352;stroke-dashoffset: 352; animation: svgcircle 5s linear forwards;}
.indexOne .swjt svg {width: 100%; height: 100%; overflow: visible;}
.indexOne .swjt i {color: #fff; font-size: var(--font16);}



.indexTwo {padding: .8rem 0 1.5rem 0; background: #fff; z-index: 2; position: relative;}

.indexTwo .tle .tit {letter-spacing: 3px;}

.indexTwo .box {margin-top: .5rem;}

.indexTwo .le {width: 64%;background: #fafafa;}

.indexTwo .re {width: 33%;}

.indexTwo .swiper .slide .imgBox {overflow: hidden;}

.indexTwo .swiper .slide .imgBox img {width: 100%; transition: .5s;}

.indexTwo .swiper .slide .info { padding: .45rem; display: flex; align-items: center; box-sizing: border-box;}

.indexTwo .swiper .slide .info .time {padding-right: .5rem; border-right: 1px solid rgba(182, 182, 182,.3); line-height: 1; text-align: center;}

.indexTwo .swiper .slide .info .time2 {color: #7d7d7d; margin-top: .1rem; }

.indexTwo .swiper .slide .info .con {padding-left: .5rem;}

.indexTwo .swiper .slide .info .text {margin-top: .05rem;}

.indexTwo .swiper .slide .info .text p {color: #777777;}

.indexTwo .re {background: #fafafa; padding: .2rem .4rem; padding-right: .1rem; box-sizing: border-box;}

.indexTwo .re dl {max-height: 6rem; overflow: auto; padding-right: .3rem;}

.indexTwo .re dl dd {padding: .3rem 0 .2rem; box-sizing: border-box; border-bottom: 1px solid #E6E6E6; position: relative;}

.indexTwo .re dl dd .time {color: #6A6A6A; margin-bottom: 5px;}

.indexTwo .re dl dd p {transition: .5s;}

.indexTwo .re dl dd::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #37A5D0; transition: .5s;}

@media (any-hover: hover) {
  .indexTwo .swiper .slide:hover .imgBox img {transform: scale(1.1, 1.1);}
  .indexTwo .re dl dd:hover p {color: #37A5D0;}
  .indexTwo .re dl dd:hover::after {width: 100%;}

}

/* 控件 */

.indexTwo .swiper .pagtion {width: auto; left: auto; right: .4rem; bottom:30%;}

.indexTwo .swiper .pagtion span {opacity: 0.73;background: #e6e6e6;}

.indexTwo .swiper .pagtion span.swiper-pagination-bullet-active {background: linear-gradient(-59deg,#001ff5 0%, #41b9e0 100%);}



.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; z-index: 2;  position: relative; overflow: hidden;}

.indexThre .con {padding: 1.15rem 0;}

.indexThre .w1400 {position: relative;}

.indexThre .more {margin-top: .4rem;}

.indexThre .img {position: absolute; right: 0; bottom: 0; height: 98%; z-index: 1; max-width: 32%;}

.indexThre .img img {width: 100%; height: 100%; object-fit: contain;}





/* =================

========底部 */

.footer {background: linear-gradient(0deg,#1a1a1a 0%, #3e3e3e 100%); padding-top: .7rem; padding-bottom: .2rem;}

.footer .footerlogo img {max-width: 2rem;}

.footer .box {display: flex; justify-content: space-between;}

.footer .le {width: 25%;}
.footer .le dl {margin-top: .3rem;}
.footer .le dd {display: flex; align-items: center; margin: .1rem 0;}
.footer .le dd .icBox {width: .2rem; min-width: 15px; margin-right: .12rem;}
.footer .le dd .icBox img {max-width: 100%;}
.footer .le dd .p1 {font-size: var(--font14);opacity: 0.54;color: #c3c3c3;    line-height: 0.14rem;}
.footer .le dd .p2 , .footer .le dd .p2 a {font-size: var(--font15);color: #c3c3c3;}

.footer .foterCon {width: 70%; display: flex; justify-content: space-between;}
.footer .foterCon .foternav {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.footer .foterCon dl {width: 20%;}
.footer .foterCon dl dt {margin-bottom: .35rem;}
.footer .foterCon dl dt a {color: #ffffff; }
.footer .foterCon dl dd {margin: .1rem 0;font-size: var(--font14)}
.footer .foterCon dl dd > a {color: #c3c3c3;}
.footer .foterCon dl dd .list {margin-top: .1rem;}
.footer .foterCon dl dd .list li a {font-size: var(--font14);color: #868686;}
.footer .foterCon dl dd a:hover {color: #fff;}

/* 隐藏配件 */
.foternav dl:first-child dd:nth-child(3) {display: none;}


/* 咨询 */
.foterZx {position: relative; width: 20%;}
.footer .foterCon .foterZx dl {width: auto;}
.footer .foterZx dl dt {margin-bottom: .1rem;color: #fff;}
.foterZx .codeBox {position: absolute; width: max-content; z-index: 1; top: 100%; left: 50%; transform: translateX(-50%) translateY(20%); background: #fff; padding: .05rem; border-radius: .05rem; transition: .5s; opacity: 0; visibility: hidden;}
.foterZx .codeBox img {width: 100%; max-width: 100px; height: 100px; object-fit: contain;}
.foterZx .codeBox::before {content: ''; width: .1rem; height: .1rem; background: #fff;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%); position: absolute; top: 0; left: 50%; transform: translateY(-80%) translateX(-50%);}


.foterZx:hover .codeBox {transform: translateX(-50%) translateY(0); opacity: 1; visibility: visible;}



/* 关注我们栏目 */
.footer .foterCon .foterUs dl {width: auto;}
.footer .foterUs dl dt {margin-bottom: .2rem;color: #fff;}
.foterUs ol {display: grid; grid-template-columns: repeat(5, auto); width: 100%; justify-content: flex-start;}
.foterUs ol li {padding:.1rem; box-sizing: border-box; position: relative;}
.foterUs ol li .icBox {width: 20px; height: 20px; border-radius: 50%;}
.foterUs ol li .icBox svg {width: 100%;}
.foterUs ol li .code {position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(20%); background: #fff; padding: .05rem; border-radius: .05rem; transition: .5s; opacity: 0; visibility: hidden;}
.foterUs ol li .code::before {content: ''; width: .1rem; height: .1rem; background: #fff;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%); position: absolute; top: 0; left: 50%; transform: translateY(-80%) translateX(-50%);}
.foterUs ol li .code img {max-width: 100px;}
.foterUs ol li:active .icBox svg path {fill: #fff;}

@media (any-hover: hover) {
.foterUs ol li:hover .icBox svg path {fill: #fff;}
.foterUs ol li:hover .code {transform: translateX(-50%) translateY(0%);  opacity: 1; visibility: visible;}
}


.foterCopy {margin-top: .8rem;}
.foterCopy p , .foterCopy p a {font-size: var(--font14); color: rgba(255, 255, 255,.4);}
.foterCopy p a:hover {color: #fff;}



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

/* 公用部分 */

/* 电话布局 */
.gy-telBox .icBox {width: 0.59rem;height: 0.59rem;border: 1px solid rgba(255, 255, 255,.5); border-radius: 50%; margin-right: .12rem;}
.gy-telBox .icBox svg {max-width: 40%;}
.gy-telBox .tel1 {color: #bdbdbd;}
.gy-telBox .tel2 {line-height: 1.2;}



/* 向下箭头 */
.arrow {position: absolute;left: 50%;transform: translate(-50%, 0%); z-index: 1; bottom: .5rem;}
.arrow img {display: block; opacity: 0; animation: arrow-animation 2s linear infinite; margin-top: -6px;}
.arrow .jt1 {animation-delay: 0s; transform: scale(.25);}
.arrow .jt2 {animation-delay: .5s;transform: scale(.5);}
.arrow .jt3 {animation-delay: 1s;transform: scale(.75);}
.arrow .jt4 {animation-delay: 1.5s;transform: scale(1);}
@keyframes arrow-animation {0% {opacity: 0;}33.33% { opacity: 1; }100% { opacity: 0;}}



/* =================

============关于我们 */
.aboutMain .slide {z-index: 1; position: relative;}

.aboutMain .bjBox {background-attachment: fixed !important; position: absolute; width: 100%; left: 0; top: 0; height: 100%; z-index: -1;}

.aboutMain .bjBox img {width: 100%; opacity: 0;height: 100%; object-fit: cover;}

.aboutMain .shuxian {position: absolute; top: 0; height: 100%; right: 3%; padding-left: .2rem; padding-top: 10%;box-sizing: border-box;}

.aboutMain .shuxian .smtit {position: relative;writing-mode: vertical-rl; color: #fff; font-size: var(--font14); overflow: hidden;}

.aboutMain .shuxian .smtit span {display: block; text-transform: uppercase;}

.aboutMain .shuxian .xian {content: ''; width: 1px; height: 0; left: 0; top: 0;opacity: 0.14; background: #ffffff; position: absolute;}



.aboutTle .tit {display: inline-block; position: relative; line-height: 1; z-index: 1;}

.aboutTle .tit .xian {position: absolute; bottom: 0; width: 0; height: .1rem; opacity: 0.12;background: #ffffff; left: 0; z-index: -1;}



.about-banner {position: relative; overflow: hidden;min-height: 100vh !important;}

.about-banner .tit {overflow: hidden;}

.about-banner .box .p1 {color: #fff;letter-spacing: 6px;margin-top: .4rem;}

.about-banner .imgBox img {width: 100%;}



.aboutOne {position: relative;z-index: 2;}

.aboutOne .box {min-height: 9rem;padding: .5rem 0;  display: flex; align-items: center; box-sizing: border-box;}

.aboutOne .text {margin-top: 1rem; max-width: 66%;}

.aboutOne .text p {margin-top: .25rem; line-height: 1.7;}

.aboutTwo .box {min-height: 9rem;padding: .5rem 0;  display: flex; align-items: center; box-sizing: border-box;}

.aboutTwo ul {max-width: 60%;}

.aboutTwo li {display: flex; align-items: center; margin-top: 1.2rem;}

.aboutTwo li .icBox {margin-right: .5rem;}

.aboutTwo li .icBox img {max-width: .5rem;}

.aboutTwo li .p1 {font-size: var(--font18);opacity: .5; color: #fff;margin-bottom: .1rem;}



.aboutThre .box {min-height: 9rem;padding: .5rem 0; display: flex; align-items: center; box-sizing: border-box;}

.aboutThre {position: relative;padding-top: 1rem; padding-bottom: 0.6rem; overflow: hidden;}

.aboutThre .big-swiperBox {position: relative;margin-top: 1.2rem;}

.aboutThre .swiperBox1 {position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}

.aboutThre .swiperBox1 .container {position: relative;}

.aboutThre .swiperBox1 .slide .year {font-size: 4.12rem;opacity: 0.04;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700; line-height: 1;}

.aboutThre .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; min-height: 3rem; display: flex; align-items: center;}

.aboutThre .swiperBox2 .slide {padding: .3rem 0;}

.aboutThre .swiperBox2 .slide .text {padding-top: .2rem; width: 80%; margin: auto; font-size: var(--font20); line-height: 1.8;}

.aboutThre .swiperBox2 .slide .text p {color: #fff;}

.aboutThre .c-arrow {position: absolute;top: 50%;left: 50%;z-index: 100;display: flex; align-items: center;justify-content: center;bottom: 1.2rem;width: 60px;height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); opacity: 1;transition: transform 0.4s;color: #fff; transform: scale(0); cursor: pointer;}

.aboutThre .c-arrow.on {transform: scale(1);}

.aboutThre .c-arrow.on2 img, .aboutThre .c-arrow.on2 svg { transform: rotate(180deg);}

.aboutThre .c-arrow img, .aboutThre .c-arrow svg {width: 40%;height: 40%;}

.aboutThre .c-arrow img path, .aboutThre .c-arrow svg path { fill: #fff; transition: all 0.4s;}

.aboutThre .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;margin-top: 1.5rem;}

.aboutThre .swiperBox3 .swiper::before {content: "";position: absolute;top: 12px;left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}

.aboutThre .swiperBox3 .slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 70px;cursor: pointer;}

.aboutThre .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: 26px;height: 26px; border: 2px solid transparent;border-radius: 50%;position: relative; transition: all 0.4s;}

.aboutThre .swiperBox3 .c-dot::before {content: "";width: 10px;height: 10px; border-radius: 50%;background-color: #fff;}

.aboutThre .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1;opacity: 0.3; font-size: var(--font20);}

.aboutThre .swiperBox3 .swiper-slide-thumb-active .c-dot {border-color: #fff;}

.aboutThre .swiperBox3 .swiper-slide-thumb-active .syear {opacity: 1;font-size: var(--font24);}

/* 控件 */
.aboutThre .swiperBox2 .swjt {width: 50px; height: 50px; left: auto; right: 0; top:auto;bottom: .7rem;display: block; transform: translateY(50%) rotate(90deg);}
.aboutThre .swiperBox2 .swjt.swiper-button-prev {transform: translateY(-80%) rotate(90deg);}
.aboutThre .swiperBox2 .swjt.on .fcircle1 circle:nth-child(2) {stroke-dasharray: 352;stroke-dashoffset: 352; animation: svgcircle 5s linear forwards;}
.aboutThre .swiperBox2 .swjt svg {width: 100%; height: 100%; overflow: visible;}
.aboutThre .swiperBox2 .swjt i {color: #fff;}
.aboutThre .swiperBox2 .swjt.swiper-button-disabled .fcircle1 circle:nth-child(2) {opacity: 0;}



/* =================

==============配件 */

.fittingBanner {position: relative; overflow: hidden;}

.fittingBanner .imgBox img {width: 100%; min-height: 5rem;}

.fittingBanner .con .p1 {letter-spacing: 0.04rem;}

.fittingBanner .con .p2 {margin-top: .3rem; letter-spacing: 0.1rem;}

.fittinglist {background: url(../images/fittinglist-bj.jpg) no-repeat center center; background-size: cover;}

.fittinglist ul {display: grid; grid-template-columns: repeat(3, 1fr);}

.fittinglist li {text-align: center; padding: 1rem .2rem; transition: .5s;}

.fittinglist li .imgBox {height: 4.5rem; display: flex; justify-content: center; align-items: center;}

.fittinglist li .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}

.fittinglist li .tit {margin-top: .3rem; font-size: var(--font24);text-align: center; }

.fittinglist li .tit span {display: block; color: #333333;}

.fittinglist li .more {display: inline-block;margin-top: .4rem;}

.fittinglist li:hover {background: rgba(255, 255, 255,.8);}



.fittingUs {background: url(../images/fittingUs-bj.jpg) no-repeat center center; background-size: cover; padding: .7rem 0 1rem 0;}
.fittingUs .le .gy-telBox {margin-top: 1.1rem;}
.fittingUs .re {width: 65%;}
.fittingUs .message .item {margin-bottom: .2rem;}
.fittingUs .message .item label {display: none;}
.fittingUs .message .item input {background: none; border-bottom: 1px solid #ffffff36; padding: 0;}
.fittingUs .message .item input::-webkit-input-placeholder {color: #ffffff86;}
.fittingUs .message .item textarea {background: none; border-bottom: 1px solid #ffffff36; padding: 0;}
.fittingUs .message .item textarea::-webkit-input-placeholder {color: #ffffff86;}


.message .itemBox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.message .item {width: 48%;margin-bottom: .2rem;}
.message .item label {font-size: var(--font14);color: #f5f5f5;display: block;margin-bottom: .1rem;}
.message .item label em {color: #FF3B3B;}
.message .item input ,.message .item textarea  {padding: .1rem;box-sizing: border-box; height: .52rem; min-height: 40px;background: rgba(235, 235, 235,.1);display: block;width: 100%; color: #fff; border: 0; box-shadow: none;}
.message .item textarea {height: .9rem; min-height: 70px; resize: none;}
.message .item.itemText {width: 100%;}
.message .item.itemCode .codeBox {display: flex;}
.message .sub {margin-top: .1rem;}
.message .sub button {cursor: pointer; display: block; background: linear-gradient(-22deg,#001ff5 0%, #41b9e0 100%); border-radius: 0.25rem; border-radius: 100px; padding: .14rem .54rem; color: #fff;}

.message .item .chose {display: flex;}
.message .item .chose .layui-form-select {width: 35%; min-width: 65px;}

@media screen and (max-width: 767px) {
  .message .item input {font-size: var(--font12) !important; }
}


/* 配件-抓夹 */
.grabsOne {position: relative;  z-index: 1;}
.grabsOne .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.grabsOne .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.grabsOne .box {display: flex; justify-content: space-between; align-items: center; min-height: 9.34rem;padding: 2rem 0 1rem;box-sizing: border-box; }
.grabsOne .info {flex: 1; max-width: calc(100% - 40%); padding-right: .1rem; box-sizing: border-box;}
.grabsOne .re {width: 40%; display: flex; align-items: center; justify-content: center;}
.grabsOne .re .imgBox img {max-width: 100%; max-height: 5rem; object-fit: contain;}
.grabsOne .info .p1 span {line-height: 1.2;}
.grabsOne .info .p2 {margin-top:.1rem;letter-spacing: 0.05rem;}
.grabsOne .info .more {margin-top: .8rem;}
.grabsTwo {padding: 1rem 0 1.2rem;}
.grabsTwo ul {display: flex; justify-content: space-between;  flex-wrap: wrap;}
.grabsTwo li {width: 30%; margin-top: .8rem; text-align: center;}
.grabsTwo li .icBox {height: .6rem; display: flex; align-items: center; justify-content: center;}
.grabsTwo li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.grabsTwo li span {margin-top: .2rem; font-size: var(--font24); color: #333;display: block;}
.grabsThree {background: linear-gradient(0deg,#d4d4d4 0%, #ededed 100%); padding: 1rem 0;}
.grabsThree .box {margin: .8rem 0;}
.grabsThree .box img {max-width: 100%;}
.grabsThree .box .tableBox {overflow-x: auto; white-space: nowrap;}
.grabsThree .box .tableBox table {min-width: 100%;}
.grabsThree .box .tableBox table td {padding: 0 .1rem;}
/* 产品亮点资料录入调整 */

@media screen and (max-width: 1300px) {
 .grabsTwo .table2 {font-size: 12px;}
}

@media screen and (max-width: 767px) {
  .grabsTwo .table1 tr , .grabsTwo .table2 tr {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .grabsTwo .table1 tr {justify-content: center;        font-size: var(--font16);}
  .grabsTwo .table1 tr td img {max-width: .6rem; max-height: max-content;}
  .grabsTwo .table1 tr td , .grabsTwo .table2 tr td {width: 48%;}
  .grabsTwo .table1 tr td:first-child {width: 100%;}
}

@media screen and (max-width: 640px) {

  .grabsTwo .table2 tr td {width: 100%;}

}




/* =====机械臂 */
.armTwo {padding: 1.3rem 0 2.3rem; background: url(../images/armTwo-bj.jpg) no-repeat center; background-size: cover;}
.armTwo .re .text p {position: relative;margin: .25rem 0; padding-left: .3rem; box-sizing: border-box;}
.armTwo .re .text p::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #fff;}
.armTwo .re .text p span {color: #37A5D0;}




/* ======================

===============解决方案 */
.solu-banner {position: relative; z-index: 1;}
.solu-banner .bjBox {}
.solu-banner .bjBox img {width: 100%; height: 100%; object-fit: cover;}

.soluTle .p2 p {letter-spacing: 0.11rem; color: #4B4B4B; font-size: var(--font24);}

.soluOne {padding: 1rem 0 2rem 0;position: relative; overflow: hidden;}
.soluOne .soluTle .p1 {font-size: var(--font46); line-height: 1.2;}
.soluOne .soluTle .p2 {margin-top: .2rem;}
.soluOne .swiperBox {position: relative; margin-top: 1rem;}
.soluOne .swiper {overflow: visible;}
.soluOne .swiper .slide {width: 50%; transform: scale(1);}
.soluOne .swiper .slide .link {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;display: block;}
.soluOne .swiper .slide .imgBox {overflow: hidden; position: relative;}
.soluOne .swiper .slide .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255,.01) 60%,rgba(0, 0, 0,.6)); z-index: 1;}
.soluOne .swiper .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 3.63rem; transition: .5s;}
.soluOne .swiper .slide .text {position: absolute; z-index: 2; text-align: center; width: 100%; left: 0; bottom: 0; padding: .2rem .1rem; box-sizing: border-box; color: #fff;  opacity: 1;}
.soluOne .swiper .slide.swiper-slide-active {}
.soluOne .swiper .slide .text .p2{display: none;}
.soluOne .swiper .slide:hover .imgBox img {transform: scale(1.1);}

/* 控件 */
.soluOne .swjt {width: .7rem; height: .7rem; top: auto; position: relative; margin-top: .5rem; left: 50%; border-radius: 50%; display: inline-flex; background: #dce0e7; transition: .5s;}
.soluOne .swjt::before {content: ''; z-index: -1; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; transform: scale(0); transition: .5s;  background: linear-gradient(30deg,#41b9e0 0%, #001ff5 100%);}
.soluOne .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%);}
.soluOne .swjt.swiper-button-next {transform: translateX(-50%);}
.soluOne .swjt svg {max-width: 30%;}
.soluOne .swjt:active {background: #41b9e0;}
.soluOne .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
  .soluOne .swjt:hover::before {transform: scale(1);}

}



/* ======================
===============加入我们 */
.joinBanner {position: relative; overflow: hidden;}
.joinBanner .box {top: 40%;}
.joinBanner .info {position: relative;height: 100vh;}
.joinBanner .imgBox {height: 100%;}
.joinBanner .imgBox img {width: 100%; height: 100%; min-height: 5rem;object-fit: cover;}

.joinBanner .bannerlist {position: absolute; width: 100%; bottom: .7rem; left: 0; z-index: 2;}
.joinBanner .bannerlist .list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.joinBanner .bannerlist .item { box-sizing: border-box; width: 31%;background: rgba(29, 66, 87,.36);border-radius: 0.1rem; position: relative; transition: .5s;}
.joinBanner .bannerlist .item a {display: flex; align-items: center; justify-content: center; padding: .5rem .2rem;}
.joinBanner .bannerlist .item .icBox {margin-right: .3rem;}
.joinBanner .bannerlist .item .icBox img {max-width: .7rem; filter: brightness(100); -webkit-filter:brightness(100); transition: .5s;}
.joinBanner .bannerlist .item .tit {font-weight: bold; color: #333; font-size: var(--font30); color: #fff; transition: .5s;}
.joinBanner .bannerlist .item .more {position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: .5s;}
.joinBanner .bannerlist .item .more i {position: relative; z-index: 2; display: flex; align-items: center; padding-bottom: .05rem; justify-content: center; width: .45rem; height: .45rem; border-radius: 50%;background: linear-gradient(-57deg,#41b9e0 0%, #001ff5 100%); color: #fff; font-style: normal; font-size: var(--font30);}
.joinBanner .bannerlist .item .more::after {content: ''; position: absolute; width: 120%; height: 120%; left: 50%; top: 50%; transform: translate(-50%,50%); background: linear-gradient(-57deg,#41b9e0 0%, #001ff5 100%); border-radius: 50%; animation: scalemap 2s linear infinite;}
@media (any-hover: hover) {
  .joinBanner .bannerlist .item:hover {background: #fff; transform: translateY(-.3rem); }
  .joinBanner .bannerlist .item:hover .icBox img {filter: none; -webkit-filter:none;}
  .joinBanner .bannerlist .item:hover .more {opacity: 1; visibility: visible;}
  .joinBanner .bannerlist .item:hover .tit {color: #333;}
}

.joinOne {padding: 1rem 0 1.4rem;}
.joinOne .box {margin-top: .7rem;}
.joinOne ul {display: flex; justify-content: space-between; margin: 0 -.15rem; overflow: hidden;}
.joinOne li {margin: 0 .15rem; flex: 1;border-radius: 0.15rem; overflow: hidden; min-height: 4.6rem; position: relative; transition: .5s;}
.joinOne li .imgBox {height: 100%; position: relative;}
.joinOne li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.joinOne li .imgBox::after {position: absolute; content: ''; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(255, 255, 255,.1) , rgba(0, 0, 0,.8));}
.joinOne li .icBox img {max-width: .5rem;}
.joinOne li .show {position: absolute; left: 0; width: 100%; bottom: 0; padding: .1rem; padding-bottom: .5rem; z-index: 1; text-align: center; opacity: 1; transition: .5s;}
.joinOne li .show .p1 {margin-top: .15rem;}
.joinOne li .hide {position: absolute; left: 0; width: 100%; bottom: 0; padding: .5rem; padding-top: .2rem; opacity: 0; transition: .5s;}
.joinOne li .hide .p1 {margin-top: .2rem;}
.joinOne li .hide .p2 {margin-top: .2rem;}
@media (any-hover: hover) {
  .joinOne li:hover {flex: 1.8;}
  .joinOne li:hover .hide {opacity: 1; transition-delay: .5s;}
  .joinOne li:hover .show {opacity: 0;}  
}


/* 加入我们详情 */
.joinDate-banner {background: linear-gradient(92deg,#e5e5e5 0%, #ffffff 10%, #c6c6c6 30%, #f1f1f1 54%, #bfbfbf 76%, #ffffff 90%, #e3e3e3 100%);position: relative;}
.joinDate-banner .box {padding: 1.8rem 0 .67rem;}
.joinDate-banner .form {display: flex; justify-content: space-between; height: .65rem; min-height: 40px; border-radius: 100px; box-shadow: 0rem 0rem 0.25rem 0rem rgba(7,0,2,0.04); margin: auto; margin-top: .4rem; width: 50%;background: #ffffff; overflow: hidden;}
.joinDate-banner .form .form-group {flex: 1; height: 100%; padding-left: .25rem; box-sizing: border-box;}
.joinDate-banner .form input {height: 100%; padding: 0 .15rem; flex: 1;}
.joinDate-banner .form button {background: linear-gradient(-49deg,#41b9e0 0%, #001ff5 100%);padding: 0 .4rem; color: #fff; cursor: pointer;}
.joinDate-banner .scrollXian {left: auto; right: .9rem; bottom: .8rem;}
.joinDate-banner .scrollXian span {background: rgba(138, 140, 144,.2);}

.joinDatelist {padding-bottom: 1.5rem;}
.joinDatelist .list:first-child .tle {display: none;}
.joinDatelist .form {padding: .3rem 0 .5rem; border-bottom: 1px solid rgba(191, 191, 191,.3);}
.joinDatelist .form .form-group {margin-top: .3rem;}
.joinDatelist .form .form-group .tit {min-width: 100px; text-align: right; font-size: var(--font20);font-weight: 700; flex-shrink: 0; margin-right: .3rem; margin-top: .15rem;}
.joinDatelist .form .form-group .form-item input {margin: .1rem;}
.joinDatelist .form .form-group .form-item .layui-form-checkbox[lay-skin=primary]>div {font-size: var(--font16); color: #666; }
.joinDatelist .form .form-group .form-item .layui-form-checkbox[lay-skin=primary] {margin-right: .3rem; margin-top: .2rem;}
/* 复选框选中样式 */
.layui-form-checked[lay-skin=primary]>i { border-color: #0081ff !important; background: #0081ff;}
@media (any-hover: hover) {
  .layui-form-checkbox[lay-skin=primary]:hover>i {border-color: #0081ff;}
}

.joinDatelist .list {padding: .3rem 0;}
.joinDatelist .list li {padding: .45rem 0; border-bottom: 1px solid rgba(191, 191, 191,.2); display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: .2rem;}
.joinDatelist .list li .le {max-width: 80%;}
.joinDatelist .list li .re {display: flex; align-items: center;margin: 0;}
.joinDatelist .list li .p1 {margin-right: .2rem;}
.joinDatelist .list li .p2 {color: #929292;}
.joinDatelist .list li .info {margin-top: .2rem;}
.joinDatelist .list li .info p {color: #878787;}
.joinDatelist .list li .more a {padding: .09rem .1rem; border: 1px solid #bababa;border-radius: 100px; color: #878787; transition: .5s;}
.joinDatelist .list li .more a i {transform: rotate(180deg);margin-left: .1rem;}
.joinDatelist .list li .more a:active {background: #0081ff; color: #fff; border-color: #0081ff;}
.joinDatelist .more-mail .more1 {padding: .15rem .3rem;}
.joinDatelist .more-mail .more1 span {margin-right: 0;}

.joinDatelist .list li .info ul li {list-style: inherit;display: list-item; padding: 0; border: 0; padding: 0; margin-left: 1em;}


@media (any-hover: hover) {
  .joinDatelist .list li .more a:hover {background: #0081ff; color: #fff; border-color: #0081ff;}
}

@media screen and (max-width: 767px) {
  .joinDatelist .list li .le {width: 100%; max-width: 100%;}
  .joinDatelist .list li .le .tit {margin-bottom: .4rem;}
  .joinDatelist .list li .p1 {font-size: var(--font15);}
  .joinDatelist .list li .more a {padding: .04rem .15rem;}
}



/* ======================

===============新闻中心 */

/* 内页导航栏目 */

.nypage {padding: 1rem 0 0; position: relative; overflow: hidden;}
.nypage .con span {font-size: var(--font28);color: #138CC4; display: block;}
.nypage .con strong {font-size: 0.6rem; color: #333333; display: block; line-height: 1.25; text-align: center; font-weight: 700; margin-bottom: 1rem;}
.nypage .bjBox {position: absolute; right: 0; bottom: -60%;z-index: -1;}
.nypagenav {margin-top: .8rem;}
.nypagenav .box {display: flex; justify-content: space-between; flex-flow: row wrap;}
.nypagenav ul {display: flex;margin-top: .1rem;}
.nypagenav ul li {margin-right: .7rem; position: relative; display: flex; align-items: center;}
.nypagenav ul li a {color: #656565; font-size: var(--font17); margin-left: .1rem; transition: .4s;}
.nypagenav ul li:hover::before , .nypagenav ul li.on::before {opacity: 1; visibility: visible;}
.nypagenav ul li:hover a , .nypagenav ul li.on a {color: #138CC4;}



.news .newsInfo {margin-bottom: .6rem; background: #ffffff; overflow: hidden;}
.news .newsInfo .slide .infoBox {display: flex; justify-content: space-between;}
.news .newsInfo .slide .imgBox {width: 50%; overflow: hidden;}
.news .newsInfo .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.news .newsInfo .slide .con {width: 50%; padding: .4rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.news .newsInfo .slide .con h5 {color: #333333; font-size: var(--font26); font-weight: 700; line-height: 1.3;}
.news .newsInfo .slide .con .text {margin-top: .4rem;}
.news .newsInfo .slide .con .text p {color: #555555; line-height: 1.8;}
.news .newsInfo .slide .con .time {margin-top: .5rem;color: #5297d2; font-family: Arial, Helvetica, sans-serif;}
.news .newsInfo .slide .infoBox:hover .imgBox img {transform: scale(1.05);}
.news .newsInfo .slide .infoBox:hover h5 {color: #138ABD;}
.news .newsInfo .swiper .swiper-pagination {text-align: right; padding-right: .4rem;}
.news .newsInfo .swiper .swiper-pagination span {width: 0.12rem;height: 0.12rem;background: #dadada; opacity: 1;}
.news .newsInfo .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #1484d2;}

.news {background: #f9f9f9; padding: 1rem 0;}
.news .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem;}
.news .list li {background: #ffffff; border-radius: 0.1rem; overflow: hidden;}
.news .list li .imgBox {overflow: hidden; position: relative;}
.news .list li .imgBox img {width: 100%; transition: .5s;}
.news .list li .imgBox .itag {background: rgba(3, 0, 0,.58); padding: .08rem .18rem; border-radius: 23px; color: #FEFEFE; font-size: var(--font15); position: absolute; z-index: 1; top: .2rem; right: .2rem;}
.news .list li .con {padding: .35rem .25rem; box-sizing: border-box;}
.news .list li h5 {color: #333333; font-weight: 400; font-size: var(--font22); display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .list li .time {color: #adadad; margin-top: .25rem;}
.news .list li:hover .imgBox img {transform: scale(1.05);}
.news .list li:hover h5 {color: #138CC4;}
.news .list .more {display: flex; justify-content: center; margin-top: 1rem;}
.news .list .more a {width: 2.34rem; height: 0.59rem;border-radius: 0.31rem; font-size: var(--font18);color: #555555; transition: .5s;}
.news .list .more a:hover {background: linear-gradient(105deg,#6b5ba0 0%, #37a5d0 100%); color: #fff; border-color: #fff;}

.fy a:hover {background: linear-gradient(0deg,#41b9e0 0%, #001ff5 100%);}
.fy .layui-laypage-curr {background: linear-gradient(0deg,#41b9e0 0%, #001ff5 100%);}



/* ==新闻详情 */

.newsDateMain {background: #f9f9f9; padding-bottom:1rem ;}
.newsDateMain .mbxBox {position: relative; bottom: 0; margin: .3rem 0;}
@media (any-hover: hover) {
  .newsDateMain .mbx a:hover {  
    color: #41B9E0;
    @supports (-webkit-background-clip: text) or (background-clip: text) {
      background: linear-gradient(30deg,#41b9e0 0%, #001ff5 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
  }

}

.newsxq-box {padding: 0.3rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .4rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 0.4rem;}
.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: .1rem; color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: linear-gradient(30deg,#41b9e0 0%, #001ff5 100%); }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .15rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.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: 5px; overflow: hidden; min-height: .9rem;}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: .3rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .05rem;}

@media (any-hover: hover) {
  .newsDate .relist li:hover h6 {    
  color: #41B9E0;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(30deg,#41b9e0 0%, #001ff5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

}
}



.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: "";  background: linear-gradient(30deg,#41b9e0 0%, #001ff5 100%); width: 65%; position: absolute; left: 50%; bottom: -3%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}



/* ================
=========== case */
.mbx {padding: .25rem 0;}
.layui-breadcrumb a:hover {  
  color: #1D90EF;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(-10deg,#001ff5 0%, #41b9e0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}}

.caseMain {position: relative; z-index: 1; background: #fff;}
.caseBanner {position: relative; background: url(../images/case-banner1.jpg) no-repeat right; background-size: cover;}
.caseBanner .box {padding: 2rem 0; min-height: 9.2rem;display: flex;align-items: center; box-sizing: border-box;}
.caseBanner .le {width: 65%;}
.caseBanner .re {flex: 1; max-width: calc(100% - 55%);}
.caseBanner .le .p2 {margin-top: .35rem; color: #494949; font-weight: 300;}
.caseBanner .le .p3 {}

.caseOne {padding: 1rem 0;}
.caseOne .tle .tit {line-height: 1.2;}
.caseOne .tle .text {padding: 0 1rem;}
.caseOne .tle .text p {color: #494949;}
.caseOne .swiperBox {margin-top: .8rem;}
.caseOne .swiper {  --swiper-theme-color: #fff;}
.caseOne .swiper .slide {border-radius: .1rem; overflow: hidden;}
.caseOne .swiper .slide .text {position: absolute; width: 100%; left: 0;  z-index: 1;bottom: .3rem;padding: 0 .3rem; opacity: 0; transform: translateY(50%); transition: .8s;}
.caseOne .swiper .slide .imgBox {overflow: hidden;position: relative;}
.caseOne .swiper .slide .imgBox img {transition: .5s;}
.caseOne .swiper .slide .imgBox img , .caseOne .swiper .slide .imgBox video {width: 100%; object-fit: cover; height: 100%; display: block;}
.caseOne .swiper .slide .imgBox::before {content: '';  position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background:linear-gradient(to bottom,rgba(0,0,0,0) 60%,rgba(0,0,0,.5)) ;}
.caseOne .swiper .slide .imgBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0, 0, 0,.4) ; z-index: 1; transition: .5s;}
.caseOne .swiper .slide .p1 {margin-top: .2rem;}
.caseOne .swiper .slide .p2 {margin-top: .1rem;}
.caseOne .swiper .pagtion span {width: 18px; border-radius: 0 !important;transform: skewX(25deg) !important; height: 4px;}
.caseOne .swiper .slide.swiper-slide-active .imgBox::after {opacity: 0;}
.caseOne .swiper .slide.swiper-slide-active .text {opacity: 1; transform: translateY(0%); transition-delay: .5s;}
@media (any-hover: hover) {
  .caseOne .swiper .slide:hover .imgBox img {transform: scale(1.1);}
}
/* 控件 */
.caseOne .swjt {width: .5rem; height: .5rem; min-height: 40px; min-width: 40px; right: 5%;}
.caseOne .swjt.swiper-button-prev { right: auto; left: 5%;}
.caseOne .swjt.on .fcircle1 circle:nth-child(2) {stroke-dasharray: 352;stroke-dashoffset: 352; animation: svgcircle 1s linear forwards; display: none;}
.caseOne .swjt svg {width: 100%; height: 100%; overflow: visible;}
.caseOne .swjt i {color: #fff;}

.caseTwo {padding: 1.6rem 0 2rem; background: url(../images/caseTwo-bj.jpg) no-repeat center; background-size: cover;}
.caseTwo ul {display: flex; justify-content: space-between;}
.caseTwo li {text-align: center; max-width: 48%;}
.caseTwo li .icBox {height: .9rem; display: flex; align-items: center; justify-content: center;}
.caseTwo li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.caseTwo li .tit {margin-top: .4rem; font-size: var(--font44); line-height: 1.2;}
.caseTwo li .p1 {margin-top: .1rem; color: #494949; font-size: var(--font18); margin-top: .1rem;}

.caseThree {padding: 1rem 0;}
.caseThree .tit1 {line-height: 1.2;}
.caseThree .box {padding-top: .5rem;}
.caseThree li {display: flex; justify-content: space-between; align-items: center;}
.caseThree li {margin-top: .5rem;}
.caseThree li .imgBox {width: 47%; overflow: hidden;}
.caseThree li .imgBox img , .caseThree li .imgBox video {width: 100%; object-fit: cover; height: 100%; display: block;}
.caseThree li .con {width: 47%;}
.caseThree li .con .text {margin-top: .2rem;}
.caseThree li .con .text p {color: #494949;}
.caseThree li:nth-child(even) .imgBox {order: 1;}


/* 案例详情 */
.caseDateMain {position: relative; z-index: 1; background: #fff;}
.caseDate {padding-bottom: .8rem;}
.caseDate .con {padding: .5rem 0;}
.otherCase {background: #f2f3f5;padding: .8rem 0;}
.otherCase .swiperBox {margin-top: .3rem; box-sizing: border-box;}
.otherCase .swiper {--swiper-theme-color: #fff; overflow: visible;}
.otherCase .swiper .slide .text {margin-top: .15rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.otherCase .swiper .slide .imgBox {overflow: hidden;position: relative;}
.otherCase .swiper .slide .imgBox img , .caseOne .swiper .slide .imgBox video {width: 100%; object-fit: cover; height: 100%; display: block;}
.otherCase .swiper .slide .imgBox img {transition: .5s;}
.otherCase .swiper .slide .p1 { font-weight: 700; color: #333;}
.otherCase .swiper .slide .p2 {}
.otherCase .swiper .slide:hover .imgBox img {transform: scale(1.1);}







/* ======================

===============联系我们 */
.tact-banner {position: relative; overflow: hidden; z-index: 1;}
.tact-banner .bjBox {position: absolute; left: 0; top: 0; z-index: -1; height: 100%;}
.tact-banner .bjBox img {width: 100%; display: block; height: 100%; object-fit: cover;}
.tact-banner .box {padding: 2rem 0 .8rem;}
.tact-banner .scrollXian {left: auto; right: .9rem; bottom: .8rem;}
.tact-banner .scrollXian span {background: rgba(138, 140, 144,.2);}

.tactOne {padding: 1rem 0 1.2rem;}
.tactOne .le {width: auto;}
.tactOne .re {width: 57%;}
.tactOne .le dl dd {display: flex; align-items: center; margin-top:.3rem}
.tactOne .le dl dd .icBox {width: 0.56rem;height: 0.56rem; background: #d0d0d0; border-radius: 50%; margin-right: .15rem;}
.tactOne .le dl dd .icBox svg {max-width: 50%;}
.tactOne .le dl dd .p2 , .tactOne .le dl dd .p2 a {color: #333333; font-weight: 700; font-size: var(--font24);}
.tactOne .le dl dd .code {border: 1px solid rgba(105, 105, 105,.1); margin-top: .2rem;}
.tactOne .le dl dd img {width: 1.5rem; max-width: 100%; object-fit: contain; z-index: 1;}

.tactOne .le dl dd .links ol {display: flex; gap: .1rem; margin-top: .2rem;}
.tactOne .le dl dd .links ol li a svg {width: .24rem; height: .24rem;}

.tactOne .le .codeBox {text-align: center; display: inline-block; margin-top: .7rem; width: 1.3rem; min-width: 100px;}
.tactOne .le .codeBox .code {border: 1px solid rgba(105, 105, 105,.1);}
.tactOne .le .codeBox .code img {max-width: 100%; object-fit: contain; z-index: 1;}
.tactOne .le .codeBox span {color: #696969; display: block; margin-top: .15rem;}

.tactOne .message input {color: #333;}
.tactOne .message .item label {color: #333; font-size: var(--font16);}
.tactOne .message .item label span {color: #FF3B3B; font-weight: 700;margin-right: .05rem;}
.tactOne .message .item input {height: .52rem; min-height: 40px; border-radius: 0; background:  #f2f3f5; font-size: var(--font14); border: 1px solid transparent; color: #333;}
.tactOne .message .item textarea { background:  #f2f3f5; border-radius: 0; color: #333;  font-size: var(--font14); border: 1px solid transparent;}
.tactOne .message .item.itemPro {width: 100%;}
.message .sub button {padding: .14rem 1rem;}

/* 省市区样式调整 */
#bioarea-wrap {width: 100%; display: flex; justify-content: space-between;}
#bioarea-wrap .item {width: calc(100% / 3 - .1rem);}
.layui-form-select dl {top: 100%;}
.layui-form-selectup dl {top: auto; bottom: 100%;}

/* 产品多选下拉 */
xm-select > .xm-label.single-row .scroll {height: 100%; display: flex; align-items: center;}
xm-select {background-color:#f2f3f5 !important;height: .52rem; min-height: 40px;}

/* 更改主题色 */
.layui-form-select dl dd.layui-this { color: #0081ff;}
.layui-input:focus, .layui-textarea:focus {border-color: #0081ff !important;}









/* =======================================================================================产品机器人 */

/* 公用部分 */
.robot-banner {position: relative; overflow: hidden;}
.robot-banner .bjBox {background: #000;}
.robot-banner .bjBox video {opacity: 0.6;}
.robot-banner .bjBox img ,.robot-banner .bjBox video {width:116%; display: block; height: 100%; min-height: 6rem; object-fit: cover;}
.robot-banner .box .p2 {}
.robot-banner .jtBox {margin-top: 1rem; width: .5rem; height: .5rem; min-height: 40px; min-width: 40px; border-radius: 50%; position: relative; transform: rotate(90deg);}
.robot-banner .jtBox .fcircle1 circle:nth-child(2) {stroke-dasharray: 352;stroke-dashoffset: 352; animation: svgcircle 5s linear infinite;}
.robot-banner .jtBox svg {width: 100%; height: 100%; overflow: visible;}
.robot-banner .jtBox i { color: #fff; }
.robot-banner .jtBox i::before {display: block; animation: jtSCrollDown 1s linear infinite alternate;}

/* 箭头向下运动动画 */
@keyframes jtSCrollDown {
  0% {transform: translateX(0);}
  100% {transform: translateX(.1rem);}
}



/* =======双足机器人 */

.feetTle .tit1 {}
.feetOne {padding: 1.2rem 0 2rem; background: url(../images/feetRobot/feetOne-bj.jpg) no-repeat center; background-size: cover;}
.feetOne .box {display: flex; justify-content: flex-end;}
.feetOne .info {width: 68%;}
.feetOne ul {display: grid; grid-template-columns: repeat(4, 1fr); width: 105%; transform: translateX(-5%);}
.feetOne li {text-align: center; margin-top: 1rem;}
.feetOne li .num {display: inline-flex; justify-content: center; align-items: flex-end;  font-family: 'NotoSansSCBold'; font-weight: 500;}
.feetOne li .num .p1 {line-height: 1.35; margin-right: .1rem;}
.feetOne li .num .p3 {opacity: .8; white-space: nowrap;}
.feetOne li .text {opacity: .5;}

.feetTwo {padding: 1.5rem 0 2rem; position: relative; z-index: 1; overflow: hidden; background: url(../images/feetRobot/feetTwo-bj.jpg) no-repeat center; background-attachment: fixed; background-size: cover;}
.feetTwo .feetTle {max-width: 43%; line-height: 1.2;}
.feetTwo .imgBox {height: 100%; top: auto; bottom: 0; transform: translate(-50%, 10%); z-index: -1;}
.feetTwo .imgBox img {height: 100%; object-fit: contain;}
.feetTwo .text {margin-top: .2rem;}
.feetTwo .box {display: flex; justify-content: space-between; margin-top: 1.7rem;}
.feetTwo ul {display: grid; grid-template-columns: repeat(2, 1fr); row-gap: .7rem;column-gap: 1.2rem;}
.feetTwo li .num {display: inline-flex; justify-content: center; align-items: flex-end;  font-family: "Noto Sans SC"; font-family: 'NotoSansSCBold'; font-weight: 500;}
.feetTwo li .num .p1 {line-height: 1.35; margin-right: .1rem;}
.feetTwo li .text {opacity: .5; color: #fff;}

.feetThre {background: radial-gradient(#5b5b5b 0%, #000000 100%); padding: 1.5rem 0; position: relative; z-index: 1; overflow: hidden;}
.feetThre ul {display: flex; justify-content: space-between;}
.feetThre li {margin-top: 1.6rem;}
.feetThre li .icBox {height: .6rem; display: flex; align-items: center; justify-content: center;}
.feetThre li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.feetThre li p {font-size: var(--font18); margin-top: .2rem; color: #c9c9c9; text-align: center;}
.feetThre li p span {display: block;}
.fittingUs .clipText2 {
    color: #fff;
    font-weight: bold;
}

/* =======轮式双臂人形机器人wanda1.0 */
.wanda1One {background: linear-gradient(0deg,#d4d4d4 0%, #ffffff 100%); padding-top: 1.4rem; overflow: hidden;}
.wanda1One .w1400 {position: relative;}
.wanda1One .box {display: flex; justify-content: flex-end;}
.wanda1One .info {width: 60%; padding: 1rem 0 2.2rem 0;}
.wanda1One .imgBox {position: absolute; left: 0; bottom: 0; height: 100%; max-width: 35%;}
.wanda1One .imgBox img {height: 100%; object-fit: contain; width: 100%;}
.wanda1One .info .tle img {max-width: 6rem;}
.wanda1One .info .tle .tit {font-family: "Noto Sans SC"; font-family: 'NotoSansSCBold'; font-weight: 500; letter-spacing: 0.07rem;}
.wanda1One .info .text {margin-top: .8rem;}
.wanda1One .info .text p {letter-spacing: 1px;font-weight: 300;line-height: 1.8;}

.wanda1Two {background: url(../images/wanda1/wanda1Two-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0 .3rem;}
.wanda1Two .box {display: flex; justify-content: center; margin-top: .7rem;}
.wanda1Two .imgBox {display: inline-block; position: relative; margin-left: .8rem;}
.wanda1Two .imgBox > img {max-width: 100%; }
.wanda1Two li {position: absolute;left: 0; top: 0; z-index: 1;}
.wanda1Two li .xian {width: 2.7rem; background: url(../images/wanda1/line-xian.png) repeat-x center;height: 1px;}
.wanda1Two li i {width: .1rem; height: .1rem; border-radius: 50%; background: #21C9FF; position: absolute; left: 0;top: 100%;transform: translate(-50%, -50%); z-index: 1;}
.wanda1Two li i::after {cursor: pointer;content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 200%;height: 200%;background:#21C9FF;border-radius: 50%;opacity: 0.6;animation: breath .6s linear .5s infinite alternate; }
@keyframes breath { 0% { opacity: 0.6; } 100% { opacity: 0; }}
.wanda1Two li:nth-child(even) i::after {animation-delay: 1.2s;}
.wanda1Two li .con {position: absolute;left: 100%;top: -.1rem; padding-left: .1rem; white-space: nowrap; box-sizing: border-box;}
.wanda1Two li .con .smtit {font-size: .2rem;padding-left: .1rem;line-height: 1.2; font-weight: 700; position: relative;}
.wanda1Two li .con .smtit::before {content: ''; position: absolute; height: 100%; width: 0.04rem; left: 0; top: 0; min-width: 2px; background: linear-gradient(-5deg,#41b9e0 0%, #001ff5 100%);border-radius: 2px;}
.wanda1Two li .con .text {color: #ffffff; font-size: .18rem; padding-left: .1rem; }
.wanda1Two li .con .text span {display: block;}
.wanda1Two li .hide {transition: .5s; position: relative; z-index: -1; margin-left: .15rem;}
.wanda1Two li .hide {opacity: 0; visibility: hidden; transform: translateX(20%);}
.wanda1Two li.line i {top: 50%;}
.wanda1Two li.line .con {top: -0.025rem;}

/* 左侧 */
.wanda1Two .left li .roteBox {transform: rotateY(180deg);}
.wanda1Two .left li .con {transform: translate(100%, 0) rotateY(180deg);left: auto;right: 0; padding-left: 0; padding-right: .1rem;}
.wanda1Two .left li .con .smtit {display: inline-block;}
.wanda1Two .left .con .text {position: absolute; right: 0;}
.wanda1Two li:hover .hide {opacity: 1; visibility: visible; transform: translateX(0%);}

/* 左侧定位 */
.wanda1Two .left li:nth-child(1) {top: 1%; left: -36%;}
.wanda1Two .left li:nth-child(2) {top: 22%; left: -36%;}
.wanda1Two .left li:nth-child(3) {top: 27%; left: -51%;}
.wanda1Two .left li:nth-child(4) {top: 30%; left: -49%;}
.wanda1Two .left li:nth-child(5) {top: 58%; left: -64%;}
.wanda1Two .left li:nth-child(6) {top: 66%; left: -65%;}
.wanda1Two .left li:nth-child(7) {top: 80%; left: -54%;}
.wanda1Two .left li:nth-child(8) {top: 84%; left: -55%;}
.wanda1Two .left li:nth-child(9) {top: 91%; left: -56%;}

/* 右侧定位 */
.wanda1Two .right li:nth-child(1) {top: 5%; left: 50%;}
.wanda1Two .right li:nth-child(2) {top: 27%; left: 62%;}
.wanda1Two .right li:nth-child(3) {top: 30%; left: 61%;}
.wanda1Two .right li:nth-child(4) {top: 35%; left: 43%;}
.wanda1Two .right li:nth-child(5) {top: 58%; left: 75%;}
.wanda1Two .right li:nth-child(6) {top: 66%; left: 76%;}
.wanda1Two .right li:nth-child(7) {top: 76%; left: 43%;}
.wanda1Two .right li:nth-child(8) {top: 83%; left: 63%;}
.wanda1Two .right li:nth-child(9) {top: 91%; left: 57%;}


/* =======轮式双臂人形机器人wanda2.0 */
.wanda2One {}
.wanda2One .boxTop {position: relative; display: flex;align-items: center; padding: 1.3rem 0 .8rem; min-height: 100vh; z-index: 1; background: #161516;}
.wanda2One .boxTop .bjBox {position: absolute; left: 0; top: 0; width: 100%; z-index: -1;}
.wanda2One .boxTop .bjBox img {width: 100%;}
.wanda2One .desc {margin-top: .4rem; width: 80%;}
.wanda2One .numlist {margin-top: .6rem; width: 60%;}
.wanda2One .numlist ul {display: grid; grid-template-columns: repeat(3, auto);column-gap: .3rem;}
.wanda2One .numlist li {margin-top: .75rem;}
.wanda2One .numlist li .num {display: inline-flex; justify-content: center; align-items: flex-end;  font-family: "Noto Sans SC"; font-family: 'NotoSansSCBold'; font-weight: 500;}
.wanda2One .numlist li .num .p1 {line-height: 1.35; margin-right: .1rem;}
.wanda2One .imglist {}
.wanda2One .imglist .image-item {position: absolute; right: 3%; bottom: 0; width: 30%;z-index: 1;}
.wanda2One .imglist img {width: 100%;}
.wanda2One .boxBom {background: url(../images/wanda2/wanda2One-bom-bj.jpg) no-repeat center; background-size: cover; z-index: 1; padding-top: 1.3rem;padding-bottom: 1rem; overflow: hidden;}
.wanda2One .boxBom .w1500 {position: relative;}
.wanda2One .boxBom .imgBox {z-index: 1; height: auto; width: 24%;}
.wanda2One .boxBom .imgBox img {width: 100%; height: 100%; object-fit: contain;}
.wanda2One .circlelist {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wanda2One .circlelist li {position: absolute; left: 0; top: 0; z-index: 1;}
.wanda2One .circlelist li i {display: block; width: .1rem; height: .1rem; border-radius: 50%; background: #21C9FF;  left: 0;top: 0;z-index: 1;}
.wanda2One .circlelist li::after {content: '';position: absolute; z-index: -1; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 200%;height: 200%;background:#21C9FF;border-radius: 50%;opacity: 0.6;animation: breath2 .6s linear infinite alternate; }
@keyframes breath2 { 0% { opacity: 0.3; } 100% { opacity: 0; }}
.wanda2One .circlelist li:nth-child(1) {top: 6%; left: 64%;}
.wanda2One .circlelist li:nth-child(2) {top: 12%; left: 38%;}
.wanda2One .circlelist li:nth-child(3) {top: 64%; left: 94%;}
.wanda2One .circlelist li:nth-child(4) {top: 42%; left: 28%;}
.wanda2One .circlelist li:nth-child(5) {top: 46%; left: 96%;}
.wanda2One .circlelist li:nth-child(6) {top: 30%; left: 3%;}
.wanda2One .circlelist li:nth-child(7) {top: 86%; left: 11%;}
.wanda2One .circlelist li:nth-child(8) {top: 89%; left: 87%;}
.wanda2One .dlCon {display: flex; justify-content: space-between;}
.wanda2One dl {display: flex; flex-direction: column; justify-content: space-around;min-height: 8.5rem; width: 30%;}
.wanda2One dl.dlleft {text-align: right;}
.wanda2One dl.dlright {text-align: left;}
.wanda2One dl .p1 {position: relative; line-height: 1.1;}
.wanda2One dl .p1::after {content: ''; position: absolute; height: 100%; width: 0.04rem; right: -.2rem; top: 0; min-width: 2px; background: linear-gradient(-5deg,#41b9e0 0%, #001ff5 100%);border-radius: 2px;}
.wanda2One dl .p2 {margin-top: .1rem;}
.wanda2One dl.dlright .p1::after {left: -.2rem; right: auto;}

.wanda2Two {position: relative;}
.wanda2Two li {position: sticky; z-index: 1; padding: 2rem 0 1.5rem; top: 0; overflow: hidden;min-height: 8.06rem;background: radial-gradient(#5b5b5b 0%, #000000 100%);}
.wanda2Two li .w1400 {position: relative; z-index: 2;}
.wanda2Two li .bjBox {position: absolute;width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.wanda2Two li .bjBox img , .wanda2Two li .bjBox video {width: 100%; height: 100%; object-fit: cover; display: block; min-height: 5.5rem;}
.wanda2Two li .shuxian {position: absolute; left: 6%; top: 0; height: 100%;  border-right: 1px solid rgba(134, 134, 134,.3); z-index: 2;}
@media screen and (max-width: 1800px) {
  .wanda2Two li .shuxian {left: 3%;}

}
.wanda2Two li .smtit {margin-top: 2rem;padding-right: .3rem; box-sizing: border-box;position: relative;}
.wanda2Two li .smtit::after {content: ''; position: absolute; transform: translateX(50%); height: calc(var(--font52) * 2 + .2rem); width: 0.08rem; right: 0; top: 0; min-width: 4px; background: linear-gradient(-6deg,#41b9e0 0%, #1e3bff 100%);border-radius: 4px;}
.wanda2Two li .smtit span {letter-spacing: 1px; writing-mode:vertical-rl;  text-transform: uppercase;}
.wanda2Two li .smtit span {
  color: #1D90EF;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(-10deg,#001ff5 0%, #41b9e0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
  }

}

.wanda2Two li .wanda2Tle .tit {line-height: 1.2; font-size: var(--font40);}
.wanda2Two li .text {margin-top: .6rem; width: 50%;}
.wanda2Two li .text p {margin: .1rem 0; position: relative; display: flex; align-items: flex-start; color: #fff;font-family: "NotoSansSC";  font-weight: 300;}
.wanda2Two li .text p::before {content: ''; flex-shrink: 0; left: 0; top: 0; width: 7px; height: 7px; border-radius: 50%;background: linear-gradient(-10deg,#ededed 0%, #d4d4d4 100%), #ffffff; margin-right: .14rem; margin-top: .15rem;}

.wanda2Thre {background: url(../images/wanda2/wanda2Thre-bj.jpg) no-repeat; background-size: cover; padding:1rem 0 1.5rem; position: relative; z-index: 1; overflow: hidden;}
.wanda2Thre ul {display: flex; justify-content: space-between;}
.wanda2Thre li {margin-top: .9rem;}
.wanda2Thre li .icBox {height: 1rem; display: flex; align-items: center; justify-content: center; min-height: 40px;}
.wanda2Thre li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.wanda2Thre li .text {margin-top: .2rem;font-size: var(--font18); text-align: center;}
.wanda2Thre .feetTle .tit1  {line-height: 1.2;}

/* =======豹子机器人 */
.panther-banner .box {z-index: 2;}
.panther-banner .bjBox img {width: 100%;}
.panther-banner .slide .bjBox {height: 100%;}
.panther-banner .slide .bjBox img {width: 100%; width: 100%;height: auto; height: 100%;;transition: 1s linear 2s;transform: scale(1.5, 1.5); object-fit: cover;}
.panther-banner .swiper-slide-active .bjBox img, .panther-banner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}

.pantherOne .boxTop {min-height: initial; min-height: 100vh; align-items: flex-start;}
.pantherOne .w1400 {width: 1600px; max-width: 92%;}
.pantherOne .desc {width: 69%;}
.pantherOne .desc p {margin-top: .3rem;}
.pantherOne .imglist .image-item {width: 25%;} 
.pantherOne .imglist .image-item img {max-height: 100%; object-fit: contain;}
.pantherOne .numlist {width: 72%; margin-top: .6rem;}
.pantherOne .numlist li {margin-top: 0;}
.pantherOne .numlist li .num {font-family: initial; font-weight: 700;}
.pantherOne .numlist li .num .p2 {font-size: var(--font30); font-weight: 700;}
.pantherOne .numlist li .text {margin-top: .2rem;} 
.pantherOne .numlist li .text span {display: block;}
.pantherOne .boxBom {padding-bottom: 2rem;}
.pantherOne .boxBom .imgBox {width: 22%; margin-top: .3rem;}
.pantherOne .circlelist li:nth-child(1) {top: 5%;left: 62%;}
.pantherOne .circlelist li:nth-child(2) {top: 8%; left: 43%;}
.pantherOne .circlelist li:nth-child(3) {top: 51%;}
.pantherOne .circlelist li:nth-child(4) {top: 36%; left: 29%;}
.pantherOne .circlelist li:nth-child(5) {top: 38%;}
.pantherOne .circlelist li:nth-child(6) {top: 24%;}
.pantherOne .circlelist li:nth-child(7) {top: 77%;}
.pantherOne .circlelist li:nth-child(8) {top: 82%;}

@media screen and (max-width: 1366px) {
  .pantherOne .numlist {width: 75%;}
}

@media screen and (max-width: 767px) {
  .pantherOne .numlist li {text-align: left !important;}
}


/* 2025.12.26更新========================================线上版本应用展示 */
@font-face {
  font-family: 'montserrat';
  src: url('../font/MONTSERRAT-REGULAR.woff2') format('woff2');
  font-weight: 400;
}
@font-face {
  font-family: 'montserrat';
  src: url('../font/MONTSERRAT-BOLD.woff2') format('woff2');
  font-weight: 700;
}
@font-face {
  font-family: 'montserrat';
  src: url('../font/MONTSERRAT-LIGHT.woff2') format('woff2');
  font-weight: 300;
}
@font-face {
  font-family: 'montserrat';
  src: url('../font/MONTSERRAT-MEDIUM.woff2') format('woff2');
  font-weight: 500;
}


.indexFour {background: #000108; padding: .8rem 0;}
.indexFour .tle {text-align: center;}
.indexFour .list {margin-top: .4rem;}
.indexFour .list ul {display: grid;grid-template-columns: repeat(3, 1fr); grid-template-rows: min(3.2rem, 320px) calc(min(3.2rem, 320px) / 2) calc(min(3.2rem, 320px) / 2) min(3.2rem, 320px);  gap: .15rem;}
.indexFour .list li {position: relative; transition: .5s; overflow: hidden; border-radius: .1rem; border: 1px solid transparent;}
.indexFour .list li .video_box {position: relative; z-index: 1; height: 100%;}
.indexFour .list li .video_box::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom , rgba(255, 255, 255,.0001) 80%, rgba(0, 0, 0,.5));}
.indexFour .list li .video_box video {width: 100%; height: 100%; object-fit: cover;}
.indexFour .list li .v_txt {padding: .15rem; position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; font-size: var(--font18); z-index: 2; transition: .5s;}
.indexFour .list li .video_box::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/indexFour-grid-bj.png) no-repeat center; background-size: 100%; transition: .5s; z-index: 1;}
.indexFour .list li:nth-child(3) {grid-column: 3 / 3; grid-row: 1 / 3;}
.indexFour .list li:nth-child(4) {grid-row: 2 / 4;}
.indexFour .list li:nth-child(5) {grid-row: 2 / 4;}
.indexFour .list li:nth-child(8) {grid-column: 3 / 3; grid-row: 3 / 5;}
@media (any-hover: hover) {
  .indexFour .list li:hover .v_txt {color: rgba(58, 117, 199, 1);}
  .indexFour .list li:hover {transform: translateY(-.1rem); box-shadow: 0px 0px .085rem 1.5px rgba(58, 117, 199, 0.61);}
}

/* 应用详情 */
.safeMain {font-family: "montserrat", Arial, Helvetica, sans-serif;}
.safe-banner {position: relative;}
.safe-banner .bjBox {position: relative; z-index: 1;}
.safe-banner .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.safe-banner .box {z-index: 2;}
.safe-banner .con .p1 {font-size: .6rem; color: rgb(255, 255, 255); text-align: center; font-weight: 500; line-height: 1; text-shadow: 0px 8px 46px rgba(8, 1, 3, 0); z-index: 4;  text-shadow: -1px -1px #fff, 2px 2px #333;}
.safe-banner .con .p1 span {
    color: #fff;
    @supports (-webkit-background-clip: text) or (background-clip: text) {
        background: linear-gradient(-10deg, #bfbfbf 0%, #ffffff 10%, #c6c6c6 30%, #f1f1f1 54%, #bfbfbf 76%, #ffffff 90%, #c5c5c5 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}


.safeTle .t1 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center;font-size: var(--font54);}

.safeOne {padding: .85rem 0;}
.safeOne .safeTle .tit_txt {padding: 0 1rem; margin-top: .3rem; font-weight: 300; font-size: var(--font18);}
.safeOne .list {margin-top: .8rem;}
.safeOne .list ul {display: grid; grid-template-columns: repeat(2,1fr); gap: .4rem;}
.safeOne .list li {display: flex; justify-content: space-between; background: #fbfcfc; overflow: hidden; border-radius: 1rem 0 0 0; padding: .6rem .2rem; position: relative;}
.safeOne .list li .num {position: absolute; line-height: 1; bottom: .1rem; left: .1rem; font-size: .5rem; color: #333; opacity: .1; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: none;}
.safeOne .list li .info {display: flex; align-items: center; width: 54%;text-align: right; }
.safeOne .list li .imgBox {width: 40%;border-radius: 0 0 0 0; overflow: hidden;}
.safeOne .list li .imgBox img {width: 100%; height: 100%; object-fit: contain;}
.safeOne .list li .p1 {font-size: .28rem; line-height: 1; color: #333; }
.safeOne .list li .p2 {color: #555555;margin-top: .2rem; font-weight: 300; }
.safeOne .list li:nth-child(even) {flex-direction: row-reverse; border-radius: 0 1rem 0 0;}
.safeOne .list li:nth-child(even) .info {text-align: left;}
.safeOne .list li:nth-child(even) .num {left: auto; right: .1rem;}
/* .safeOne .list li:nth-child(even) .imgBox {border-radius: 0 0 0 1rem;} */
.safeOne .list li:nth-child(2) ,.safeOne .list li:nth-child(3) {background: #edf6fb;}
.safeOne .list li:nth-child(3) {border-radius: 0 0 0 1rem;}
/* .safeOne .list li:nth-child(3) .imgBox {border-radius: 0 1rem 0 0;} */
.safeOne .list li:nth-child(3) .num {bottom: auto; top: .1rem;}
.safeOne .list li:nth-child(4) {border-radius: 0 0 1rem 0;}
/* .safeOne .list li:nth-child(4) .imgBox {border-radius: 1rem 0 0 0;} */
.safeOne .list li:nth-child(4) .num {bottom: auto; top: .1rem;}

.safeTwo {background: #fcfcfc; padding: .8rem 0 1rem;}
.safeTwo .list {margin-top: .6rem;}
.safeTwo .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem;}
.safeTwo .list li {background: #fff; border-radius: .15rem; padding: .5rem .4rem; padding-right: .2rem;  position: relative; overflow: hidden; z-index: 1;}
.safeTwo .list li .icBox {display: flex; justify-content: space-between; align-items: center;}
.safeTwo .list li .icon {height: .36rem; display: flex; align-items: center; justify-content: center;}
.safeTwo .list li .icon img {max-height: 100%; min-height: 80%; object-fit: contain;}
.safeTwo .list li .num {font-size: .6rem; font-weight: bold; color: #333; opacity: .02;}
.safeTwo .list li .p1 {font-size: .26rem;  margin-top: .3rem; line-height: 1;}
.safeTwo .list li .p2 {margin-top: .25rem; font-size: .16rem; color: #666666; padding-right: .4rem; font-weight: 300;}
.safeTwo .list li .icBj {position: absolute; height: 60%; bottom: 0; right: 0; transform: translateX(80%);z-index: -1;}
.safeTwo .list li .icBj img {width: 100%; height: 100%; object-fit: contain; filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .05;}

.safeThre {padding: .6rem 0 1.2rem; background: #e9e9e9;}
.safeThre .para {margin: .4rem 0;}
.safeThre .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem;}
.safeThre .list li {background: #fff; border-radius: .15rem; padding: .5rem .4rem; position: relative; overflow: hidden; z-index: 1;}
.safeThre .list li .p1 {font-size: var(--font22); color: #333;}
.safeThre .list li .p2 {color: #666666; font-size: .16rem; font-weight: 300; margin-top: .2rem;}

.zdy-style1 .safeOne .list li .info {padding-top: .5rem; align-items: flex-start;}
.zdy-style1 .safeOne .list li:first-child .info {text-align: left; align-items: flex-start;}


/* 弹出层 */
.joinPop {overflow: hidden; border-radius: .2rem; padding: .6rem; background:#fff; position: relative;}
.joinPop .layui-layer-setwin {top: .1rem; right: .15rem;}
.joinPop .layui-layer-setwin .layui-layer-close2 {background: none !important;right: 0; top: 0;color: #A8A8A8; border: 0; font-size: var(--font30);}
.joinPop .layui-layer-content {max-height: 100%; overflow: auto; padding-right: .1rem;}
.joinPop .con_tle {gap: .1rem; padding-bottom: .2rem;border-bottom: 1px solid #D8D8D8;}
.joinPop .info {margin-top: .3rem; padding-right: .2rem; max-height: 80%; overflow-y: auto;}

.joinPop .layui-layer-content ul li {list-style: inherit;display: list-item; padding: 0; border: 0; padding: 0; margin-left: 1.5em;}

/* 滚动条 */
.joinPop .info::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#000000 rgba(205, 205, 205,.3);}
.joinPop .info::-webkit-scrollbar-thumb {background: #000000; border-radius: 5px;}
.joinPop .info::-webkit-scrollbar-track {background: rgba(205, 205, 205,.3);}
@media screen and (max-width: 768px) {
  .joinPop {width: 90% !important; padding: .48rem .32rem; padding-top: .6rem;}
  .joinPop .con_tle .more2 {padding: .6rem .24rem;}
  .joinPop strong span {font-size: .24rem !important;}
}







/* =====资料录入样式调整 */
.table_icon tr { white-space: nowrap;}
@media screen and (max-width: 767px) {
  /* 图标的排版 */
  .table_icon tr {display: flex; flex-wrap: wrap;}
  .table_icon tr td {width: 100%; padding: .15rem 0;text-align: left;}

}

.safeFour {padding: 1rem 0;}
.safeFour .videoBox {margin-top: .4rem;}

@media screen and (max-width: 767px) {
    .indexFour .tle .tit {font-size: .40rem;}
    .indexFour .list ul {grid-template-columns: 1fr 1fr; gap: .1rem;}
    .indexFour .list li {grid-column: inherit !important; grid-row: inherit!important;}
    .indexFour .list li .v_txt {font-size: var(--font16);}
    
    .safe-banner .con .p1 {font-size: .5rem; text-align: center;}
    .safeTle .t1 {font-size: .45rem;}
    .safeOne .safeTle .tit_txt {padding: 0;font-size: .24rem;}
    .safeOne .list ul {grid-template-columns: 1fr; row-gap: .2rem;}
    .safeOne .list li {flex-wrap: wrap; border-radius: 0 !important;}
    .safeOne .list li .info {width: 100%; text-align: left;}
    .safeOne .list li .imgBox {width: 100%; margin-top: .4rem;}
    .safeOne .list li .p1 {font-size: .32rem;}
    .safeOne .list li .p2 {font-size: .24rem;}
    .safeOne .list li .num {top: .1rem; left: auto; right: .1rem;}
    .safeTwo .list ul {grid-template-columns: 1fr; row-gap: .2rem;}
    .safeTwo .list li .icon {height: .5rem;}
    .safeTwo .list li .p1 {font-size: .32rem; margin-top: .2rem;}
    .safeTwo .list li .p2 { margin-top: .3rem;}
    .safeThre .list ul {grid-template-columns: 1fr; row-gap: .2rem;}
    .safeThre .list li .p1 {font-size: .32rem;}
    .safeThre .list li .p2 {font-size: .24rem;}

    .zdy-style1 .safeOne .list li .info {padding-top: 0;}
}