/*字体引入*/
/* @font-face {   font-family: "PFMedium";  src: url("../font/PingFang Medium.woff2"); }
@font-face {   font-family: "PFBold";  src: url("../font/PingFang Bold.woff2"); }
@font-face {   font-family: "PFRegular";  src: url("../font/PingFang Regular.woff2"); }
@font-face {   font-family: "PFLight";  src: url("../font/PingFang Light.woff2"); }
@font-face {   font-family: "PFHeavy";  src: url("../font/PingFang-Heavy.woff"); } */


/* =====头部===== */ 
#c-placeholder {height: 1.23rem; min-height: 80px;}
.header {position: fixed; z-index: 999; width: 100%; left: 0; top: 0;z-index: 99; transition: .5s;}
.headerBox { padding: 0 2%; box-sizing: border-box;}
.headerBox > .box {display: flex; justify-content: space-between; height: 1.23rem;  min-height: 80px; align-items: center; transition: .5s;}
.headlogo img {max-width: 1.8rem; transition: .5s;}
.headlogo .logo2{display: none;}
/* 头部右侧 */
.headre {display: flex; justify-content: space-between;width: 65.71%; height: 100%;}
.headSearch {cursor: pointer;  display: flex; align-items: center;}

/* 头部导航 */
nav {height: 100%;width: 76%;margin-right: 8%;}
nav > ul {display: flex; justify-content: space-between;height: 100%;}
nav > ul > li {height: 100%; display: flex; align-items: center;}
nav > ul > li > a {color: #fff; font-size: var(--font20); position: relative; line-height: initial; transition: .4s; color: rgba(255,255,255,0.76);}
/* nav > ul >li > a::after {opacity: 0; content: ""; position: absolute; bottom: -100%; left: 50%; transform: translateX(-50%);width: 0.09rem; height: 0.09rem; background: #009ea1;  transition: .5s; border-radius: 50%;} */
nav > ul >li:hover > a , nav >ul >li.on > a {color: #fff;/*  transform: translateY(-.08rem);*/}
/* nav > ul >li:hover > a::after , nav >ul >li.on > a::after  {bottom: -.16rem; opacity: 1;} */



nav > ul >li > a::after {content: ""; width: 0; position: absolute; bottom: -5px; left: 50%; height: 1px; background: #009ea1; transition: .5s;}
nav > ul >li:hover > a::after , nav >ul >li.on > a::after  {width: 100%; left: 0%;}



/* 下拉导航 */
.navSlideDown {position: absolute;width: 100%;left: 0;background: #f5f9fa;top: 100%;box-sizing: border-box;opacity: 0;visibility: hidden;transition: all 0.4s;pointer-events: none;box-shadow: 0 2px 5px rgba(0, 0, 0,.05);}
.navSlideDown.on {opacity: 1; visibility: visible;pointer-events: auto;}
.navSlideDown .box {display: flex;justify-content: space-between;align-items: flex-start;position: relative;width: 100%;}
.navSlideDown .close {position: absolute;cursor: pointer;right: 0;width: .24rem;top: .48rem;}
.navSlideDown .close svg {max-width: 100%;}
/* 其他二级栏目下拉 */
.navSlideDown2 {display: none; top: 100%;left: 50%; transform: translate(-50%, -0%);position: absolute; background: #fff;width: max-content; padding: .1rem .2rem;}
.navSlideDown2 ul li {border-bottom: 1px solid #E9EAEB;}
.navSlideDown2 ul li:last-child {border: 0;}
.navSlideDown2 ul li a {display: block; padding: .1rem 0; transition: .5s;text-align: center;}
.navSlideDown2 ul li:hover a {color: #009ea1;}

/* 产品下拉导航 */
.proSlideDown {display: flex; width: 100%;}
.proSlideDown .hd {width: 22.74%;padding-top: .58rem;padding-bottom: 1.05rem;}
.proSlideDown .hd ul li {margin-top: .04rem;position: relative;overflow: hidden;}
.proSlideDown .hd ul li::before {content: ""; position: absolute; left: -50%; top: -50%; width: .15rem; height: .15rem; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0); background: #009ea1; transition: .5s;}
.proSlideDown .hd ul li::after {content: "";position: absolute;background: url(../images/proSlideDown-jt.png) no-repeat right;background-size: contain;width: 7px;height: 12px;right: .5rem;top: 50%;transform: translateY(-50%);transition: .5s;}
.proSlideDown .hd ul li a {display: block;padding: .11rem 0.2rem;transition: .5s;font-size: var(--font17);}
.proSlideDown .hd ul li.on a {background: #E9EAEB;color: #333;font-weight: bold;}
.proSlideDown .hd ul li.on::before {left: 0; top: 0;}
.proSlideDown .hd .list {border-top: 1px solid rgba(174, 174, 174,.26); margin-top: .5rem; padding:0 .2rem;}
.proSlideDown .hd .list dd {margin-top: .3rem;}
.proSlideDown .hd .list dd a {display: flex; justify-content: space-between;}
.proSlideDown .hd .list dd a:hover {color: #009ea1;}
.proSlideDown .hd .list dd a:hover svg path {fill: #009ea1;}
.proSlideDown .bd {flex: none;width: 77.26%;}
.proSlideDown .bd .inBox {display: flex; height: 100%;}
.proSlideDown .bd .inHd {background: #e9eaeb;width: 27.47%;padding-top: .37rem;display: flex;flex-direction: column;justify-content: space-between;}
.proSlideDown .bd .inHd ul li {transition: .5s;position: relative;overflow: hidden;margin-bottom: 6px;}
.proSlideDown .bd .inHd ul li a {display: block;padding: 0.17rem .27rem;box-sizing: border-box;color: #333;}
.proSlideDown .bd .inHd ul li::before {content: "";position: absolute;left: -50%;top: -50%;width: .15rem;height: .15rem;-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0);background: #009ea1;transition: .5s;}
.proSlideDown .bd .inHd ul li::after {content: "";position: absolute;background: url(../images/proSlideDown-jt.png) no-repeat right;background-size: contain;width: 6px;height: 12px;right: .2rem;top: 50%;transform: translateY(-50%);transition: .5s;display: none;}
.proSlideDown .bd .inHd ul li.on {background: #ffffff;}
.proSlideDown .bd .inHd ul li.on::before {left: 0; top: 0;}
.proSlideDown .bd .inHd .inHdlist {padding: 0 .3rem;box-sizing: border-box;margin-bottom: .7rem;}
.proSlideDown .bd .inHd .inHdlist dl { border-top: 1px solid rgba(174, 174, 174, .26); padding-top: 0.2rem;}
.proSlideDown .bd .inHd .inHdlist dl dd span>img{margin-right: .14rem;}
.proSlideDown .bd .inHd .inHdlist dd a {display: flex;align-items: center;justify-content: space-between;color: #747474;}
.proSlideDown .bd .inHd .inHdlist dd a:hover {color: #009ea1;}
.proSlideDown .bd .inHd .inHdlist dd a:hover svg path {fill: #009ea1;}
.proSlideDown .bd .inHd .inHdlist dd i{margin-right: .17rem;}
.proSlideDown .bd .inBd {flex: none;width: 72.53%;padding: 0 9.5%;padding-top: .73rem;padding-right: 0;box-sizing: border-box;}

.proSlideDown .bd .inBd .tle {display: flex;align-items: flex-end;padding-bottom: 0.29rem;border-bottom: 1px solid #d6d6d6;margin-bottom: .44rem;}
.proSlideDown .bd .inBd .tle span {font-size: 0.26rem;font-weight: 400;color: #333;line-height: 1;}
.proSlideDown .bd .inBd .tle a {color: #009ea1;font-size: var(--font16);margin-left: .56rem;}
.proSlideDown .bd .inBd .proinfo{display: flex; justify-content: space-between; align-items: center;}
.proSlideDown .bd .inBd .proinfo .pic{display: flex; align-items: center; justify-content: center; width: 21.78%;}
.proSlideDown .bd .inBd .proinfo .pic img{display: block; max-width: 100%;}
.proSlideDown .bd .inBd .proinfo .text{flex:1;     padding: 0 6%;}
.proSlideDown .bd .inBd .proinfo .text p{color: #666; line-height: 2;}

/* 解决方案下拉 */
.soulSlideDown {padding: 0.4rem 0 .5rem;}
.soulSlideDown ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.soulSlideDown li {width: 18.3%;position: relative;}
.soulSlideDown li .imgBox {overflow: hidden; background: #fff;text-align: center;}
.soulSlideDown li .imgBox img {width: 100%;transition: .5s;margin:0 auto}
.soulSlideDown li span {font-size: var(--font18);position: absolute;bottom: 0;width: 100%;left: 0;text-align: center;padding: .12rem 0;background: rgba(0, 0, 0,.45);color: #fff;}
.soulSlideDown li:hover .imgBox img {transform: scale(1.1);}


/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub {width: 1.8rem; height: 0.56rem; min-height: 45px; background: #25BBB3;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

/* 语言切换 */
.headlang { display: flex;align-items: center;}
.headlang .layui-nav {background: none; padding: 0;}
.headlang .layui-nav .layui-nav-item {line-height: initial;}
.headlang .layui-nav .layui-nav-item > a{ display: flex; align-items: center;}
.headlang .layui-nav .layui-nav-more {right: 0;top: 40%;transform: translateY(-50%);}
.headlang .layui-nav .layui-nav-more::before {content: '';width: 10px;height: 5px;background: url(../images/ver-icon.png) no-repeat center;background-size: contain;display: inline-block;}
.headlang .layui-nav-child{left: 9px!important; top: 0.75rem;}

nav > ul > li:nth-child(3) .navSlideDown,nav > ul > li:nth-child(5) .navSlideDown,nav > ul > li:nth-child(7) .navSlideDown{background: #fff; box-shadow: inherit; border-top: 1px solid #dbe0e3;}
nav > ul > li:nth-child(3) .soulSlideDown li{width: 23%;}





/* 下滑头部 */
.header:hover {background: #fff;}
.header:hover .headlogo .logo1{display: none;}
.header:hover .headlogo .logo2{display: block;}
.header:hover nav >ul >li >a {color: #333;}
.header:hover nav >ul >li.on >a{color: #009ea1;}
.header:hover nav >ul >li:hover >a{color: #009ea1;}
.header:hover .headSearch svg path {fill: #333;}
.header:hover .headlang span{color: #333;}
.header:hover .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}
.header:hover .mobmenu h4 {color: #333;}
.header:hover .mobmenu dl dd {background: #333;}

.header.fh {background: #fff;}
.header.fh .headerBox > .box{height: 1rem;}
.header.fh .headlogo .logo1{display: none;}
.header.fh .headlogo .logo2{display: block;}
.header.fh nav >ul >li >a {color: #333;}
.header.fh nav >ul >li.on >a{color: #009ea1;}
.header.fh nav >ul >li:hover >a{color: #009ea1;}
.header.fh .headSearch svg path {fill: #333;}
.header.fh .headlang span{color: #333;}
.header.fh .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}
.header.fh .mobmenu h4 {color: #333;}
.header.fh .mobmenu dl dd {background: #333;}

.header.fh2 {background: #fff;}
.header.fh2 .headerBox > .box{height: 1rem;}
.header.fh2 .headlogo .logo1{display: none;}
.header.fh2 .headlogo .logo2{display: block;}
.header.fh2 nav >ul >li >a {color: #333;}
.header.fh2 nav >ul >li.on >a{color: #009ea1;}
.header.fh2 nav >ul >li:hover >a{color: #009ea1;}
.header.fh2 .headSearch svg path {fill: #333;}
.header.fh2 .headlang span{color: #333;}
.header.fh2 .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}
.header.fh2 .mobmenu h4 {color: #333;}
.header.fh2 .mobmenu dl dd {background: #333;}





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

/* ===============公用css end!!!!===================*/
.preloader-1 {position: relative; margin-top: .5rem;}
.preloader-1 span { width:.24rem; height: .24rem; background: #fff;border-radius: 50%; display: inline-block;}
.preloader-1 span:nth-child(1){animation: cross-1 1.5s infinite linear; opacity: .5;}
.preloader-1 span:nth-child(2){opacity: 1; animation: cross-2 1.5s infinite linear;}
.preloader-2 span {background: #009ea1;}
@keyframes cross-1 {
  0%{transform: translateX(0);}
  50%{transform: translateX(100%);}
  100%{transform: translateX(0);}
}
@keyframes cross-2 {
  0%{transform: translateX(100%);}
  50%{transform: translateX(0);}
  100%{transform: translateX(100%);}
}

.more1 {display: inline-flex;background: #009ea1;border-radius: 100px; padding: .16rem .35rem; transition: .5s; color: #fff;}
.more1 span {margin-right: .2rem;}
.more1 i {transform: rotate(180deg); font-size: var(--font15);}
.more1:active {box-shadow: 0 0 .1rem #009ea1;}

.more2 {background: none;border: 1px solid #f8f8f8;}
@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 .1rem #009ea1;}
  .more2:hover {background: #009ea1; border-color: #009ea1;}
}

/* 首页banner */
.bannerSwiper {height: 9.47rem; position: relative;}
.bannerSwiper .slide-inner {height: 100%;}
.bannerSwiper .slide-inner .imgBox {height: 100%;}
.bannerSwiper .slide-inner .imgBox img {height: 100%; object-fit: cover;width: 100%;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .swiper-slide .info{}
.bannerSwiper .swiper-slide .info h2{font-size: 0.7rem; display: block; margin-bottom: .19rem;}
.bannerSwiper .swiper-slide .info h3{letter-spacing: 0.13rem; font-weight: lighter; /* font-family: "PFLight";*/ margin-bottom: 1.23rem;} 
.index-more a{width: 0.58rem; height: 0.58rem; background: #00aaa6; border-radius: 50%; min-width: 35px; min-height: 35px; transition: 0.6s;}
.index-more a img{width: .09rem;}
.index-more a:hover{-webkit-box-shadow: 0 0 0 0.1rem rgba(0, 170, 166,.2); box-shadow: 0 0 0 0.1rem rgba(0, 170, 166,.2);}
.swiper-num{position: absolute; right: 5%; bottom: 0.75rem; z-index: 2;}
.swiper-num span{color: rgba(255,255,255,0.8);}
.swiper-num span.actives{font-style: italic; font-size: 0.5rem; color: rgba(255,255,255,1);}
.swiper-num em{color: rgba(255,255,255,0.8);}
.bannerSwiper .swjt {flex-wrap: wrap;right: 3%;width: 28px;height: 27px;}
.bannerSwiper .swjt .i1 {width: 19px;height: 11px;opacity: .86;display: block;background: #fff;-webkit-clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);transition: .5s;}
.bannerSwiper .swjt .i2 {transform: rotateX(-180deg);width: 19px;height: 11px;position: relative;left: 34%;opacity: 1;display: block;background: #00aaa6;-webkit-clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);transition: .5s;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotateY(180deg); left: 3%;}
.bannerSwiper .swjt:hover .i1 {background: #00aaa6;}
.bannerSwiper .swjt:hover .i2 {left: 0; height: 11px; background: #fff;}
.bannerSwiper .arrow {position: absolute;  bottom: 0.44rem; left: 50%;transform: translate(-50%, -50%); z-index: 3;}
.bannerSwiper .arrow img {display: block; opacity: 0; animation: arrow-animation 2s linear infinite; margin-top: -6px;}
.bannerSwiper .arrow .jt1 {animation-delay: 0s; transform: scale(.5);}
.bannerSwiper .arrow .jt2 {animation-delay: 1s;transform: scale(.75);}
.bannerSwiper .arrow .jt3 {animation-delay: 1.5s;transform: scale(1);}
@keyframes arrow-animation {0% {opacity: 0;}33.33% { opacity: 1; }100% { opacity: 0;}}
#banner-num{display: none;}


/* 产品与解决方案 */
.product-bg{background: url(../images/product-bg.jpg) no-repeat center; background-size: cover; padding: 1.02rem 0 2.7rem; box-sizing: border-box; position: relative; overflow: hidden;}
.index-title h2{color: #00aaa6;}
.product-bg .index-top{margin-bottom: .6rem;}
.product-list ul li .pic{overflow: hidden;}
.product-list ul li .pic img{display: block; max-width: 100%;}
.product-list ul li .info {position: absolute; z-index: 1; left: 50%; top: 100%; transform: translate(-50%, 20%); text-align: center; padding-top: .4rem; white-space: nowrap; opacity: 0; visibility: hidden; transition: .2s; display: flex;    flex-direction: column; align-items: center; }
.product-list ul li .info em{color: #00aaa6;  font-weight: 400; margin-bottom: .07rem; }
.product-list ul li .info strong{color: #333; margin-bottom: .46rem; }
.product-list ul li .info span{width: 0.44rem; height: 0.44rem; background: #00aaa6; border-radius: 50%; min-width: 35px; min-height: 35px;}
.product-list ul li .info span img{max-width: 0.7rem;}
.product-list ul li.swiper-slide-active .info { transform: translate(-50%, -0%); opacity: 1; visibility: visible; transition: .5s; transition-delay: .5s;}
.index-top{position: relative;}
.index-prev,.index-next{width: 0.58rem;  height: 0.58rem; min-width: 40px; min-height: 40px;   border: 0.01rem solid rgba(55,55,55,0.2);  border-radius: 50%; background: transparent; opacity: 1; }
.index-prev{left: auto;right: 0;transform: translateX(-120%);}
.index-next{right: 0;}
.index-next {transform: rotate(180deg);}
.index-prev img,.index-next img{width: .09rem; min-width: 6px;}
.index-prev:hover,.index-next:hover{background: #00aaa6; border-color:#00aaa6 ;}
.index-prev:hover img,.index-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.index-num{display: none;}
@font-face {   font-family: "AlibabaSans";  src: url("../font/AlibabaSans-Bold.otf"); }
.product-en{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.product-en b{font-family: "AlibabaSans"; font-size: 3.69rem; color: rgba(51,51,51,0.06);}


/* 走进川源 */
.about-bg{background: #00aaa6; position: relative; overflow: hidden; padding: 1.55rem 0 1.45rem;}
.about-bg .info {position: relative; z-index: 2; width: 49%;}
.about-bg .info .index-title{margin-bottom: .5rem;}
.about-bg .info .index-title h2{color: #ffffff;}
.about-bg .info h4{text-align: justify; margin-bottom: .5rem;}
.about-bg .info .index-more a{background: #ffffff;}
.about-bg .info .index-more a:hover{-webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255,.2); box-shadow: 0 0 0 0.1rem rgba(255, 255, 255,.2);}
.about-num{margin-top: 1.4rem;}
.about-num ul li{text-align: center;}
.about-num ul li b{font-size: 0.54rem; line-height: 1; margin-bottom: .03rem; display: block;}
.about-en{position: absolute; top: 0; width: 100%; height: 100%; z-index: 0;}
.about-en .imgBox {position: relative;overflow: hidden;height: 100%;display: flex;align-items: flex-end;justify-content: flex-start; width: 61.56%;}
.about-en .imgBox img{margin-bottom: .67rem; max-width: 100%;}
.about-video{position: absolute; right: 0; bottom: 0; z-index: 3; width:52%;}
.about-video>img{display: block; width: 100%;}
.about-video .btn {width: .88rem; height: .88rem; z-index: 1; position: absolute;  z-index: 2; cursor: pointer; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.about-video .btn img {max-width: 100%; max-height: 100%;}
.about-video .btn {cursor: pointer;}
.about-video .btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.about-video .btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(7); opacity: 0; }}


/* 合作伙伴 */
.partner-bg{background: url(../images/partner-bg.jpg) no-repeat center top; padding: 0.9rem 0 1.74rem; position: relative; background-size: cover;}
.partner-bg .index-top{margin-bottom: 1.22rem;}
.partner-list{overflow: hidden;}
.partner-list ul li{margin-bottom: .42rem; margin-top: 0!important;}
.partner-list ul li .pic{display: flex; align-items: center; justify-content: center; mix-blend-mode: multiply;}
.partner-list ul li .pic img{display: block; max-width: 70%; }


/* 应用领域 */
.app-list{overflow: hidden;}
.app-list ul li{overflow: hidden;}
.app-list ul li .slide-inner img {width: 100%; max-width: 100%; min-height: 8.96rem; object-fit: cover; }
.app-list ul li .text{    min-width: 500px;background: rgba(0, 0, 0,.1);border-radius: 0.11rem;display: inline-flex;flex-direction: column;padding: .58rem 0.73rem;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);    border: 1px solid rgba(255, 255, 255, .1);}
.app-list ul li .text p{color: #dbdbdb; margin: .15rem 0 .38rem;}
.app{position: relative;}
.appbtn-box{position: absolute; right: 0; top: 0; height: 100%; z-index: 8;  display: flex; align-items: center;}


/* 2025.5.8 */
.appbtn-box {
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  height: auto;
  z-index: 8;

  display: flex;
  align-items: center;
  top: auto;
}


.app-btn{ color: #fff; width: 100%;}
/* .app-btn ul {flex-direction: column;} */
.app-btn ul li{display: flex; align-items: center; cursor: pointer; position: relative; flex-direction: column;}
.app-btn ul li::after {height: 1px; content: ""; width: 70%;  border-bottom: 1px dashed #fff; opacity: .7; position: absolute; top: 30%;left: 100%; transform: translate(-50%, -50%); box-sizing: border-box;}
.app-btn ul li:last-child::after {display: none;}


.app-btn ul li .icon{width: 0.43rem;  height: 0.43rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.6s; margin-bottom: .11rem;}
.app-btn ul li .icon img{display: block; max-width: 50%;}
.app-btn ul li.swiper-slide-thumb-active .icon{background: #00aaa6;}
.app-top{position: absolute;top: 0.95rem;z-index: 2;width: 100%;}
.app-top .index-title strong{color: #ffffff;}


/* 新闻资讯 */
.news-bg{background: url(../images/news-bg.jpg) no-repeat center top; padding: .72rem 0 1.32rem; }
.news-bg .index-top{margin-bottom: .56rem;}
.news-list{position: relative; overflow: hidden;}
.news-list ul li{padding: 0.22rem 0.16rem 0.34rem; box-sizing: border-box; background: #ffffff; border: 0.01rem solid #e7e7e7; transition: 0.6s; position: relative;}
.news-list ul li::after{position: absolute; content: ''; bottom: -1px; height: 0.04rem; background: #00aaa6; left: 0; width: 0; transition: 0.6s;}
.news-list ul li .pic{overflow: hidden;}
.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:  0.3rem 3% 0; box-sizing: border-box;}
.news-list ul li .info h3{color: #333333; line-height: 1.2; min-height: .52rem; margin-bottom: .25rem;}
.news-list ul li .info p{ color: #666666; margin-bottom: .4rem;}
.news-list ul li .info div{align-items: flex-end;}
.news-list ul li .info span{width: 0.43rem; height: 0.43rem; background:  #c5c5c5; border-radius: 50%; min-width: 35px; min-height: 35px; transition: 0.6s;}
.news-list ul li .info span img{width: .07rem;}
.news-list ul li:hover{background: #f9f9f9;}
.news-list ul li:hover::after{width: 100%;}
.news-list ul li:hover .info span{background: #00aaa6;}


/* 公共底部 */
.footer{background: #333; }
.footer-top{border-bottom: 1px solid rgba(255, 255, 255,.05); padding: 0.7rem 0 1.27rem; }
.footer-top .logo img{max-width: 1.8rem;}
.foot-nav{width: 56%;}
.foot-nav dl dt{color: #fff; margin-bottom: .16rem;}
.foot-nav dl dd a{color: #e0e0e0; line-height: 2.2; display: block;}
.foot-nav dl dd a:hover{color: #fff;}
.foot-wechat{width: 11%; min-width: 135px;}
.foot-wechat img{display: block; width: 100%; border-radius: 5px; margin-bottom: 0.15rem;}
.foot-wechat em{display: block; color: #fff; text-align: center;}
.footer-copy{padding: .21rem 0;}
.footer-copy p,.footer-copy a{color: rgba(255, 255, 255,.5);}
.footer-copy span{margin: 0 0.17rem;}
.footer-copy a:hover{color: #fff;}


/* 右侧悬浮 */
.slideflex {position: fixed; right: 3%; bottom: 15%; z-index: 99;  }
.slideflex ul li a{width: 0.58rem; height: 0.58rem; background: #00aaa6; border-radius: 50%;}
.slideflex ul li a img{width: .27rem; }
.slideflex ul li .eqbox{position: absolute; right: 150%; top:-.38rem; opacity: 0; visibility: hidden; padding-right: .22rem;  }
.slideflex ul li .info{background: #f1f1f1;  border-radius: 0.1rem; padding: .37rem .23rem 0.03rem; min-width: 3rem; box-sizing: border-box;}
.slideflex ul li .info dl{border-bottom: 1px solid rgba(213,213,213,0.5); padding-bottom: .21rem; margin-bottom: .21rem;}
.slideflex ul li .info dl:last-child{border-bottom: none;}
.slideflex ul li .info dl img{width: 0.46rem; min-width: 36px; margin-right: .18rem;}
.slideflex ul li .info dl em{color: #01aaa6; display: block;}
.slideflex ul li:hover .eqbox{ opacity: 1; visibility: visible; right: 100%;-webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}



/* 内页产品分类页面 */
.proclass-bg{background: url(../images/proclass-bg.jpg) no-repeat center top;background-size: cover;min-height: 9.08rem;position: relative;}
.proclass-list{position: absolute;overflow: hidden;top: 0;width: 100%;height: 100%;}
.proclass-list ul li a{display: flex;justify-content: center;height: 100%;flex-direction: column; color: #fff; padding-left: 25%; box-sizing: border-box; transition: 0.6s;}
.proclass-list ul li .icon{width: 0.71rem; height: 0.71rem; background: #009ea1; border-radius: 50%; min-width: 36px; min-height: 36px; margin-bottom: .37rem;}
.proclass-list ul li .icon img{display: block; max-width: 50%;}
.proclass-list ul li .name strong{display: block;}
.proclass-list ul li .name b{display: block; text-transform: uppercase; font-weight: normal;}
.proclass-list ul li .info{transform: translateY(100px); display: none; transition: 0.6s;}
.proclass-list ul li .info .line{width: 0.53rem; height: 0.04rem; background: #009ea1; margin:.28rem  0 .9rem;}
.proclass-list ul li .info p{color: #fff; margin-bottom: .58rem;}
.proclass-list ul li:hover a{padding:0 12%; background: rgba(0,0,0,0.3);}
.proclass-list ul li .pro-more{width: 0.56rem; height: 0.56rem; border: 0.01rem solid #ffffff; min-width: 30px; min-height: 30px; border-radius: 50%; margin-top: 1rem; transition: 0.6s;}
.proclass-list ul li .pro-more img{display: block; max-width: 50%;} 
.proclass-list ul li:hover .info{transform: translateY(0); display: block;}
.proclass-list ul li:hover .pro-more{background: #009ea1; border-color:  #009ea1;}
#proclass-num{display: none;}


/* 内页banner */
.ny-banner{overflow: hidden; position: relative;}
.ny-banner .pic img{display: block; width: 100%;}
.ny-banner .info h2{font-size: 0.58rem; font-weight: 700;}





/* 内页产品二级列表页 */
.ny-header .headlogo .logo1{display: none;}
.ny-header .headlogo .logo2{display: block;}
.ny-header nav >ul >li >a {color: rgba(51,51,51,0.76)}
.ny-header nav >ul >li.on >a{color: #009ea1;}
.ny-header nav >ul >li:hover >a{color: #009ea1;}
.ny-header .headSearch svg path {fill: #333;}
.ny-header .headlang span{color: #333;}
.ny-header .headlang .layui-nav .layui-nav-more::before{background: url(../images/ver-icon2.png) no-repeat center;}

.class-box{padding: .52rem 0;}
.class-box ul li{margin-right: 3.4%;}
.class-box ul li:last-child{margin-right: 0;}
.class-box ul li a{position: relative; color: #777777; font-size: var(--font20); padding: 0 .21rem; display: block;}
.class-box ul li a::after{opacity: 0; position: absolute; content: ''; width: 0.12rem; height: 0.12rem; min-width: 4px; min-height: 4px; background: #00aaa6; border-radius: 50%; left: -.1rem;  top: 50%; transform: translateY(-50%); transition: 0.6s;}
.class-box ul li:hover a::after,.class-box ul li.on a::after{left: 0; opacity: 1;}
.class-box ul li:hover a,.class-box ul li.on a{color: #333;}

.nyprolist ul li{padding: 1.69rem 0;}
.nyprolist ul li:nth-of-type(odd){background: url(../images/nypro-li.jpg) no-repeat center bottom; background-size: cover;}
.nyprolist ul li .pic{width: 37.5%; display: flex; align-items: center; justify-content: center;}
.nyprolist ul li .pic img{display: block; max-width: 100%; transform: scale(0.9); transition: 0.6s;}
.nyprolist ul li:hover .pic img{transform: scale(1);}
.nyprolist ul li .info{flex: 1;}
.nyprolist ul li .info h3{font-weight: 700; margin-bottom: .38rem;}
.nyprolist ul li .info h4{color: #666; width: 84%; margin-bottom: .7rem;}
.nyprolist ul li .pro-link a{background: #86898e; border-radius: 0.27rem; padding: 0.15rem 0.27rem; transition: 0.6s;}
.nyprolist ul li .pro-link a:first-child{margin-right: .18rem;}
.nyprolist ul li .pro-link em{color: #ffffff; margin-right: .28rem; transition: 0.6s;}
.nyprolist ul li .pro-link a:hover{background: #00aaa6;}



/* 内页产品详情 */
.nypro { position: relative; z-index: 1;}
.nypro .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.nypro .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.nypro-box {padding: 2.23rem 0 1.1rem;}
.nypro-box .info{width: 49%; margin-right: 12%; color: #fff;}
.nypro-box .info em{display: inline-block; border: 0.02rem solid rgba(255,255,255,0.26); border-radius: 0.24rem; padding: 0.1rem .3rem; margin-bottom: .17rem;}
.nypro-box .info strong{display: block; margin-bottom: .49rem;}
.nypro-box .info h4{margin-bottom: 1.04rem;}
.nypro-box .info .pro-zx a{border-bottom: 2px solid  #ffffff; display: inline-block; padding-bottom: 0.05rem;}
.nypro-box .info .pro-zx img{width: 0.19rem; display: inline-block; margin-right: .05rem;}
.nypro-box .info .pro-zx span{color: #ffffff;}

.nypro-box .proxq-pic{width: 30%;}
.proxq-pic{position: relative; overflow: hidden;}
.proxq-pic ul li .pic{overflow: hidden; display: flex; align-items: center; justify-content: center;}
.proxq-pic ul li .pic img{display: block; max-width: 100%; transform: scale(0.9); transition: 0.6s;}
.proxq-pic ul li:hover .pic img{transform: scale(1);}
#proxq-prev,#proxq-next{width: 0.48rem; height: 0.48rem; background: #ffffff; border-radius: 50%; min-width: 36px; min-height: 36px;}
#proxq-prev img,#proxq-next img{width: 0.08rem;}
#proxq-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#proxq-num{display: none;}

.parameter ul li{padding: .32rem 0.15rem; position: relative; margin-right:1.5rem;}
.parameter ul li:last-child{margin-right: 0;}
.parameter ul li::after{position: absolute; content: ''; width: 0; bottom: 0; height: 0.04rem; background: #009ea1; left: 50%; transition: 0.6s;}
.parameter ul li a{display: block; font-size: var(--font20); color: #333;}
.parameter ul li:hover::after{width: 100%; left: 0;}
.parameter ul li:hover a{font-weight: 700;}
.pannel{background: #f5f5f5; }
.position img{ width: .18rem; }
.position a{display: inline-block;font-size: var(--font15);color: #666;position: relative;padding-left: .22rem;margin-left: .19rem;opacity: 0.6;}
.position a::after {content: ">";margin: 0;position: absolute;left: 0; top: 45%; transform: translateY(-50%);}
.position a:hover {color: #009ea1;}
/*.position a:hover::after{color: #fff;}*/
.pro-xq{padding: 1.13rem 0;}
.proxq-title{margin-bottom: 0.5rem;}
.proxq-title i{width: 0.88rem;height: 0.04rem;background: #009ea1; display: block; margin: .1rem auto 0;}
.proxq-editor{margin-bottom: 1rem;}
.proxq-editor img{display: inline-block; max-width: 100%!important; height: auto!important;}
#item1,#item2,#item3,#item4 {position: relative; top: -2rem;}


/* 内页解决方案列表页 */
.ny-banner .info span{display: block; font-weight: 400; margin-top: .22rem;  /*font-family: "PFRegular";*/}
.solunav{width: 88%; margin:.5rem auto .5rem}
.solunav ul {display: flex; justify-content: space-between; position: relative;}
.solunav ul::after {content: ""; height: 1px;opacity: 0.23; width: 85%; background: #b8b8b8;position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%);}
.solunav li {text-align: center;}
.solunav li .icBox {background: #fff; padding: 0 .1rem;  position: relative; z-index: 1; width: auto;  display: inline-block;}
.solunav li .icBox .ic {width: 0.84rem; margin: auto; height: 0.84rem;    min-width: 65px; min-height: 65px;  background: #f9f9f9; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.solunav li .icBox img {max-width: 50%;}
.solunav li span {font-size: var(--font18);font-weight: 400; color: #333333; display: block; margin-top: .1rem;}
.solunav li:hover .icBox .ic {background: #009ea1;}
.solunav li:hover span {color: #009ea1;}
.solunav li:hover .ic img { -webkit-filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%); filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%);}
.solunav li.on .icBox .ic {background: #009ea1;}
.solunav li.on span {color: #009ea1;}
.solunav li.on .ic img { -webkit-filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%); filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%);}

.solution{margin-bottom: 1rem;}
.solution .nyprolist ul li{margin-bottom: .86rem; background: url(../images/nypro-li.jpg) no-repeat center bottom; background-size: cover; padding: 1.39rem 0;}


/* 内页荣誉资质列表页 */
.honor-class ul li:hover a,.honor-class ul li.on a{color: #009ea1; }
.honor-class ul li.on::after{width: 100%; left: 0;}

.honor-bg{background: #f0f0f0; padding: 1.33rem 0;}
.honorslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .6rem .85rem ;}
.honorslist ul li .imgBox {position: relative;  padding-bottom: 17%; text-align: center;}
.honorslist ul li .imgBox::after {content: "";background: url(../images/honer-img-icon.png) no-repeat bottom;background-size: 100%;z-index: 1;bottom: 0;width: 100%;height: 100%;position: absolute;left: 0;}
.honorslist ul li .picImg {display: inline-block;position: relative;width: 80%;z-index: 2;}
.honorslist ul li .picImg>img { box-sizing: border-box;width:96%;border:8px solid #3aaec5 }
.honorslist ul li .hide {content: ""; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5); transition: .5s; opacity: 0; top: 0;}
.honorslist ul li .hide .icon{width: 0.51rem; height: 0.51rem; background: #009ea1; border-radius: 50%; min-width: 36px; min-height: 36px; transition: 0.6s; transform: scale(0);}
.honorslist ul li .hide .icon>img{max-width: 50%;}
.honorslist ul li:hover .hide{opacity: 1;}
.honorslist ul li:hover .hide .icon{transform: scale(1);}

/* 内页人才招聘 */
.ny-banner .text {text-align: center;}
.ny-banner .text h3{font-size: .68rem;}
.ny-banner .text h4{ /*font-family: "PFRegular"; */}
.ny-banner .arrow {position: absolute;  bottom: 0.3rem; left: 50%;transform: translate(-50%, -50%); z-index: 3;}
.ny-banner .arrow img {display: block; opacity: 0; animation: arrow-animation 2s linear infinite; margin-top: -6px;}
.ny-banner .arrow .jt1 {animation-delay: 0s; transform: scale(.25);}
.ny-banner .arrow .jt2 {animation-delay: 1s;transform: scale(.5);}
.ny-banner .arrow .jt3 {animation-delay: 1.5s;transform: scale(.75);}

.welfare{position: relative; padding: 1rem 0 .6rem; margin-bottom: 1rem;}
.welfare .ny-title{margin-bottom: .64rem;}
.welfare-list{position: relative; overflow: hidden;}
.welfare-list ul li{}
.welfare-list ul li .pic{overflow: hidden; position: relative;}
.welfare-list ul li .pic img{display: block; width: 100%;}
.welfare-list ul li .info{position: absolute; content: ''; width: 100%; height: 100%; z-index: 2; display: flex; align-items: flex-end; z-index: 2; top: 0; padding: 0 8.3%; box-sizing: border-box;}
.welfare-list ul li .text{display: flex; flex-direction: column; margin-bottom: .62rem;}
.welfare-list ul li .text em{display: block; margin-bottom: .1rem;}
#welfare-prev,#welfare-next{}
#welfare-prev{left: 21%;}
#welfare-next{right: 21%;}
#welfare-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#welfare-num{display: flex; align-items: center; justify-content: center;}
#welfare-num .swiper-pagination-bullet {width: 0.15rem;height: 0.15rem;opacity: 1; background: rgba(153,153,153,.3); transition: 0.6s; transform: scale(0.67); margin: 0 .08rem;}
#welfare-num .swiper-pagination-bullet-active{  background: #009ea1; transform: scale(1)}


.join{background: #f0f0f0; padding: .8rem 0 1.19rem;}
.join .ny-title{margin-bottom: .42rem;}
.join-list{width: 64%;}
.join-list dl{background: #ffffff;border-radius: 0.05rem; padding: 0 2.4%; box-sizing: border-box; margin-bottom: .18rem}
.join-list dl dt{padding: .24rem 0;}
.join-list dl dd{display: none; border-top: 1px solid rgba(197,197,197,0.3); padding: 0.5rem 3% .3rem; box-sizing: border-box;}
.join-list dl dt.active img{transform: rotate(180deg);}
.join-list dl dt strong{color: #333;}
.join-list dl dt em{color: #666;}
.join-list dl dt span{position: relative;width: .6rem;display: flex;align-items: center;justify-content: flex-end;}
.join-list dl dt span::after{position: absolute; content: "展开"; left: 0; font-size: var(--font20); color: #009ea1;} 
.join-list dl dt span img{width: .13rem;}
.join-list dl dt.active span::after{content: "收起";}
.join-list dl dd .text {padding-right: .6rem; scrollbar-width:thin;scrollbar-color:#009ea1 #f0f0f0; overflow-y: auto; max-height: 3rem; border-radius: 0.02rem;}
.join-list dl dd .text::-webkit-scrollbar {/*滚动条整体*/width: 4px; }
.join-list dl dd .text::-webkit-scrollbar-thumb {/*控制滑块*/ background: #009ea1; }
.join-list dl dd .text::-webkit-scrollbar-track {/*控制轨道*/  background: #f0f0f0; }
.join-list dl dd .text::-webkit-scrollbar-button {display: none; /* 隐藏上下箭头 */}
.join-list dl dd .text b{display: block; margin-bottom: .2rem;}

.join-right{width: 26%;}
.join-right ul li{min-height: 180px; background: #fff; border-top: .06rem solid  #009ea1; padding: .34rem 11.7% 0; box-sizing: border-box; height: 2.37rem; margin-bottom: .53rem;}
.join-right ul li strong{display: block; margin-bottom: .16rem;}
.join-right ul li span{color: #666666;}
.join-right ul li a{color: #009ea1;}
.join-right ul li a img{width: .27rem; margin-right: .12rem;}




/* 内页新闻列表页 */
.nynews-bg{background: #f0f0f0; padding: .82rem 0;}
.latest-news {position: relative; overflow: hidden; margin-bottom: .56rem;}
.latest-news ul li a{border: 0.01rem solid #d3d3d3; padding: .16rem 0.2rem; box-sizing: border-box;}
.latest-news ul li .pic{width: 48.71%;    overflow: hidden;}
.latest-news 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;}
.latest-news 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;}
.latest-news ul li .info{padding: 0 5.7%; box-sizing: border-box; width: 51.29%;}
.latest-news ul li .info span{display: block; margin-bottom: .1rem;}
.latest-news ul li .info strong{color: #333333; display: block; margin-bottom: .3rem;}
.latest-news ul li .info p{color: #666666; margin-bottom: .84rem; font-weight: 400; }
.latest-news ul li .info b{color: #009EA1; }
.latest-news ul li .info img{width: .08rem;  margin-left: .14rem; transition: 0.6s; display: inline-block; }
.latest-news ul li:hover .info img{margin-left: .2rem;}
.nynews-arrow{position: absolute;bottom: 1rem;z-index: 2;right: 6.5%;}
#nynews-prev,#nynews-next{width: 0.47rem;  height: 0.47rem;  background: rgba(0,21,38,.21); border-radius: 50%; opacity: 1; }
#nynews-prev{left: auto;right: 0;transform: translateX(-120%);}
#nynews-next{right: 0;}
#nynews-next {transform: rotate(180deg);}
#nynews-prev img,#nynews-next img{width: .09rem;}
#nynews-prev:hover,#nynews-next:hover{background: #00aaa6; }
.nynews-list ul{display: grid; grid-template-columns:repeat(3,1fr); gap:.45rem .61rem;}
.nynews-list ul li{background: 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: 0.34rem; color: #333;font-weight: 700;}
.newsxq-title span {display: block;margin-top: .1rem; color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: 100% !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 #ccc;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: #009ea1; border-color: #009ea1; }
.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;}
.newsDate .relist li:hover h6 {color: #009ea1;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #009ea1; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}


/* 内页技术支持分类页 */
.tech{overflow: hidden;}
.tech ul {display: flex;}
.tech ul li {position: relative; height: 9.08rem; overflow: hidden; transition: .5s;flex: 1;}
.tech ul li .pic {height: 100%;height: 100%;position: absolute;left: 0; top: 0; width: 100%; z-index: 0;}
.tech ul li .pic img {width: 100%;height: 100%; object-fit: cover;}
.tech ul li::after {content: ""; position: absolute; width: 100%; height: 100%;background: rgba(0, 0, 0,.6); z-index: 1; top: 0;}
.tech ul li .info{position: absolute; width: 100%; height: 100%; z-index: 2; top: 0;  padding:  0 9%; align-items: flex-start}
.tech ul li .text{display: flex;align-items: center;justify-content: center;flex-direction: column;transition: 0.6s;transform: translateY(0.73rem);}
.tech ul li.on {flex: 2.085;}
.tech ul li.on::after{background: linear-gradient(90deg, rgba(33, 117, 148,1) 0%, rgba(255, 255, 255,.05) 70%);}
.tech ul li .text strong{margin-bottom: .36rem;}
.tech ul li .text p{color: #fff; transform: translateY(0); opacity: 0;}
.tech ul li .text span{transition: 0.6s; width: 0.58rem;height: 0.58rem; min-width: 36px; min-height: 36px; border: 0.02rem solid rgba(255,255,255,0.4);border-radius: 50%;display: flex;align-items: center;justify-content: center;transform: translateY(-.13rem);}
.tech ul li .text span img{width: 0.09rem; }
.tech ul li.on .text{align-items: flex-start;transform: translateY(-0.28rem);}
.tech ul li.on .text p{opacity: 1;}
.tech ul li.on .text span{transform: translateY(2.5rem); background: #009ea1; border-color: #009ea1;}


/* 内页检测与分析服务页 */
.service{background: url(../images/service-bg.jpg ) no-repeat center top; padding: .91rem 0 .68rem; background-size: cover}
.service-box .ny-title{margin-bottom: .39rem;}
.service-box .info{width: 47.4%;}
.service-box .info h4{color: #444444;font-weight: 400;line-height: 2;margin-bottom: .38rem;}
.service-box .info h4:last-child{margin-bottom: 0;}
.service-box .pic{overflow: hidden; border-radius: 0.25rem; width: 43%;}
.service-box .pic img{display: block; width: 100%;}
.project{padding: .66rem 0 1.13rem;}
.project .ny-title{margin-bottom: 0;}

.project .ny-title{margin-bottom: .56rem;}
.project-box{border: 0.01rem solid rgba(85,85,85,0.2); text-align: center;}
.project-list{display: grid; grid-template-columns: repeat(9, 1fr);  column-gap:0.04rem;border-bottom: 0.01rem solid rgba(85,85,85,0.2); }
.project-list dl dt{font-weight: 700; background: #009ea1; padding:.13rem 0;}
.project-list dl dd{background: #f9f9f9; padding: .35rem 0 0; height: 4.74rem; min-height: 400px;}
.project-list dl dd em{color: #3f3f3f; font-size: var(--font17); display: block; font-weight: 400; margin-bottom: .13rem;}
.project-list dl:nth-child(2n){background: #fff;}
.project-box span{color: #6a6a6a; padding: .23rem 0; display: block;}
.project-box span a{color: #009ea1;}

.analysis{background: #f0f0f0; padding: .88rem 0 .48rem;}
.analysis .ny-title{margin-bottom: .28rem;}
.analysis .pic{ mix-blend-mode: multiply;width: 70%; margin: 0 auto; }
.analysis .pic img{display: block; max-width: 100%;  margin: 0 auto;}


/* 内页在线委托 */
.commission-bg{background: url(../images/commission-bg.jpg) no-repeat center top; padding: .8rem 0 2.09rem; background-size: cover}
.commission-box .info{width: 37%;}
.commission-box .info .ny-title{margin-bottom: .79rem;}
.commission-box .mess-tel img{width: .68rem; min-width: 36px; margin-right: .14rem;}
.commission-box .mess-tel em{display: block; margin-bottom: .03rem;}
.commission-box .mess-tel b{line-height: 1;}
.commission{width: 50%; margin-right: 13%;}
.commission ul{margin-bottom: .4rem;}
.commission ul b{color: #666666; font-weight: 400;  margin-bottom: 0.05rem; display: block;}
.commission ul b>i{color: #e10000; font-style: normal;}
.commission ul li{width: 46.68%; }
.commission ul:first-child{margin-bottom: .17rem;}
.commission ul:nth-child(3){margin-bottom: .2rem;}
.commission ul li input{border: 0.01rem solid #d0d0d0; background: transparent; height: 0.5rem; min-height: 40px; padding-left: .26rem;}
.commission ul .items{color: #565656;margin-left: 0;margin-top: 0.2rem;}
.commission ul .items .layui-form-checkbox{margin-bottom: .18rem;}
.commission ul .items .layui-form-checkbox[lay-skin=primary]>div{font-size: var(--font16); padding-right: .3rem;}
.commission ul .items .layui-form-checkbox[lay-skin=primary]>i{width: .19rem; height: .19rem; line-height: .17rem; border-radius: 3px; background: transparent;}
.commission ul .items .layui-form-checked[lay-skin=primary]>i{background: #009ea1;}
.commission ul .items .layui-form-checkbox[lay-skin=primary]:hover>i{background: #009ea1;}
.commission ul .file{border: 0.01rem dashed #c2c2c2; display: inline-flex;}
.commission ul .file #uploadBtn{height: auto;background: transparent;color: #666;font-size: var(--font15);padding: 0.04rem 0.49rem;}
.commission ul .file #uploadBtn img{margin-right: .08rem; width: .18rem; }
.commission ul .code{border: 0.01rem solid #d0d0d0;  width: 70%;}
.commission ul .code input{background: transparent;height: 0.5rem;min-height: 40px; font-size: var(--font15); padding-left: .26rem; border: none;}
.commission ul .code input::placeholder{color:rgba(102,102,102,0.3)}
.commission .commission-btn{background: #009ea1;height: auto;font-size: var(--font17);padding: 0.045rem 0.66rem;}


/* 内页售后服务-产品保修登记 */
.warranty-bg{background: url(../images/warranty-bg.jpg) no-repeat center top; padding: .75rem 0 0.94rem; background-size: cover;}
.warranty-box .ny-title{margin-bottom: .32rem;}
.warranty-box{ width: 754px; margin: 0 auto; }
.warranty ul b{color: #666666; font-weight: 400; margin-bottom: 0.05rem; display: block;}
.warranty ul b>i{color: #e10000; font-style: normal;}
.warranty ul li{width: 46.68%; }
.warranty ul:first-child{margin-bottom: .17rem;}
.warranty ul:nth-child(2){margin-bottom: .4rem;}
.warranty ul:nth-child(3){margin-bottom: .22rem;}
.warranty ul li input{ background: rgba(183,183,183,0.2); height: 0.5rem; min-height: 40px; padding-left: .26rem;}
.warranty ul .select-pro .layui-input, .warranty ul .select-pro .layui-select, .warranty ul .layui-textarea{background: rgba(183,183,183,0.2); height: 0.5rem; min-height: 40px; padding-left: .26rem;}
.warranty ul .select-pro .layui-input{color: rgba(102,102,102,0.5); font-size: var(--font15);}
.warranty ul .select-pro .layui-form-select .layui-edge{background: url(../images/select-arrow.png) no-repeat center right; border-width: inherit; width: .13rem; height: .09rem;}
.warranty ul .layui-textarea{height: 1.52rem; min-height: 100px;}
.warranty .warranty-btn{background: #009ea1;height: auto;font-size: var(--font17);padding: 0.045rem 0.66rem; margin: .41rem auto 0; display: block;}
.warranty ul .code{position: relative}
.warranty ul .code img{position: absolute; right: 0; top: 0}


/* 内页产品资料 */
.down{align-items: flex-start;}
.down-left{width: 25%;box-sizing: border-box;overflow: hidden;position: sticky;top: 1rem;padding-left: 10%;padding-top: 1.04rem;}
.down-right{width: 75%; }
.down-left strong{  margin-bottom: .76rem;  display: block;}
.down-class .ctitle1{position: relative; padding-bottom: 4.4rem;}
.down-class .ctitle1::after{position: absolute;content: '';width: 1px;height: 100%;background: rgba(156,156,156,.2);left: 1.6%;top: 0.1rem;}
.down-class .ctitle1 li{padding-bottom: .4rem;}
.down-class .ctitle1 li a{display: flex; align-items: center; position: relative; font-size: var(--font18); color: #333; position: relative; }
.down-class .ctitle1 li i {opacity: 0;display: inline-block;width: .1rem;height: .1rem;background: #009ea1;border-radius: 50%;position: relative;z-index: 1;margin-right: 0.27rem;}
.down-class .ctitle1 li i::after {opacity: 0; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: .22rem; height: .22rem; animation: shubiao 1s infinite linear .65s; background: rgba(0,158,161,0.2); border-radius: 50%; z-index: 0;}
@keyframes shubiao {0% { -webkit-transform: translate(-50%, -50%) scale(1); }  33% {   -webkit-transform: translate(-50%, -50%) scale(1.2); }  66% {  -webkit-transform: translate(-50%, -50%) scale(1.3); } 100% {  -webkit-transform: translate(-50%, -50%) scale(1); }}
.down-class .ctitle1 li:hover a,.down-class .ctitle1 li.on a{font-weight: bold; }
.down-class .ctitle1 li:hover i,.down-class .ctitle1 li.on i{opacity: 1;}
.down-class .ctitle1 li:hover i::after,.down-class .ctitle1 li.on i::after{opacity: 1;}

.down-bg{background: url(../images/down-bg1.jpg) no-repeat center top; background-size: cover;}
.down-bg .down-left{background: #009ea1;}
.down-bg .down-left .down-class .ctitle1 li i{background: #fff;}
.down-bg .down-left .down-class .ctitle1 li i::after{background: rgba(255,255,255,0.2);}
.down-bg .down-left .down-class .ctitle1 li a{color: #fff;}
.down-bg .down-left .down-class .ctitle1::after{background: rgba(255,255,255,0.3);}
.down-list{width: 82.3%;margin-top: .95rem;margin-left: 4%; padding-bottom: .67rem;}
.down-list ul li{background: #fff;width: 48.4%;margin-bottom: .27rem;box-sizing: border-box;padding: .35rem .44rem;}
.down-list ul li .info img{width: .48rem; margin-right: .39rem;}
.down-list ul li .info strong{color: #333;}
.down-list ul li span{color: #333333;}
.down-list ul li span img{width: .18rem; margin-right: .11rem;}
.down-list ul li:hover strong{color: #009ea1;}


/* 内页在线培训视频列表页 */
.video-pannel{}
.video-bg{background: url(../images/video-bg.jpg) no-repeat center top; background-size: cover;}
.video-bg .down-left{padding-top: .8rem;}
.video-bg .down-left .down-class .ctitle1 { padding-bottom: 4.7rem;}
.video-list{margin-top: .83rem;width: 72.54%;margin-left: 7.3%; padding-bottom: 1.14rem;}
.video-list ul li{width: 45.2%; margin-bottom: .18rem; cursor: pointer;}
.video-list ul li .pic{overflow: hidden; position: relative;}
.video-list ul li .pic>img{display: block; width: 100%;}
.video-list ul li .hide{ position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0,.5); z-index: 2; top: 0;}
.video-list ul li .text img{width: .61rem; margin: 0 auto; display: block}
.video-list ul li .text span{display: block; margin-top: .1rem;}
.video-list ul li .name{padding: .25rem 0;}
.video-list ul li .name strong{text-align: center; font-weight: 700;}



/* 内页走进川源 */
.aboutSwiper {height: 100vh;}
.about-slide {overflow: hidden;}
.about-slide .bjBox {height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: -1;}
.aboutSwiper .swiper-pagination span {opacity: 1; background: #fff;}
.aboutOne,.aboutTwo,.aboutThree,.aboutFour,.aboutFive {height: 100%;}

.ny-about { display: flex; align-items: flex-end; height: 100%;}
.about-title{margin-bottom: .58rem;}
.about-title strong{font-size: 0.58rem; display: block; line-height: 1;}
.about-title span{ margin-top: .1rem; display: block;}
.ny-about .info p{color: #fff;width: 46%;text-align: justify;}
.nyabout-num{border-top: 0.01rem solid rgba(255,255,255,0.1); padding: .48rem 0 .5rem; margin-top: 1.7rem;}
.nyabout-num ul li em{font-size: 0.6rem; line-height: 1;}
.nyabout-num ul li i{font-style: normal;}


.aboutTwo-box { display: flex; align-items: flex-end; height: 100%;}
.aboutTle{margin-bottom: 3.63rem;}
.aboutTle h3{font-size: 0.58rem; display: block; font-weight: 700; margin-bottom: .05rem;}
.aboutTle span{font-weight: 400; display: block; font-size: 0.4rem;}
.abTwoSwiper2{margin-bottom: 1.3rem;}
.abTwoSwiper2 .pag{}
.abTwoSwiper2 .pag {width: 22px; height: 22px; border: 2px solid  transparent; background: none; opacity: 1; box-sizing: border-box; display: block; border-radius: 50%; position: relative; margin: auto;}
.abTwoSwiper2 .pag i {width: 0.13rem;height: 0.13rem;background: #fff;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.abTwoSwiper2 .svgBox {width: 125%; height: 125%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.abTwoSwiper2 .svgBox svg { fill: none;transform: rotate(-90deg); fill: none;stroke-width:8px;stroke:#009ea1;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.abTwoSwiper2 .swiper-slide-thumb-active .pag{border-color: #fff;}
.abTwoSwiper2 .swiper-slide-thumb-active .pag svg {animation: dashTooffset 1s linear forwards;}
.abTwoSwiper2 .swiper-slide-thumb-active .pag i {background: transparent;} 
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}
.abTwoSwiper2 span{font-size: var(--font22); color: #ffffff; display: block; text-align: center; margin-top: .1rem;} 
.abTwoSwiper2  .swiper-slide{position: relative;width: auto!important; cursor: pointer; }
.abTwoSwiper2  .swiper-slide::after{position: absolute;content: '';background: rgba(255,255,255,.2);left: 75%;width: 207%;top: 17%;/* transform: translateY(-50%); */height: 1px;}
.abTwoSwiper2  .swiper-slide:last-child::after{display: none;}
.aboutswiper-num{position: absolute; right: 9%; bottom: 1.22rem;}
.aboutswiper-num span.actives{font-size: .42rem; color: #009ea1;}


.develop { display: flex; align-items: center; height: 100%; }
.develop-box .pic{width: 37.64%; border-radius: 0.22rem; overflow: hidden; margin-right: 6.5%;}
.develop-box .pic img{display: block; width: 100%; border-radius: 0.22rem;}
.develop-box .info{width: 50%; margin-top: .2rem;}
.develop-box .info em{display: block; margin-bottom: .07rem;}
.develop-box .info strong{display: block; margin-bottom: .33rem;}
.develop-box .info p{color: #fff; margin-bottom: .04rem;}
.develop-box .info p i{display: inline-block; width: .06rem; height: .06rem; min-width: 3px; min-height: 3px; background: #fff; border-radius: 50%; margin-right: .1rem;}
.develop {position: relative;}
.develop .thuSwiperBox {position: absolute;right: 4%;height: 100%;top: 0;display: flex;align-items: center;}
.develop .thuSwiperBox::after {content: ""; height: 200%; width: 1px; background: rgba(255,255,255,.26); right: .3rem; top: -50%; position: absolute;}
.abThreeThubSwiper1 {height: 88%;padding-right: .3rem;}
.abThreeThubSwiper1 .slide {width: auto;height: auto;cursor: pointer;display: flex;align-items: center;justify-content: flex-end;margin-bottom: 0;}
.abThreeThubSwiper1 .slide .year {min-width: 96px;width: 1.35rem;color: #fff;font-size: var(--font19);padding-right: 0.4rem;position: relative;transition: .4s;text-align: right;line-height: 1;/* display: flex; *//* justify-content: flex-end; */}
.abThreeThubSwiper1 .slide .year::after {content: ""; position: absolute; right: -.025rem; top: 0; height: 0; transition: .5s; width: 0.05rem;background: #fff;}
.abThreeThubSwiper1 .swiper-slide-thumb-active{ opacity: 1!important; }
.abThreeThubSwiper1 .swiper-slide-thumb-active .year {font-size: var(--font40);}
.abThreeThubSwiper1 .swiper-slide-thumb-active .year::after {height: 100%;}
#develop-prev,#develop-next{bottom: 0.07rem; top: auto; width: 0.66rem;  height: 0.66rem;  border: 0.01rem solid #ffffff; border-radius: 50%; background: transparent;  min-width: 36px; min-height: 36px; }
#develop-prev{left: 44%;}
#develop-next{right: 44%;}
#develop-next {transform: rotate(180deg);}
#develop-prev img,#develop-next img{width: .1rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#develop-prev:hover,#develop-next:hover{background: #fff;}
#develop-prev:hover img,#develop-next:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.develop-icon{position: absolute; width: 0.18rem; height: 0.33rem; border: 0.02rem solid #ffffff; border-radius: 0.11rem; right: 3%; bottom: .75rem;}
.develop-icon i {content: "";position: absolute;left: 50%;top: 27%;transform: translate(-50%, 0%);width:.02rem;height: .08rem;animation: jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;background: #fff;}
@keyframes jump {0% {transform:translate(-50%, 0%) translateY(3px)}to {  transform:translate(-50%, 0%) translateY(-3px) }}


.customer { display: flex; align-items: center; height: 100%;}
.customer .info{   width: 31%;}
.customer .info p{color: #666666;text-align: justify; font-weight: 400; margin-bottom: .6rem;}
.customer-more a{transition: 0.6s;}
.customer-more img{display: inline-block; max-width: .45rem; margin-right: .13rem;}
.customer-more em{color: #666666;}
.customer-more:hover a{margin-left: 3%;}
.customer-more:hover em{ color: #009ea1;}
.customer-list{margin-top: 1.43rem;}
.customer-list ul li{text-align: center;}
.customer-list ul li:first-child{margin-right: 30%;}
.customer-list ul li strong{font-size: 0.48rem;color: #039ea1; line-height: 1; font-weight: 700;}
.customer-list ul li em{font-weight: 700;}
.customer-list ul li h3{color: #666666; margin-top: .05rem;}
.map-pic{position: absolute;right: 0;top: 56%;transform: translateY(-50%);width: 63%;mix-blend-mode: multiply;}
.map-pic img{display: block; max-width: 100%;   }


.honor { display: flex; align-items: flex-end; height: 100%;}
.honor-top{margin-bottom: .7rem;}
.honor-top .about-title{margin-bottom: 0;}
.honor-num ul li:last-child{margin-left: 1.7rem;}
.honor-num ul li strong{font-size: 0.71rem; color: #009ea1; line-height: 1; margin-right: .21rem;}
.honor-num ul li b{color: #009ea1; line-height: 1;}
.honor-num ul li h3{color: #5f5f5f;}
.honor .swiper-fade .swiper-slide {pointer-events: auto!important;}
.honor .swiperBox4 {margin-bottom: 1rem;}
.honor .swiperBox4 .swiper-slide-active {z-index: 11;}
.honor-list {position: static!important;}
.honor .swiperBox5 {position: relative!important;}
.honor-btn{margin-bottom: .78rem;}
.honor-btn ul li{ transition: 0.6s; cursor: pointer; width: auto; margin-right: .66rem;}
.honor-btn ul li em{color: #5f5f5f; }
.honor-btn ul li.swiper-slide-thumb-active em{color: #009ea1; font-weight: bold;}
.honor-list{position: relative; padding-bottom: .76rem;}
.honor-list ul li .pic{overflow: hidden; height: 3rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.honor-list ul li .pic>img { height:96%; object-fit: cover;border:8px solid  #6f3e2a;}

#abhonor-num{background: rgba(186,186,186,.3); height: 0.04rem; width: 100%; top: auto; bottom: 0;}
#abhonor-num.swiper-pagination span{background: #009ea1;}

@media screen and (min-width: 200px) and (max-width: 1024px) {
  .aboutSwiper {height: auto;}
}



/* 内页联系我们 */
.contact-box{padding: 1.11rem  0 1.3rem;}
.contact-box .info{flex: 0.9;}
.contact-box .info .ny-title strong{color: #009ea1; margin-bottom: .06rem; display: block;}
.contact-box .info em{color: #333333; display: block; margin-bottom: .16rem;}
.contact-box .info p>a{color: #333;}
.contact-box .info h3{font-weight: bold; margin: .5rem 0 .2rem;}
.wechat-list ul li:first-child{margin-right: .25rem;}
.wechat-list ul li img{width: 1.57rem; min-width: 120px;}
.wechat-list ul li em{font-weight: 400; display: block; text-align: center ; margin-top: .1rem;}
.contact-list{width: 52%;}
.contact-list dl{margin-bottom: .04rem;}
.contact-list dl dt{background: #f0f0f0; padding: .31rem  3.6%; box-sizing: border-box;}
.contact-list dl dt span{width: 0.25rem; height: 0.25rem; background: #c0c0c0; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.contact-list dl dt span img{width: .06rem;}
.contact-list dl dd{display: none; box-sizing: border-box; background: #f0f0f0; padding: 0 3.6% .37rem;}
.contact-list dl dd p{line-height: 2;}
.contact-list dl dd p a{color: #333;}

.contact-list dl dt.active em{color: #009ea1;}
.contact-list dl dt.active span{background: #009ea1;}
.contact-list dl dt.active span img{transform: rotate(90deg);}
.contact-list dl dt.active dd{display: block;}

.message .warranty{width: 64%;}
.message .warranty ul .code input{background: rgba(183,183,183,0.2); height: 0.5rem;min-height: 40px; font-size: var(--font15); padding-left: .26rem;}
.message .warranty ul .code input::placeholder{color:rgba(102,102,102,0.3)}
.message .warranty .warranty-btn{ margin: .41rem 0 0; }



/* 2025.5.6 banner增加新闻 */
.banner-bottom{position: absolute; bottom: 0.4rem; z-index: 2; width: 100%; }
.bottom-txtScroll{align-items: flex-end;}
.bottom-txtScroll .bd{margin-right: .68rem;}
.bottom-txtScroll .infoList li a{}
.bottom-txtScroll .infoList li span{display: block;}
.bottom-txtScroll .infoList li em{}
.bottom-txtScroll .hd a{transition: 0.6s; cursor: pointer;}
#topnews-prev,#topnews-next{width: .27rem; height: .27rem; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; min-width: 27px; min-height: 27px;}
#topnews-prev{margin-right: .07rem;}
#topnews-prev img,#topnews-next img{max-width: 50%;}
#topnews-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.bottom-txtScroll .hd a:hover {background: rgba(255, 255, 255, .25);}


.proxq-pic-box{position: relative; width: 30%}
.nypro-box .proxq-pic {width: 100%;}
.proxq-arrow{ width: 100%; display: flex;justify-content: space-evenly; }
#proxq-prev, #proxq-next{top: auto; position: relative}
#proxq-prev{left: 10%}
#proxq-next{right: 10%}

.nypro-top{width: 100%}



.pro-pannel .pannel-box{  justify-content: center;}
.nypro-box  .position img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.nypro-box .position a{color: #fff}
.nypro-box .position a:hover{opacity: 1;}

.class-box ul li {margin-right: 2.4%;}

.pro-xq .item2,.pro-xq .item4{background: #f5f5f5;padding:1rem 0 0.001rem 0}
.pro-xq .item .table1 {width: 100%;border-top: 1px solid #000;border-bottom:1px solid #000}
.pro-xq .item .table1 td,.pro-xq .item .table1 tr{}
.pro-xq .item .table1 tr:nth-child(even){background:#ddd;}




.pro-xq .item2 .con .tableBox {overflow-x: auto;}
.pro-xq .item2 .con table {white-space: nowrap;}
.pro-xq .item2 .con table td {padding: 0 .1rem;}



.pro-xq .item3,.pro-xq .item5{margin-top:1rem}
.pro-xq .proxq-editor3 p{text-indent: 0.1rem!important;}
.pro-xq .proxq-editor3 table tr td{padding-left: 0.1rem!important; box-sizing: border-box}
.pro-xq .proxq-editor3 table tr td p{text-indent: 0!important;}
.pro-xq .proxq-editor3 .table3{width: 100%!important;}
.pro-xq .proxq-editor3 .table3 tr{display: flex; justify-content: space-between; flex-wrap: wrap}
.pro-xq .proxq-editor3 .table3 tr td{background: #f5f5f5;border-radius:30px;padding:.5rem .1rem .3rem!important; width: 31%; margin-bottom: .3rem}
.pro-xq .proxq-editor3 .table4{width: 100%!important;}
.pro-xq .proxq-editor3 .table4 tr{display: flex; justify-content: space-between; flex-wrap: wrap}
.pro-xq .proxq-editor3 .table4 tr td{background: #f5f5f5;border-radius:30px;padding:.5rem .1rem .3rem!important; width: 31%; margin-bottom: .3rem}

.pro-xq .proxq-editor3 .table-22 tr td{width: 48%; }


.pro-xq .proxq-editor2 p{text-indent: 0.1rem!important;}
.pro-xq .proxq-editor2 table tr td{padding-left: 0.1rem!important; box-sizing: border-box}
.pro-xq .proxq-editor2 table tr td p{text-indent: 0!important;}
.pro-xq .proxq-editor2 .table3 tr{display: flex; justify-content: space-between; flex-wrap: wrap}
.pro-xq .proxq-editor2 .table3 tr td{ width: 48%!important;}
.pro-xq .proxq-editor4 table tr td{border: 1px solid #000!important;}

.pro-xq .proxq-editor1 .table-222{width: 100% !important}




.product-list ul li .pic {width: 100%; height: 100%;    padding-bottom: 100%;position: relative; background: rgba(218, 218, 218,.75); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.product-list ul li .pic img {max-width: 85%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.pro-xq .item6{margin-top: 1rem}


.pannel-box{height: .92rem; min-height: 60px}


.solution-pic img{display:block; max-width: 100%; height: auto; margin-bottom: .5rem}