.blue{color: #06AEF5;}
#c-placeholder {height: 6.25rem;min-height: 5rem;}
header {position: fixed; left: 0; top: 2%; z-index: 99; width: 100%;  transition: .6s;}
.headBox{ padding: 0 3%;  transition: .6s; }
.headBox .box{background: #fff; height: 6.25rem;min-height: 5rem; padding: 0 3%; transition: .6s;}
.headBox .logo img{width: 8.3125rem; margin-right: .9375rem;}
.headBox .text{position: relative; padding-left: 1.3125rem;}
.headBox .text::after{position: absolute; content: ''; width: .0625rem; height: 1.9375rem; background: rgba(153,153,153,0.3); left: 0; top: 50%; transform: translateY(-50%);} 
.headBox .text em{color: #06aef5; display: block; line-height: 1; margin-bottom: .1875rem;}
.headBox .text span{display: block; color: #999999;}


nav {transition: .5s;height: 100%;}
nav ul {display: flex;justify-content: space-between;background-color: transparent!important;color: #333!important;padding: 0!important;height: 100%;}
nav ul li {position: relative;line-height: normal;height: 100%;display: flex!important;align-items: center; margin:  0 3.125rem;}
nav ul li::before{position: absolute; content: ''; width: 0; height: .125rem;   background: #06aef5; bottom: 1.4375rem; transition: .6s; left: 50%;}
nav ul li>a {display: block;color: #333!important;transition: .5s;position: relative;font-size: var(--font18)!important; padding: 0 !important;}
nav ul li:hover::before,nav ul li.layui-this:before{width: 100%; left: 0;}
nav ul li:hover a,nav ul li.layui-this a{ color: #06aef5!important;}
nav .layui-nav .layui-nav-more,nav .layui-nav .layui-this:after,nav .layui-nav .layui-this:after, nav .layui-nav-bar{display: none!important;}
nav .layui-nav .layui-nav-item{line-height: 3.25rem;}

/* 二级导航 */
/* 二级导航 */
nav{height: 6.25rem;}
nav ul li .navTwo {position: absolute;left: 0;background: #ffffff;box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12);top: 6.25rem;width: 32.6875rem;display: none;}
nav ul li .navTwo .boxs {display: flex;justify-content: space-between;align-items: flex-start; overflow: hidden;}
nav ul li .navTwo .boxs .imglist {width: 56%;}
nav ul li .navTwo .boxs .imglist .imgBox {display: none;}
nav ul li .navTwo .boxs .imglist dl{padding:  2rem;}
nav ul li .navTwo .boxs .imglist dl dt a{display: block;font-size: var(--font15);color: #666!important; line-height: 2; padding: 0;}
nav ul li .navTwo .boxs .imglist dl dt a:hover{color: #06aef5!important;}
nav ul li .navTwo .boxs .list {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;width: 44%;padding: 19px;box-sizing: border-box; border-right: 1px solid #f2f2f2;}
nav ul li .navTwo .boxs .list .item {width: 100%;}
nav ul li .navTwo .boxs .list .item a {color: #333!important;font-size: var(--font18);padding: 0 1.1875rem !important; display: block; margin-bottom: 10px;}
nav ul li .navTwo .boxs .list .item a:hover{background: #06aef5;border-radius: 5px; color: #fff!important;}
nav .layui-nav .layui-nav-more,nav .layui-nav .layui-this:after,nav .layui-nav .layui-this:after, nav .layui-nav-bar{display: none!important;}

nav .layui-nav-child{top: 100%; padding: .625rem 1.25rem;}
nav .layui-nav .layui-nav-child a{font-size: var(--font15)!important; color: #666!important;}
nav .layui-nav .layui-nav-child a:hover{background: transparent!important; color: #06aef5!important;}



/* 搜索 */
.head_search {cursor: pointer;  margin-left: 6.25rem;}
.head_search a{width: 3.5rem;   height: 3.5rem;   background: #06aef5;  border-radius: 50%;}
.head_search a img{width: 1.125rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(0, 0, 0,.9);   display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 15%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem; color: #fff;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn svg path{fill: #fff;}

.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}
.ssfDismisser svg path{fill: #fff;}

/* 头部下滑 */
.header.c-style2{ box-shadow: 0 0 1rem rgba(0, 0, 0,.03); top: 0;}
.header.c-style2 .headBox{padding: 0;}


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

/* ===============公用css end!!!!===================*/
.more1 {padding:1.2rem 2.35rem;background: #06AEF5; display: inline-flex; transition: .5s; border-radius:100px; color: #ffffff; }
/* .more1:hover {box-shadow: 0 0 0 .5rem rgba(21, 131, 59, .2);} */
.more1 img{width: 1.25rem; margin-left: 1.125rem; transition: .6s;}
.more1:hover img{transform: rotate(-45deg);}

/* 首页banner */
.indexBanner {height: 100vh; position: relative;}
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox>img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);object-fit: cover;}
.bannerSwiper .swiper-slide-active .imgBox>img, .bannerSwiper .swiper-slide-duplicate-active .imgBox>img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .slide{overflow: hidden;}
.indexBanner .banner-box{bottom: 29%;}
.indexBanner .info  i{position: relative; padding-left: 4.0625rem; font-style: normal; margin-bottom: .75rem; display: block;}
.indexBanner .info  i::after{position: absolute; content: ''; width: 3.25rem;   height: 1px;  background: rgba(255,255,255,0.5); left: 0; top: 50%; transform: translateY(-50%);}
.indexBanner .info  h2{font-weight: 300;}
.indexBanner .info strong{font-size: 4.125rem; line-height: 1; display: block; margin: .25rem 0 3.5625rem;}
.indexBanner .info em{color: #fff; font-weight: 300; margin-top: 11.875rem; display: block;}
.banner-right {   display: flex;   justify-content: flex-end;   bottom: 7%;   top: auto;   z-index: 2;}
#banner-num{opacity: 1;color: #fff;font-size: var(--font18);position: relative;width: auto;bottom: 0; margin-right: 1.875rem;}
#banner-num .swiper-pagination-current{color: #06aef5;}
#banner-num .swiper-pagination-total{}
#banner-prev,#banner-next{position: relative;bottom: 0;width: auto;height: auto;margin-top: 0;right: auto;left: auto;}
#banner-prev img,#banner-next img{width: .4375rem; }
#banner-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); margin-left: .9375rem;}



/* 最新发布 */
.latest-news{padding: 3.9375rem 0; }
.latest-news h2{display: block; border-left: .1875rem solid #06AEF5; line-height: 1.375rem; padding-left: .9375rem; margin-bottom: 1.0625rem;}
.latest-list{position: relative; overflow: hidden;}
.latest-list ul li h3{color: #333333; margin-bottom: 1.125rem;}
.latest-list ul li h4{font-weight: 300; margin-bottom: 1.8125rem;}
.latest-list ul li:hover h3{color: #06AEF5;}
.latest-bottom {   display: flex;  }
#latest-num{opacity: 1;color: #333333;font-size: var(--font18);position: relative;width: auto;bottom: 0; margin-right: 1.875rem;}
#latest-num .swiper-pagination-current{color: #06aef5;}
#latest-num .swiper-pagination-total{}
#latest-prev,#latest-next{position: relative;bottom: 0;width: auto;height: auto;margin-top: 0;right: auto;left: auto; }
#latest-prev img,#latest-next img{width: .4375rem; opacity: 0.2;}
#latest-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); margin-left: .9375rem;}
#latest-prev:hover img,#latest-next:hover img{opacity: 1;}



/* 产品中心 */
.product-bg{padding: 4.0625rem 0 6.4375rem; background: #fcfcfc;}
.product-top{margin-bottom: 4.125rem;}
.index-title h2{font-size: 3.375rem; font-weight: 500; }
.product-list ul li{height: 26.125rem;   background: #f5f5f5;   border: 1px solid #d5d5d5; margin-left: -0.0625rem; text-align: center; padding: 3.0625rem 0 0; box-sizing: border-box; position: relative; }
.product-list ul li::after{position: absolute; content: ''; width: 0; height: 100%; background: #06aef5; transition: .6s; left: 0; top: 0; z-index: 1;}
.product-list ul li:hover::after{width: 100%;}
.product-list ul li .info{position: relative; z-index: 2;}
.product-list ul li h3{color: #333333; font-weight: 500;}
.product-list ul li h4{color: #333333; margin-bottom: 2.5rem;}
.product-list ul li .pic{ margin-bottom: 2.5rem;}
.product-list ul li .pic img{display: block;  height: 8.8125rem; object-fit: cover; margin: 0 auto; width: auto; transition: .6s; }
.product-list ul li:hover .pic img{transform: scale(1.1,1.1);}
.product-list ul li:hover h3,.product-list ul li:hover h4{color: #fff;}
.more2 span{color: #666666;}
.more2 img{width: 1.25rem; margin-left: 1.125rem; transition: .6s;}
.product-list ul li:hover .more2 span{color: #fff;}
.product-list ul li:hover .more2 img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



/* 巨澜洁净 */
.about-bg{color: #fff; background: url(../images/about-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 10.875rem 0 7.9375rem;}
.about-box{margin-bottom: 3.875rem;}
.about-box .info{width: 44%;}
.about-box .info h3{margin: 1.75rem 0 5.375rem;}
.about-box .text{display: flex; align-items: flex-end; flex-direction: column;}
.about-box .text b{font-size: 13.75rem; opacity: 0.02; font-weight: 900; line-height: 1; }
.about-box .text span{font-weight: 300; position: relative; padding-left: 6.3125rem; display: block; margin-top: .875rem; letter-spacing: 2.16px;}
.about-box .text span::after{position: absolute; content: ''; width: 5rem; height: .0625rem; background: rgba(255,255,255,0.2); left: 0; top: 50%; transform: translateY(-50%);}
.about-num ul li{position: relative; width: 25%; border: .0625rem solid #474955; background: rgba(255,255,255,0.06); height: 11.3125rem; margin-left: -0.0625rem;}
.about-num ul li::after{position: absolute; content: ''; width: 100%; height: 100%; background: #06aef5; transition: .6s; left: 0; top: 0; z-index:1; transform: scale(0);} 
.about-num ul li .icon{width: 4.9375rem; height: 4.9375rem; border: .0625rem solid rgba(255,255,255,0.2); border-radius: 50%; margin-right: 1.4375rem; position: relative; z-index: 2;}
.about-num ul li .icon img{max-width: 50%;}
.about-num ul li .text{position: relative; z-index: 2;}
.about-num ul li .text>div{display: flex; align-items: flex-start}
.about-num ul li strong,.about-num ul li b{line-height: 1; display: inline-block;}
.about-num ul li b{margin-top: .5rem; margin-left: .25rem;}
.about-num ul li em{margin-top: .5rem; display: block;}
.about-num ul li:hover::after{transform: scale(1.1);}



/* 合作客户 */
.partner{padding: 3.625rem 0 5.625rem;}
.index-title h4{display: block; margin-top: .625rem;}
.partner-list { position: relative; overflow: hidden; margin-top: 1.5625rem;}
.partner-list .item {margin-top: 1.5rem;}
.partner-list ul { display: flex; justify-content: center;}
.partner-list li {margin: 0 1.4375rem;flex-shrink: 0; width: 12.25rem; height: 6.625rem;  display: flex; align-items: center; justify-content: center;padding: .625rem; border-radius: .5625rem; box-sizing: border-box;border: 1px solid #f1f1f1;}
.partner-list li img {max-width: 100%; min-width: 52%;}


/* 应用领域 */
.application{position: relative;}
.application::after{position: absolute; content: ''; width: 100%; height: .0625rem; background: rgba(255,255,255,0.2); left: 0; bottom: 6.8125rem; z-index: 1;} 
.application .index-title{position: absolute; top: 4.25rem; width: 100%;z-index: 20;}
.application-btn{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 4; height: 100%;}
.application-btn ul li {display: flex; align-items: flex-end; position: relative;}
.application-btn ul li::after{position: absolute; content: ''; width: 100%; height: 0; background: rgba(6,174,245,0.6); left: 0; z-index: -1; transition: .6s;}
.application-btn ul li .info{position: relative;z-index: 2; padding: 0 3.0625rem; margin-bottom: 6.5625rem;}
.application-btn ul li.swiper-slide-thumb-active::after{height: 100%;}
.application-btn ul li .icon{width: 6.3125rem;height: 6.3125rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: inset 0 0 10px 0px rgba(6, 174, 245, 0.6); margin-bottom: 1.75rem;}
.application-btn ul li .icon img{max-width: 50%;}
.application-btn ul li strong{display: block; margin-bottom: .375rem;}
.application-btn ul li em{display: none; margin-bottom: 2.375rem;}
.application-btn ul li span{display: block; width: .625rem; height: .625rem; background: #fff; border-radius: 50%; transform: scale(0.8); transition: .6s;}
.application-list ul li .pic img{display: block; width: 100%; min-height: 34rem; object-fit: cover;}

.application-btn ul li.swiper-slide-thumb-active span{transform: scale(1); background: #06aef5;}








/* 新闻中心 */
.news-bg{padding: 4.25rem 0 6.25rem;}
.news-top{align-items: flex-end; margin-bottom: 3.25rem;}

.news-list ul{column-gap: 1.5rem;}
.news-list ul li{position: relative;}
.news-list ul li::after{position: absolute; content: ''; width: 0; height: 4px;   background: #06aef5; left: 0; bottom: 0; transition: .6s;}
.news-list ul li:last-child::after{display: none;}
.news-list ul li .pic{overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.news-list ul li:hover .pic img{transform: scale(1.1,1.1);}
.news-list ul li .info{padding: 2.5rem 2.9375rem 2rem; background: #fcfcfc; }
.news-list ul li .info em{display: block; margin-bottom: .9375rem;}
.news-list ul li .info h3{color: #333333; margin-bottom: .8125rem;}
.news-list ul li .info p{color: #666666; margin-bottom: 2.3125rem;}
.news-list ul li .more2 span{color: #333333;}
.news-list ul li:hover::after{width: 100%;}
.news-list dl:first-child{margin-bottom: .5625rem;}
.news-list ul li dl{position: relative;}
.news-list ul li dl .info{padding: 1.875rem 2.9375rem;}
.news-list ul li dl::after{position: absolute; content: ''; width: 0; height: 4px;   background: #06aef5; left: 0; bottom: 0; transition: .6s;}
.news-list ul li dl:hover::after{width: 100%;}

/* 公共底部 */
.footer-bg{background: #00253d;}
.footer-top{padding: 1.25rem 0 1.875rem; border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer-logo img{width: 8.0625rem;}
/*圆形图标扩散效果*/
.backtop dl { position:relative; margin:0 auto;}
.backtop dd { position:absolute; top:0%;left:0%; transform:scale(0); border-radius:50%;background: #06AEF5; -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-animation:circleScale 4s linear infinite; -moz-animation:circleScale 4s linear infinite; -ms-animation:circleScale 4s linear infinite;animation:circleScale 4s linear infinite;}
.backtop dd:nth-of-type(2) {animation-delay:1s;}
.backtop dd:nth-of-type(3) {animation-delay:2s;}
.backtop dd:nth-of-type(4) {animation-delay:3s;}
.backtop dt {cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 4.0625rem;height: 4.0625rem;background: #06AEF5;border-radius:50%;}
.backtop dt img {width: 1.125rem;}
.backtop {position: relative;}
.backtop dl,.backtop dd {width: 6.25rem; height: 6.25rem; min-width: 60px; min-height: 60px;}

.foternav{ border-bottom: 1px solid rgba(255,255,255,0.1); padding: 3.125rem 0 4.0625rem;}
.foternav dl dt{margin-bottom: 2.0625rem;}
.foternav dl dd{margin-bottom: .625rem;}
.foternav dl dd, .foternav dl dd a{font-size: var(--font15); color: #cdcdcd;}
.footer-copy{padding: 1.25rem 0;}
.footer-copy p,.footer-copy p a{color: #a6b8c3;}
.foternav dl dd a:hover,.footer-copy p a:hover{color: #fff;}




/* 产品详情页 */
.proxq-bg{background: #f4f5f9; padding: 2.375rem 0 5.5rem;}
.position{margin-bottom: 3.25rem;}
.position img{width: 1.25rem;}
.position a{margin: 0 .3125rem;}
.position a:hover{color: #06AEF5;}
.proxq-box .pic{width: 48%; display: flex; align-items: center; justify-content: center;}
.proxq-box .pic img{display: block; max-width: 60%; min-width: 40%;}
.proxq-box .info{width: 52%;}
.proxq-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
.proxq-title h2{display: block; font-size: 2.625rem; color: #06aef5; font-weight: 500;}
.proxq-title h3{display: block; color: #666666;}

.proxq-box{padding: 3.3125rem 0 4.3125rem; align-items: flex-start;}
.proxq-left{width: 19%; position: sticky; top: 8rem; z-index: 2;}
.class-title h2{background: #06aef5; font-weight: 500; padding: 1.0625rem 2.625rem;}
.class-list{background: #f4f5f9; padding: .6875rem 0 12rem;}
.class-list ul li{position: relative;}
.class-list ul li::before,.class-list ul li::after{position: absolute; content: ''; width: .25rem;   height: 0;   background: #06aef5; top: 50%; transform: translateY(-50%);transition: .6s;}
.class-list ul li::before{left: -0.25rem;}
.class-list ul li::after{right: -0.25rem;}
.class-list ul li a{display: block; color: #333333;  transition: .6s; font-size: var(--font20); padding: 1.125rem 2.625rem;}
.class-list ul li.on a{background: #fff; font-weight: 500;}
.class-list ul li.on::before{height: 2.125rem;}
.class-list ul li.on::after{ height: 2.125rem;}
.class-list ul li:hover a{background: #fff;  font-weight: 500;}
.class-list ul li:hover::before{ height: 2.125rem;}
.class-list ul li:hover::after{ height: 2.125rem;}
.proxq-tel{background: #f4f5f9; margin-top: .125rem; padding: 1.875rem 0;}
.proxq-tel img{width: 1.125rem; margin-right: 1.25rem;}
.proxq-right{width: 77%; padding: 3.3125rem 3.75rem; box-sizing: border-box; background: #f4f5f9;}
.proxq-right img {mix-blend-mode: multiply; max-width: 100%; height: auto !important;}
.details-title strong{display: block; font-size: 2.625rem; color: #333333; font-weight: 500; border-bottom: 1px solid #D8D8D8; padding-bottom:1.875rem; margin-bottom: 2.5rem;}


.recom-bg{background: #f4f5f9; padding: 1.5rem 0 6.6875rem;}
.recom-top{border-bottom: 1px solid rgba(216,216,216,0.4); margin-bottom: 3.5rem;}
.ny-title strong{display: block; font-size: 3.375rem; color: #333;}
.recom-top div span{font-size: 6.25rem; color: rgba(6,174,245,0.1);font-weight: 900;}
.pro-recom{position: relative; overflow: hidden;}
.pro-recom ul li .pic{height: 18.4375rem;   background: #fcfcfc; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.pro-recom ul li .pic img{display: block; max-width: 50%; min-width: 30%; transition: .6s;}
.pro-recom ul li .info{background: #fff; padding:  1.5625rem 1.75rem 0;}
.pro-recom ul li .info h3{color: #333333; font-weight: 500;  }
.pro-recom ul li .more{border-top: .0625rem solid rgba(242,242,242,0.2); margin-top: .9375rem; padding: 1.375rem 0; display: flex; align-items: center; justify-content: space-between;}
.pro-recom ul li .more img{width: 1.25rem;}
.pro-recom ul li:hover .pic img{transform: scale(1.1,1.1);}
.pro-recom ul li:hover .info h3{color: #06AEF5;}
#recom-num{display: none;}


/* 内页关于我们 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 29.5rem; object-fit: cover;}
.ny-banner  .banner-box{bottom: 36%;}
.ny-banner  .info  i{position: relative; padding-left: 4.0625rem; font-style: normal; margin-bottom: .75rem; display: block;}
.ny-banner  .info  i::after{position: absolute; content: ''; width: 3.25rem;   height: 1px;  background: rgba(255,255,255,0.5); left: 0; top: 50%; transform: translateY(-50%);}
.ny-banner  .info  h2{font-weight: 300;}
.ny-banner  .info strong{font-size: 4.125rem; line-height: 1; display: block; margin: .25rem 0 3.5625rem;}
.ny-banner  .info em{color: #fff; font-weight: 300; margin-top: 11.875rem; display: block;}
.classbox{border-bottom: 1px solid #FDFDFD;}
.nyclass-list  ul li{position: relative; padding: 0 1.4375rem; margin: 0 1.9375rem;}
.nyclass-list  ul li::after{position: absolute; content: ''; width: 0; height: .1875rem; background: #06aef5; transition: .6s; bottom: 0; border-radius: .125rem; left: 50%;}
.nyclass-list  ul li a{display: block; font-size: var(--font18); color: #333333; line-height: 5.6; }
.nyclass-list  ul li:hover::after{width: 100%; left: 0;}

.company-bg{background: #f8faff; padding: 3.5rem 0 3.125rem;}
.company-box{margin-bottom: 4.25rem;}
.company-box .pic{width: 43%;}
.company-box .pic img{display: block; width: 100%;}
.company-box .info{width: 53%;}
.ny-title span{position: relative; padding-left: 4.0625rem;  display: block;  letter-spacing: 0.32px; margin-bottom: .8125rem;}
.ny-title span::after{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 3.125rem; height: .0625rem; background: #06aef5;}
.ny-title em{color: #555555; margin-left: 1.1875rem;}
.company-box .ny-title{margin-bottom: 4rem;}
.company-box .info h4{color: #666666; margin-bottom: 2rem;}
.nyabout-num{position: relative; z-index: 5;}
.nyabout-num ul{justify-content: space-between;}
.nyabout-num ul li{border: none; width: auto; height: auto;}
.nyabout-num ul li .icon{border: 1px solid rgba(200,210,233,0.2);}
.nyabout-num ul li .icon img{filter: invert(50%) sepia(40%) saturate(3436%) hue-rotate(169deg) brightness(104%) contrast(95%);}
.nyabout-num ul li strong, .nyabout-num ul li b{color: #06aef5;}
.nyabout-num ul li::after{display: none;}

.vision-bg{background: url(../images/vision-bg.jpg) no-repeat center top; background-size: cover; position: relative; padding: 7.5rem 0 6.1875rem; }
.vision-bg::after{position: absolute; content: ''; width: 100%; height: .0625rem; background: rgba(255,255,255,0.2); bottom: 6.1875rem;left: 0; }
.vision-en{position: absolute; right: 0; top: -76%;}
.vision-en span{font-size: 13.75rem; color: rgba(6,174,245,0.1); font-weight: 900; line-height: 1; }
.vision-list{margin-bottom: 22.5625rem;}
.vision-list ul li .ny-title strong{color: #fff;}
.ny-title h4{font-weight: 300; display: block; margin-top: 1rem;}
.vision-btn{overflow: visible;}
.vision-btn ul li{width: auto!important; cursor: pointer; position: relative; transform: translateY(0.7rem);}
.vision-btn ul li .info{transition: .6s;}
.vision-btn ul li .icon{width: 4.9375rem; height: 4.9375rem; background: rgba(255,255,255,0.20);  border: 1px solid rgba(6,170,239,0.3); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: .625rem;}
.vision-btn ul li .icon img{max-width: 50%;}
.vision-btn ul li em{display: block; margin-bottom: 1.875rem;}
.vision-btn ul li .circle { margin: 0 auto .5625rem; width: .375rem; height: .375rem; border-radius: 50%; display: block;background: #fff; position: relative; z-index: 2;}
.vision-btn ul li .circle::after {background: #fff; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1;  animation: scale 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}
.vision-btn ul li .line{width: 1px;height: 0;background: rgba(255,255,255,0.2);transition: .6s;margin: 0 auto;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.vision-btn ul li.swiper-slide-thumb-active {transform: translateY(0);}
.vision-btn ul li.swiper-slide-thumb-active .line{height: 1.625rem;}
.vision-btn ul li.swiper-slide-thumb-active .info{transform: translateY(-1.375rem);}
.vision-btn ul li.swiper-slide-thumb-active .circle{background: #06aef5;}


.ny-partner{padding: 4.9375rem 0;}
.honor-bg{background: #f8f9fd; padding: 3.4375rem 0 4.3125rem;}
.honor-box{position: relative; padding-bottom: 4.5rem;}
.honor-list{position: relative; overflow: hidden; margin-top: 2.8125rem;}
.honor-list ul li .imgBox img{display: block; width: 100%;}

#honor-num{width: 73%!important; height:.1875rem!important;   background: #f2f2f2;   left: 0; right: 0; margin: auto; top: auto!important; bottom: 0;}
#honor-num .swiper-pagination-progressbar-fill{ background: #06aef5;}
.honor-box .swjt{bottom: -.375rem;top: auto;margin-top: auto;width: auto;height: auto;}
.honor-box .swjt img{width: .4375rem;}
#honor-prev{left: 12%;}
#honor-next{right: 12%;}
#honor-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}







/*  ==========联系我们 */ 
.tactOne {padding: 3.75rem 0;}
.tactOne .left {width: 50%;}
.tactOne .left img {width: 100%;}
.tactOne .right {width: 50%; padding-left: 5%;}
.tactOne .list {padding-top: 2.5rem; margin-top: 3.125rem; border-top: 1px solid #fbfbfb;}
.tactOne .list .item{margin-bottom: 1.5rem;}
.tactOne .list .item:last-child {margin-bottom: 0;}
.tactOne .list .item:hover .icBox {background: #06aef5;}
.tactOne .list .item .icBox {width: 4.25rem; height: 4.25rem; background: #f1f1f1; border-radius: 50%; transition: .6s;} 
.tactOne .list .item .icBox img {display: block; width: 35%;}
.tactOne .list .item {display: flex; align-items: center; gap: 1rem;}
.tactOne .list .item .p1 {font-size: var(--font24); color: #333; font-weight: 700;}
.tactOne .list .item .p1 a{color: #333;}
.tactOne .list .item .p2 {color: #666666;}
.tactOne .right .right_box {align-items: flex-end;}
.tactOne .right .code {text-align: center; margin-top: 2.5rem;}
.tactOne .right .code .imgBox {width: 8.5rem;}
.tactOne .right .code .imgBox img {display: block; width: 100%;}
.tactOne .right .code span {display: block;}
.tactTwo img {width: 100%; min-height: 20rem;   object-fit: cover;}

/* ==========合作客户 */
.appance {padding: 6.25rem 0;}
.appance .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.25rem;}
.appance .list li {position: relative;}
.appance .list li .imgBox {position: relative; overflow: hidden; height: 100%;}
.appance .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.appance .list li .img_txt {padding: 1rem 0; font-size: var(--font15); position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; background: rgba(0,0,0,0.37);}
@media (any-hover: hover) {
  .appance .list li:hover .imgBox img {transform: scale(1.05);}
}


/* ==========新闻中心 */
.newsOne {padding: 2.5rem 0;}
.newsOne .slide {background: #f8f8f8;}
.newsOne .slide .slide_box {display: flex;}
.newsOne .slide .imgBox {width: 50%; overflow: hidden;}
.newsOne .slide .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newsOne .slide .info {display: flex; align-items: center; padding: 2rem 5rem; padding-left: 3rem; width: 50%;}
.newsOne .slide .p1 {color: #06aef5;}
.newsOne .slide .p2 {font-size: var(--font22); color: #333333; margin-top: 1rem;}
.newsOne .slide .p2 a {transition: .5s;}
.newsOne .slide .txt {margin-top: 2.25rem;}
.newsOne .slide .more {margin-top: 5rem; display: inline-block;}
.newsOne .slide .more span {color: #333; transition: .5s;}
@media (any-hover: hover) {
    .newsOne .slide .imgBox:hover img {transform: scale(1.05);}
    .newsOne .slide .p2 a:hover {color: #06aef5;}
    .newsOne .slide .more a:hover span {color: #06aef5; margin-right: .625rem;}
}
/* 控件 */
.newsOne .pagtion {width: auto;right: 5rem; left: auto; bottom: 3.5rem;}
.newsOne .pagtion span {width: .375rem; height: .375rem; margin: 0 .625rem !important; background: #cccccc; opacity: 1; position: relative; box-sizing: border-box;}
.newsOne .pagtion span::after {position: absolute; content: ''; width: 200%; height: 200%; background: #cccccc; border-radius: 50%; opacity: .5; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.newsOne .pagtion span.swiper-pagination-bullet-active {background: #06aef5;}
.newsOne .pagtion span.swiper-pagination-bullet-active::after {background: #06aef5;}

.newslist {padding-bottom: 6.25rem;}
.newslist .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1.25rem;}
.newslist .list li {position: relative; background: #fcfcfc; }
.newslist .list li .imgBox {position: relative;padding-bottom: 54%; overflow: hidden;}
.newslist .list li .imgBox img {position: absolute;inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist .list li .con {padding: 2.5rem;}
.newslist .list li .p1 {color: #06aef5;}
.newslist .list li .p2 {transition: .5s;}
.newslist .list li .more span {color: #333; transition: .5s;}
@media (any-hover: hover) {
  .newslist .list li:hover .imgBox img {transform: scale(1.05);}
  .newslist .list li:hover .more span {color: #06aef5; margin-right: .625rem;}
  .newslist .list li:hover .p2 {color: #06aef5;}
}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px solid #ddd;}
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;line-height: 1.4; font-weight: 500;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #06aef5; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 6rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 500;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#06aef5; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #06aef5;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


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

.proCen .ThumbBox {padding: 2.5rem 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.25rem;}
.proCen .ThumbBox .mySwiper {margin: 0;} 
.proCen .ThumbBox .slide {width: auto; font-size: var(--font24); color: #333; margin-right: 6.25rem; cursor: pointer; transition: color .5s;}
.proCen .ThumbBox .slide.swiper-slide-thumb-active,.proCen .ThumbBox .slide.on,.proCen .ThumbBox .slide.on a {color: #06aef5;}

/* 产品切换swiper */
.proCen .swiperBox {padding: 0; padding-bottom: 6.25rem;}
.proCen .mySwiper3 .slide {width: auto;}
.proCen .mySwiper3 .slide .imgBox {position: relative;}
.proCen .mySwiper3 .slide .imgBox::before {content: '';   background-color: rgb(6, 174, 245);  border-radius: 50%; opacity: .2;  position: absolute;  width: 11.25rem; height: 11.25rem; right: 0;  visibility: hidden;}
.proCen .mySwiper3 .slide .imgBox::after {content: ''; bottom: 0; width: 30rem; height: calc(30rem / 5); position: absolute; border-radius: 50%; background: #f5f7fa; bottom: 0; opacity: 0; transition: .5s;}
.proCen .mySwiper3 .slide .pic {display: flex; align-items: center; justify-content: center; width: 30rem; height: 30rem;  transition: .5s; position: relative; z-index: 2;}
.proCen .mySwiper3 .slide .pic::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(45deg, #f5f7fa -50%, rgba(255, 255, 255, 0.01)); z-index: -1; transform: scale(0); transition: .5s;}
.proCen .mySwiper3 .slide .pic img {width: 50%;}
.proCen .mySwiper3 .slide.swiper-slide-prev .con {opacity: 1;}
.proCen .mySwiper3 .slide.swiper-slide-next .con {opacity: 1;}
.proCen .mySwiper3 .slide .con {text-align: center; opacity: 0; transition: .5s;}
.proCen .mySwiper3 .slide .con .p1 {color: #06aef5; font-size: var(--font28); font-weight: 700; margin-top: 1rem;}
.proCen .mySwiper3 .slide .con .p2 {margin-top: .625rem; color: #666666;}
.proCen .mySwiper3 .slide .con .more {margin-top: 2.5rem; opacity: 0; transition: .5s;}
.proCen .mySwiper3 .slide.swiper-slide-active {transition: transform .5s;}
.proCen .mySwiper3 .slide.swiper-slide-active .con {opacity: 1;}
.proCen .mySwiper3 .slide.swiper-slide-active .pic::after {transform: scale(1);}
.proCen .mySwiper3 .slide.swiper-slide-active .imgBox::after {opacity: 1;}
.proCen .mySwiper3 .slide.swiper-slide-active .imgBox::before {visibility: visible; animation: breathe 2s infinite ease-in-out;}
.proCen .mySwiper3 .slide.swiper-slide-active .con .more {opacity: 1; }
/* 呼吸动画定义 */
@keyframes breathe {
  0% { opacity: 0.05; transform: scale(.8);}
  50% { opacity: 0.1; transform: scale(1); }
  100% { opacity: 0.05; transform: scale(.8);}
}

/* 控件 */
.proCen .mySwiper3 .swjt { top: auto; bottom: 0;}
.proCen .mySwiper3 .swjt.swiper-button-prev {left: 35%; transform: translateX(-50%);}
.proCen .mySwiper3 .swjt.swiper-button-next {right: 35%; transform: translateX(50%) rotate(180deg);}
.proCen .mySwiper3 .swjt i {width: 2.5rem; height: 2.5rem;  display: block;}
.proCen .mySwiper3 .swjt i::before {content: ""; position: absolute; bottom: -1px; width: 100%; height: 50%;background: #f5f5f5; clip-path: polygon(50% 0, 0 0, 100% 100%); transition: .5s;}
.proCen .mySwiper3 .swjt i::after {content: ""; position: absolute; top: -1px; width: 100%; height: 50%;background: #f5f5f5; clip-path: polygon(50% 100%, 0 100%, 100% 0); transition: .5s;}
@media (any-hover:hover) {
    .proCen .mySwiper3 .swjt:hover i::before {background: #06aef5;}
    .proCen .mySwiper3 .swjt:hover i::after {background: #06aef5;}
}