/* 公用样式 */
#c-placeholder {height: 1rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; padding: 0 3%; top: .2rem; }
.headBox {transition: .5s; height: 1rem; position: relative; z-index: 1;}
.headBox .logo {padding:.1rem 0;height: 100%; display: flex; }
.headBox .logo a{display: flex; align-items: center;}
.headBox .logo img {max-width: 100%; max-height: .73rem; object-fit: contain;}
.headBox .logo .logo2 {display: none;}
.headBox .re {height: 100%;gap: .5rem;flex: 1;justify-content: end;}

/* 导航 */
nav {height: 100%;width: 55.5%; margin-right: 4%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #fff; font-size: var(--font18); position: relative;  display: flex; align-items: center;}
nav > ul > li > a i {margin-left: .06rem; transition: .5s;}
nav > ul > li:first-child > a::after {content: ''; position: absolute; left: 50%; bottom: -.05rem; width: 0;  height: 1px; background: #fff; transition: .5s;}
nav > ul > li:first-child.on > a::after {width: 100%; left: 0;}
@media (any-hover: hover) {
  nav > ul > li:first-child:hover > a::after {width: 100%; left: 0;}
  nav > ul > li:hover  > a i {transform: rotate(180deg);}

}




/* 导航下拉 */
.navdown {box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); position: absolute;top: 100%;left: -30%;background: #fff;width: max-content;padding: .22rem .22rem .22rem .47rem;border-radius: .1rem;display: none;}

.down-box{display: flex;align-items: center;justify-content: space-between;}
.down-box .info{flex: 1;}
.down-box .info strong{display: block; margin-bottom: .1rem;}
.down-box .info i{display: block; width: 21px; height: 4px; background: #1661C7; border-radius: 2px; margin-bottom: .28rem;}
.down-box .item{display: grid; grid-template-columns: repeat(2, 1fr); gap: .2rem;}
.down-box .item dl dt a{color: #666666; position: relative; }
.down-box .item dl dt a::after{content: ''; position: absolute;  transition: .5s; top: 2px; background: url(../images/navdown-icon.png) no-repeat center; background-size: contain;width: 9px; height: 10px; right: 0; z-index: 2; opacity: 0; }
.down-box .pic{width: 44%;border-radius: .18rem;overflow: hidden;/* margin-left: 3%; */}
.down-box .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}

@media (any-hover: hover) {
.down-box .item dl dt a:hover{color: #1661C7;}
.down-box .item dl dt a:hover::after{right: -14px; opacity: 1;}
}

/* 搜索 */
.head_search {cursor: pointer; position: relative; }
.searchBtn{width: .45rem; height: .45rem;background: #1661C7; border-radius: 50%; padding: .1rem;}
.searchBtn img{display: block; max-width: 100%;}

.search-dropdown {position: absolute;top: 110%;right: 0;width: 3.5rem;background: #fff;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);padding: .2rem;border-radius: .1rem;margin-top: .15rem;opacity: 0;visibility: hidden;transform: translateX(3%);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 100;}
.search-dropdown.active {opacity: 1;visibility: visible; top: 100%;}
/* 小三角 */
.search-dropdown::before {content: "";position: absolute;bottom: 100%;right: .15rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #fff transparent;}
.search-dropdown .search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: .5rem;padding: .05rem .15rem;border: 1px solid transparent;transition: all 0.3s;width: 100%;}
.search-dropdown .search-form:focus-within {background: #fff;border-color: #1661C7;box-shadow: 0 0 .1rem rgba(102, 45, 145, 0.1);}
.search-dropdown .search-input {flex: 1;border: none;background: transparent;padding: .1rem;font-size: var(--font14);color: #333;outline: none;}
.search-dropdown .search-submit {background: transparent;border: none;color: #1661C7;font-size: var(--font18);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.search-dropdown .search-submit:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {
  .search-dropdown {position: fixed;top: 1.2rem; left: 5%;right: 5%;width: 90%;margin-top: 0;}
  .search-dropdown::before {display: none;}
}



.head-tel .icon{width: .46rem; height: .46rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); padding: .1rem; margin-right: .14rem;}
.head-tel .icon img{display: block; max-width: 100%; animation: shakeCall 1s infinite ease-in-out;}

/* 来电震动关键帧动画 */
@keyframes shakeCall {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(-8deg); }
  20% { transform: rotate(8deg); }
  30% { transform: rotate(-8deg); }
  40% { transform: rotate(8deg); }
  50% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}





.header.c-style2{background: #fff; top: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
.header.c-style2 .headBox .logo .logo1{display: none;}
.header.c-style2 .headBox .logo .logo2{display: block;}

.header.c-style2 nav > ul > li > a{color: #3D3D3D;}
.header.c-style2 nav > ul > li > a i{color: #3D3D3D;}
.header.c-style2 .head-tel .icon{border: 1px solid #3D3D3D; }
.header.c-style2 .head-tel .icon img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.header.c-style2 .head-tel .info p{color: #3D3D3D;}



/* =================头部 end!!!=================== */
.index-more a{background: #123E87;border-radius: 28px;padding: .15rem .31rem;display: inline-block; box-shadow: 0 0 0 0 rgba(22, 93, 255, 0.3);}
.index-more span{margin-right: 0.06rem;}



@keyframes breath {
  0% { box-shadow: 0 0 0 0 rgba(22, 97, 199, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(22, 97, 199, 0); }
  100% { box-shadow: 0 0 0 0 rgba(22, 97, 199, 0); }
}

@media (any-hover: hover) {
  .index-more a:hover { animation: breath 2s infinite; background: #1661C7;}
}

/* ===============公用css star!!!!===================*/


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





/* ======首页======= */
.indexBanner { position: relative; overflow: hidden; }
.indexBanner .swiper {height: 100%; display: block;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .banner-box{top: 60%;}
.indexBanner .slide .imgBox {position: relative; height: 100%;}
.indexBanner .slide .imgBox img {width: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1); min-height:8rem;}
.indexBanner .slide .text{width: 47%;}
.indexBanner .slide .text h2{font-weight: bold; display: block; line-height: 1.15}
.indexBanner .slide .text h3{display: block; margin: .22rem 0 .95rem;}
.indexBanner .slide .pic{width: 51%;}
.indexBanner .slide .pic img{display: block; max-width: 100%; object-fit: contain; animation: floatUpDown 3s ease-in-out infinite;}

@keyframes floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px); /* 向上偏移距离，可改数值大小 */
  }
  100% {
    transform: translateY(0px);
  }
}


/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.banner-bottom{position: absolute;z-index: 2;width: 100%; bottom: .64rem;}
.indexBanner .pagtion {width: auto; left: 0; position: relative;  font-style: italic;}
.indexBanner .pagtion span {width: 12px;height: 12px;background: transparent;opacity: 1;margin: 0 12px 0 0!important; border: 1px solid #fff;}
.indexBanner .pagtion span.swiper-pagination-bullet-active {opacity: 1; background: #fff;}
.bottom-box{width: 100%;}
.banner-arrow{display: flex;}
.banner-arrow .swjt{width: .57rem; height: .57rem; border-radius: 50%;position: relative; background: rgba(87, 118, 170, 0.3);}
.banner-arrow .swjt img{display: block; width: .12rem;}
.banner-arrow .swiper-button-prev{left: 0;}
.banner-arrow .swiper-button-prev img{transform: rotate(180deg);}
.banner-arrow .swiper-button-next{right: 0; margin-left: .14rem;}
@media (any-hover: hover) {
.banner-arrow .swjt:hover{background: rgba(87, 118, 170,1);}
}

/* 产品中心 */
.product-bg{background: url(../images/product-bg.webp) no-repeat center top; background-size: cover; padding: 1.2rem 0 1.4rem;}
.index-top{margin-bottom: .8rem;}
.index-title em{color: #123E87; font-weight: 400; display: block; line-height: 1;}
.index-title h2{color: #333333; font-weight: 500; display: block;}

.product-btn{width: 16.5%; min-width: 200px;}
.product-btn ul{display: flex; flex-direction: column;}
.product-btn ul li{width: 100%!important; height: .6rem;}
.product-btn ul li a{ padding:.17rem .31rem;  border-radius: 31px; transition: .6s; position: relative;}
.product-btn ul li .icon{width: .4rem;display: flex;align-items: center;justify-content: center;margin-right: .1rem;}
.product-btn ul li .icon img{display: block; max-width: 100%;}
.product-btn ul li h3{color: #000;}
.btn-arrow{position: absolute;right: .4rem;top: 50%; transform: translateY(-50%); transition: .6s; opacity: 0;}
.product-btn ul li.swiper-slide-thumb-active a{background: #123E87; }
.product-btn ul li.swiper-slide-thumb-active h3{color: #fff;}
.product-btn ul li.swiper-slide-thumb-active .btn-arrow{right: .2rem; opacity: 1;}
.product-list{width: 70%; overflow: hidden;}
.product-list ul li .pic-box{width: 48%; position: relative;}
.product-list ul li .pic-line img{display: block; width: 100%; height: 100%; object-fit: contain;  animation: rotateOnBorder 5s linear infinite;}

@keyframes rotateOnBorder {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.product-list ul li .pic{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/pic-bg.webp) no-repeat center; background-size: cover; width: 95%; height: 95%; border-radius: 50%;  display: flex; align-items: center; justify-content: center; border: 2px solid #01befd; }
.product-list ul li .pic img{display: block; max-width: 100%; object-fit: contain; transform: scale(0.9); transition: .6s;}
.product-list ul li .info{width: 45%;}
.product-list ul li .info h4{color: #333333; font-weight: 500; margin-bottom: .4rem;}
.product-list ul li .info p{color: #333333; margin-bottom: .9rem;}
.pro-more{background: #123E87;border-radius: 28px; display: inline-block;padding: .15rem .25rem; transition: .6s; }
.pro-more span{margin-right: .2rem;}
@media (any-hover: hover) {
  .product-list ul li:hover .pic img{transform: scale(1.1);}
  .product-list ul li:hover .pro-more{transform: translateY(-.1rem);}
}




/* 行业应用 */
.industry{position: relative;}
.industry .index-title{position: absolute; top: .99rem; z-index: 2;}
.industry .index-title em{color: #fff;}
.industry .index-title h2{color: #fff;}
.industry-list ul li{}

.industry-list ul li .pic{overflow: hidden; }
.industry-list ul li .pic img{display: block; width: 100%; object-fit: cover; height: 100%; min-height: 9rem;}
.industry-box{position: absolute; width: 100%; height: 100%; top: 0;}
.industry-list ul li .info h3{}
.industry-list ul li .info h5{margin: .22rem 0 .6rem; width: 41%;}

@media (any-hover: hover) {
  .industry-list ul li .pro-more:hover{transform: translateY(-.1rem);}
}

.industry-bottom{position: absolute; content: '';  bottom: 0; background: rgba(6, 19, 39, .5); z-index: 5; width: 100%;}
.industry-btn ul li{display: flex;flex-direction: column;align-items: center; padding: .35rem 0; border-right: 1px solid rgba(255, 255, 255, .1); cursor: pointer; transition: .6s;}
.industry-btn ul li .icon{width: .5rem; height: .5rem;  display: flex; align-items: center; justify-content: center; margin-bottom: .18rem;}
.industry-btn ul li .icon img{display: block; max-width: 100%;}
.industry-btn ul li.swiper-slide-thumb-active{background: #123E87;}
.industry-right{position: absolute; right: 2.5%; top: 50%; transform: translateY(-50%); z-index: 9;}
.industry-arrow{    display: flex; flex-direction: column; margin-bottom: 1.9rem;}
.industry-arrow .swjt{position: relative;width: .5rem;height: .5rem;border-radius: 50%;border: 1px solid #F4F4F4;top: auto;margin: .07rem 0;}
.industry-arrow .swiper-button-prev{left: auto;}
.industry-arrow .swiper-button-next{right: auto; }
.industry-right .swiper-pagination{position: relative; color: #fff; font-size: var(--font18);}
.industry-right .swiper-pagination-current{font-size: var(--font24);}



/* 合作伙伴 */
.partner-bg{background: url(../images/partner-bg.webp) no-repeat center top; background-size: cover; padding: 1.25rem 0;}
.partner-box{align-items: center;}
.partner-box .info{width: 39%;}
.partner-box .info h3{color: #555555; margin: .18rem 0 .6rem;}
.partner-list{position: relative; overflow: hidden; margin-top: .88rem;}
.partner-list ul{flex-direction: row!important; margin-bottom: .3rem}
.partner-list ul li{margin-top: 0!important; margin-bottom: .5rem;}
.partner-list ul li .pic{overflow: hidden; display: flex; align-items: center; justify-content: center;}
.partner-list ul li .pic img{display: block; max-width: 100%;  mix-blend-mode: multiply;}
.partner-list .swiper-pagination{width: auto;}
.partner-list .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; background: #FFFFFF; border-radius: 50%; opacity: 1;} 
.partner-list .swiper-pagination .swiper-pagination-bullet-active{background: #123E87;}


.map-pic{width: 56.1%;position: relative;}
.map-pic>img{display: block; width: 100%;}
.location{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.location ul{height: 100%;}
.location li { position: absolute; transform: translate(-50%, -50%);}
.location li .dots { width: .08rem; height: .08rem; background: #00B7FF; border-radius: 50%; position: relative;}
.location li .dots::before {
  content: '';
  position: absolute;
  width: .2rem;
  height: .2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(0, 183, 255, .2);
  animation: breaths 2s infinite ease-in-out;
}

@keyframes breaths {
  0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.3; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
}


.location .item1 {top: 38%;left: 53%;} /* 西北新疆东侧点位 */
.location .item2 {top: 34%;left: 62.4%;} /* 内蒙古中部点位 */
.location .item3 {top: 42%;left: 64.2%;} /* 黄河几字湾西侧 */
.location .item4 {top: 49%;left: 66.4%;} /* 华北平原点位 */
.location .item5 {top: 53%;left: 70.1%;} /* 山东北侧点位 */
.location .item6 {top: 62%;left: 66.7%;} /* 河南中部点位 */
.location .item7 {top: 65%;left: 59.2%;} /* 四川中部点位 */
.location .item8 {top: 73%;left: 63.8%;} /* 湖南中部点位 */
.location .item9 {top: 69%;left: 70.4%;} /* 浙江西侧点位 */
.location .item10 {top: 62%;left: 74.1%;} /* 上海/苏南点位 */
.location .item11 {top: 82%;left: 39.6%;} /* 云南昆明点位 */



/* 红色五角星 */
.location li.star-mark img {
  width: .2rem;
 
}

.location li.star-mark {top: 57%;left: 70.8%;}






/* 我们的优势 */
.ys-bg{background: url(../images/ys-bg.webp) no-repeat center top; background-size: cover; padding: 1.36rem 0 1.3rem; }
.ys-btn{width: 50%; overflow: hidden;}
.ys-btn ul li{cursor: pointer;}
.ys-btn ul li .icon{width: .3rem; height: .3rem; margin-right: .14rem;}
.ys-btn ul li .icon img{display: block; max-width: 100%; opacity: .2;}
.ys-btn ul li.swiper-slide-thumb-active .icon img{opacity: 1;}

.ys-bottom{ position: relative; }
.ys-list{width: 89%; margin: 0 auto;overflow: hidden;}

.ys-list ul li .pic,.ys-list ul li .info{width: 50%;}
.ys-list ul li .pic{overflow: hidden;}
.ys-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.ys-list ul li .info{background: #FFFFFF; padding:  .65rem;}
.ys-list ul li .ys-top{   margin-bottom: .1rem;}
.ys-list ul li .icon{width: .48rem; height: .48rem; display: flex; align-items: center; justify-content: center;}
.ys-list ul li .icon img{display: block; max-width: 100%;}
.ys-list ul li .ys-top b{font-size: .88rem;color: rgba(190, 190, 190, 0.37);display: block;line-height: 1;}
.ys-list ul li .info h3{color: #3D3D3D;margin-bottom: .1rem;}
.ys-list ul li .info h4{color: #8A8A8A;margin-bottom: .9rem;}
.ys-list ul li .info span{display: inline-block;  background: #123E87; border-radius: 213px; padding: .13rem .28rem;}


.ys-bottom .swjt{width: .57rem; height: .57rem; border-radius: 50%; background: rgba(149, 149, 149, 0.48);}
.ys-bottom .swjt img{display: block; width: .12rem;}
.ys-bottom .swiper-button-prev{left: 0;}
.ys-bottom .swiper-button-prev img{transform: rotate(180deg);}
.ys-bottom .swiper-button-next{right: 0; }
@media (any-hover: hover) {
.ys-bottom .swjt:hover{background: #123E87;}
}



/* 关于我们 */
.about-bg{background: url(../images/about-bg.webp) no-repeat center; background-size: cover;padding: 1.3rem 0 1.5rem;}
.about-box .info{width: 52%;}
.about-bg .index-title em{color: #fff;}
.about-bg .index-title h2{color: #fff;}
.about-bg .info h3{margin: .38rem 0 .78rem;}
.about-num{margin-top: 1.16rem;}
.about-num ul li div{font-weight: bold;}


.video-btn{ position: relative; margin-right: 16%;}
.video-btn .icon{width: .88rem;height: .88rem;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;position: relative;z-index: 5;}
.video-btn img{width: .21rem;}
.video-btn::after {content: "";position: absolute;top: -.1rem;left: -.1rem;width: calc(100% + .20rem);height: calc(100% + .20rem);background: rgba(255, 255, 255, 0.3);border-radius: 50%;animation: cen 2s infinite;z-index: 0;}
@keyframes cen {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* 新闻列表 */
.news{padding: .9rem 0 1.6rem;}
.news .index-top{margin-bottom: .6rem;}

.news-bottom{ position: relative; }
.news-list{width: 90%; margin: 0 auto;overflow: hidden; padding: .15rem;}

.news-list ul li{box-shadow: 0px 0px .15rem 0px rgba(0, 0, 0, 0.11);}
.news-list ul li .pic{overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.news-list ul li .info{padding: .44rem .2rem .22rem;}
.news-list ul li .info h3{color: #3D3D3D; line-height: 1.4; margin-bottom: .1rem;}
.news-list ul li .info h4{color: #999999; margin-bottom: .34rem;}
.news-list ul li .date{padding: .18rem 0; border-top: 1px solid #F3F3F3;}
.news-list ul li .date img{margin-right: .1rem;}


.news-bottom .swjt{width: .57rem; height: .57rem; border-radius: 50%; background: rgba(149, 149, 149, 0.48);}
.news-bottom .swjt img{display: block; width: .12rem;}
.news-bottom .swiper-button-prev{left: 0;}
.news-bottom .swiper-button-prev img{transform: rotate(180deg);}
.news-bottom .swiper-button-next{right: 0; }
@media (any-hover: hover) {
  .news-list ul li:hover .pic img{transform: scale(1.1);}
  .news-list ul li:hover .info h3{color: #123E87;}
  .news-bottom .swjt:hover{background: #123E87;}
}


/* 在线留言 */
.message-bg{background: url(../images/message-bg.webp) no-repeat center top; background-size: cover; padding: 1.54rem 0;}
.message-bg .index-title{width: 28%;}
.message-bg .index-title p{color: #646464; margin-top: .52rem;}
#yzforms{width: 60%; margin-top: .05rem;}
#yzforms ul{gap: .37rem;margin-bottom: 0.15rem;}
#yzforms input,#yzforms textarea{background: transparent;border: none;border-bottom: 1px solid #B9B9B9;font-size: var(--font18);padding-left: 0;height: auto;padding: .3rem 0;}
#yzforms input::placeholder{color: #81858D;}
#yzforms textarea{padding: .1rem 0;height: auto;min-height: auto;margin-top: .48rem;}
#yzforms .incode{position: relative; }
#yzforms .incode img{position: absolute; right: 0; top: 0; width: 1.5rem; height: .5rem; top: 50%; transform: translateY(-50%);}
#yzforms button{background: #123E87;border-radius: 230px;color: #fff;font-size: var(--font16);height: auto;padding: .08rem .76rem; margin-top: .76rem;} 

#yzforms .layui-input:focus, #yzforms.layui-textarea:focus{border-color: #123E87!important; box-shadow: 0 0 0 3px rgba(18, 62, 135, .08);}


/* ====================================================================底部 */
.footer {  color: #fff;  background: url(../images/footer-bg.webp) no-repeat center top; background-size: cover; }
.footer-top{padding: .38rem 0 .15rem;  border-bottom: 1px solid rgba(255, 255, 255, .1); margin-bottom: .8rem;}
.keywords{flex: 1;}
.keywords ul div{flex:1;}
.keywords ul li{margin-right: .4rem;}
.foot-search{background: rgba(255, 255, 255, .2);padding: .05rem .19rem;border-radius: 24px;}
.foot-search input{font-size: var(--font15); color: #fff;}
.foot-search input::placeholder{color: rgba(255, 255, 255, .2);}
.foot-search button{background: transparent;padding: 0; display: flex; align-items: center; justify-content: center;}
.footer-box{margin-bottom: .8rem;}
.footer-logo img{display: block; height: .91rem; object-fit: contain; margin-bottom: .7rem;}
.contact-info dl{margin-bottom: .14rem;}
.contact-info dl dt{width: .18rem; height: .18rem; display: flex; align-items: center; justify-content: center; margin-right: .1rem;}
.contact-info dl dt img{display: block; max-width: 100%;}
.contact-info dl dd{flex: 1; }
.contact-info dl dd a{color: #FFFFFF;}
.foternav {width: 63%;}
.foternav dl dt { font-size: var(--font18); font-weight: 700;  margin-bottom: .3rem;}
.foternav dl dt a { color: #fff; }
.foternav dl dd {}
.foternav dl dd a { font-size: var(--font14); color: rgba(255, 255, 255, 0.33); }

.footer-copy{padding-bottom: .6rem;}
.footer-copy p{color: rgba(255, 255, 255, 0.5);}
.footer-copy p a{color: rgba(255, 255, 255, 0.5);}

@media (any-hover: hover) {
  .foternav dl dd a:hover { color: #fff; }
  .footer-copy p a:hover{color: #fff; opacity: 1;}
}

/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; display: block; object-fit: cover;}
.ny-banner .info strong{display: block;}
.ny-banner .info span{display: block;color: rgba(255,255,255,0.19); text-transform: uppercase; line-height: 1; font-weight: bold;}

.pannel{border-bottom: 1px solid rgba(216,216,216,0.63); padding: .18rem 0;}
.pannel .keywords ul li a{color: #3D3D3D;}
.pannel .foot-search{background: #EDEDED;}
.pannel .foot-search input{color: #3D3D3D;}
.pannel .foot-search input::placeholder{color: rgba(61,61,61,0.45);}
.pannel .foot-search button img{filter: brightness(0); -webkit-filter:brightness(0);}

@media (any-hover: hover) {
  .pannel .keywords ul li a:hover{color: #123E87;}
}



/* 菜品展示 */
.proMain{padding: .7rem 0 1.35rem;}
.proOne .box{display: flex; justify-content: space-between; align-items: flex-start;}
.proOne .box .le{width: 18%;position: sticky;top: 1rem; min-width:220px;}
.pro-class strong{display: block; margin-bottom: .29rem;}
.proOne .menu{margin-bottom: .3rem;}
.proOne .menu li {border-bottom: 1px solid #EEEEEE;}
.proOne .menu li:last-child{border-bottom: none;}
.proOne .menu li .menu-li {display: flex; justify-content: space-between;padding: 0.18rem .24rem; min-height: 40px; cursor: pointer;  }
.proOne .menu li .menu-li a {color: #A5A5A5;display: flex; align-items: center; font-style: normal;}
.proOne .menu li .menu-li .more {width: .24rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute; font-weight: 700;  left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}
.proOne .menu li .s-menu { width: 100%; background: rgba(224,228,237,0.4314); padding: 0 .4rem .64rem; display: none;}
.proOne .menu li .s-menu-box{display: flex; flex-direction: column; align-items: flex-start;}
.proOne .menu li .s-menu a {color: #3D3D3D;  font-style: normal; display: inline-block; position: relative;  margin-bottom: .18rem;}
.proOne .menu li .s-menu a::after{position: absolute; content: ''; width: 0; height: 1px; background: #3D3D3D; bottom: 0; left: 0; transition: .6s;}
.proOne .menu li .menu-li.on {background: rgba(224,228,237,0.4314);     padding: .46rem .24rem .4rem;}
.proOne .menu li .menu-li.on a {font-weight: 700; color: #3D3D3D; }
.proOne .menu li .menu-li.on .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian {opacity: 1;}
.proOne .menu li .s-menu.on {display: block;}

@media (any-hover: hover) {
  .proOne .menu li .menu-li:hover a {font-weight: 700; color: #3D3D3D;}
  .proOne .menu li .s-menu a:hover {font-weight: 700;}
  .proOne .menu li .s-menu a:hover::after {width: 100%; }

}


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


.proOne .box .re{width: 78%;}

.right-title h1{display: block; margin-bottom: .32rem;}
.nypro-list ul{gap: .57rem .34rem;}
.nypro-list ul li{}
.nypro-list ul li .pic{overflow: hidden; position: relative; }
.nypro-list ul li .pic>img{display: block; width: 100%; transition: .6s;}
.nypro-list ul li .hide{position: absolute; content: ''; display: flex; align-items: center; justify-content: center;  transition: .6s; top: 0; width: 100%; height: 100%; background: rgba(25,68,139,0.78); z-index: 2; opacity: 0;}
.nypro-list ul li  .pro-search{display: flex; align-items: center; justify-content: center; width: .55rem; height: .55rem; background: #FFFFFF; padding: .1rem; border-radius: 50%; transform: scale(0); transition: .6s;}
.nypro-list ul li  .pro-search img{display: block; max-width: 100%; }
.nypro-list ul li .info{padding:  .35rem .12rem 0;}
.nypro-list ul li .info h3{color: #3D3D3D; margin-bottom: .26rem;}
.nypro-list ul li .text{font-style: normal;  color: #3D3D3D; }



@media (any-hover: hover) {
  .nypro-list ul li:hover .hide{opacity: 1;}
  .nypro-list ul li:hover .pic>img{transform: scale(1.1);}
  .nypro-list ul li:hover  .pro-search{transform: scale(1);}

}


/* PC端隐藏切换按钮 */
@media screen and (min-width: 991px) {
  .filter-toggle {display: none;}
}

@media screen and (max-width: 991px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 0.30rem 0.16rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}

.pro-contact{position: relative; background: radial-gradient( 70.71% 70.71% at 0% 50%, #FFFFFF 0%, #E0E4ED 100%);  border-radius: 10px 10px 10px 10px; width: 100%; padding: .17rem 0 0 .22rem; height: 1.5rem;}
.pro-contact em{display: block; margin-bottom: .19rem;}
.pro-tel img{display: block; margin-right: .06rem;}
.pro-tel .text{}
.pro-tel .text span,.pro-tel .text b{display: block; line-height: 1.1;}
.pro-tel .text a{color: #3D3D3D; }
.contact-pic{position: absolute; right: 0; bottom: 0; width: 34%;}
.contact-pic img{display: block; width: 100%; object-fit: contain;}



/* 我们的优势 */
.nyys-bg{background: url(../images/nyys-bg.webp) no-repeat  center; background-size: cover; padding: .7rem 0 1.8rem;}
.nyys-bg .index-title h2{color: #fff; font-weight: 700;}
.nyys-list{margin-top: 1.1rem;}
.nyys-list ul{gap: 1rem;}
.nyys-list ul li{transition: .6s; cursor: pointer;}
.nyys-list ul li .icon{width: 1.29rem; height: 1.29rem; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: .1rem; margin: 0 auto .35rem;}
.nyys-list ul li .icon img{display: block; max-width: 100%;}
.nyys-list ul li .info{}
.nyys-list ul li .info h3{font-weight: 700; margin-bottom: .2rem;}
.nyys-list ul li .info h4{}
@media (any-hover: hover) {
.nyys-list ul li:hover{transform: translateY(-.2rem);}
}



.application{padding: 1.08rem 0 1.57rem;}
.application-class{margin-top: .58rem;}
.application-class ul{gap: .28rem .18rem;}
.application-class ul li{position: relative;}
.application-class ul li .pic{overflow: hidden;}
.application-class ul li .pic img{display: block; width: 100%; transition: .6s;}
.application-class ul li .info{position: absolute; content: ''; width: 100%; bottom: 0; background: rgba(7,7,8,0.41); padding: .2rem 0;}

@media (any-hover: hover) {
  .application-class ul li:hover .pic img{transform: scale(1.1);}
}


/* 产品详情页 */
.proDateOne{background: rgba(235,235,235,0.82); padding: .39rem 0 1.42rem;}
.position{padding-bottom: .53rem;}
.position span{ color: #818181;}
.position  a{margin: 0 .08rem; color: #818181;}


.proDateOne .swiperBox {width: 44.84%;}
.proDateOne .swiperOne{margin-bottom: .29rem;}
.proDateOne .swiperOne .slide {}
.proDateOne .swiperOne .slide .imgBox {overflow: hidden; border-radius: .16rem;}
.proDateOne .swiperOne .slide img { display: block; width: 100%; object-fit: cover;}
.proDateOne .inSwiperBox {position: relative;}
.proDateOne .swiperTwo { position: static; margin: 0 .35rem;}
.proDateOne .swiperTwo .slide {overflow: hidden;}
.proDateOne .swiperTwo .slide img {display: block; width: 100%; object-fit: cover; opacity: .5;}
.proDateOne .swiperTwo .slide.swiper-slide-thumb-active img {opacity: 1;}
/* 控件 */
.proDateOne .swiperTwo .swjt {background: #C8CCD4; height: 100%; width:.25rem; display: flex; align-items: center; justify-content: center; margin: 0; top: 0;}
.proDateOne .swiperTwo .swjt i {color: #fff; font-size: var(--font20);}
.proDateOne .swiperTwo .swjt.swiper-button-prev {left: 0;}
.proDateOne .swiperTwo .swjt.swiper-button-next {right: 0;}

.proxq-info{width: 49.86%;}
.proxq-info h2{color: #818181; font-style: normal;}
.proxq-info h1{}
.proxq-info .text{font-style: normal; margin: .2rem 0 .75rem;}

.contact-pro dl{margin-bottom: .1rem;}
.contact-pro dl dt{width: .18rem; height: .18rem; display: flex; align-items: center; justify-content: center; margin-right: .1rem;}
.contact-pro dl dt img{display: block; max-width: 100%;}
.contact-pro dl dd{flex: 1; }
.contact-pro dl dd a{color: #3D3D3D;}
.consult-btn{margin-top: .6rem;}
.consult-btn a{background: #19448B; border-radius: .07rem; padding: .13rem 0;}
.consult-btn em{margin-left: .2rem;}

.proOne .box .proxq-re2{width: 75%;}
.parameter-btn{margin: .2rem 0 .3rem;}
.parameter-btn ul{gap: .2rem; background: #EDEDED; border-radius: 354px 354px 354px 354px; height: .5rem;}
.parameter-btn ul li{display: flex; align-items: center; justify-content: center;}
.parameter-btn ul li a{ text-align: center; font-weight: 500; font-size: var(--font18); color: #3D3D3D; transition: .6s;}
.parameter-btn ul li.active{background: #19448B; color: #fff; border-radius: 354px 354px 354px 354px;}
.parameter-btn ul li.active a{color: #fff;}




/* 推荐产品 */
.recommend{padding: 1.04rem 0 1.4rem;}
.recommend-pro{overflow: hidden; margin-top: .6rem;}
.recommend-pro ul li .pic{overflow: hidden; position: relative; }
.recommend-pro ul li .pic>img{display: block; width: 100%; transition: .6s;}
.recommend-pro ul li .info{padding:  .35rem .12rem 0;}
.recommend-pro ul li .info h3{color: #3D3D3D; margin-bottom: .26rem;}
.recommend-pro ul li .text{font-style: normal;  color: #3D3D3D; }

@media (any-hover: hover) {
  .recommend-pro ul li:hover .pic>img{transform: scale(1.1);}
}

.recommend-arrow{    display: flex; }
.recommend-arrow .swjt{position: relative;width: .55rem;height: .55rem; border: 1px solid rgba(0,0,0,0.23); border-radius: 50%; margin-top: 0; cursor: pointer; transition: .6s;} 
.recommend-arrow .swjt i{color: #727272;}
.recommend-arrow .swiper-button-prev{left: auto;}
.recommend-arrow .swiper-button-next{right: auto; margin-left: .2rem;}

@media (any-hover: hover) {
  .recommend-arrow .swjt:hover{background: #19448B; border-color: #19448B;}
  .recommend-arrow .swjt:hover i{color: #fff;}
}



/* 内页行业应用列表页 */
.industry-menu{background: rgba(224,228,237,0.43); border-radius: .1rem; padding: .3rem .21rem; margin-bottom: .11rem; }
.industry-menu strong{display: block; border-bottom: 1px solid #D8D8D8; padding-bottom: .18rem; margin-bottom: .16rem;}
.industry-menu ul li  a{padding: 0.1rem .14rem; position: relative; z-index: 1;}
.industry-menu ul li  a::after{position: absolute; content: ''; width:0; height: 100%; left: 0; top: 0; background: #123E87; border-radius: 229px 229px 229px 229px; transition: .6s;}
.industry-menu ul li em,.industry-menu ul li i{position: relative; z-index: 5;}
.industry-menu ul li.on a::after{width: 100%; }
.industry-menu ul li.on a{color: #fff;}
.industry-menu ul li.on i{color: #fff;}
@media (any-hover: hover) {
  .industry-menu ul li:hover a::after{width: 100%; }
  .industry-menu ul li:hover a{color: #fff;}
  .industry-menu ul li:hover i{color: #fff;}
}
.nyindustry-list ul li{margin-bottom: .3rem;}
.nyindustry-list ul li a{border: 1px solid #CBCBCB; padding: .18rem .14rem;}
.nyindustry-list ul li .pic{overflow: hidden; width: 36%; margin-right: 4%;}
.nyindustry-list ul li .pic img{display: block;width: 100%;object-fit: cover;transition: .6s;height: 100%;}
.nyindustry-list ul li .info{width: 58%;padding: .5rem 0;}
.nyindustry-list ul li h3{color: #3D3D3D; margin-bottom: .2rem;}
.nyindustry-list ul li h4{color: #646464; margin-bottom: .45rem;}
.nyindustry-list ul li span{display: inline-block; background: #19448B; color: #fff; padding: .13rem .37rem; border-radius: 100px;}

@media (any-hover: hover) {
  .nyindustry-list ul li:hover h3{color: #19448B;}
  .nyindustry-list ul li:hover .pic img{transform: scale(1.1);}
}



/* 行业推荐产品 */
.recommend-box{margin-top: .85rem;}
.recommend-bg{background: #F1F3F7;}
.recommend-box{position: relative;}
.recommend-box .swjt{width: .55rem;height: .55rem;  background: #FFFFFF; border-radius: 50%; cursor: pointer; transition: .6s;} 
.recommend-box .swjt i{color: #727272;}
.recommend-box .swiper-button-prev{left: 0;}
.recommend-box .swiper-button-next{right: 0;}
.recommend-box .recommend-pro{width: 85%; margin: 0 auto;}
@media (any-hover: hover) {
  .recommend-box .swjt:hover{background: #19448B;}
  .recommend-box .swjt:hover i{color: #fff;}
}


/* 行业详情页 */
.class-title{background: #f5f5f5; padding: 0.15rem 0; margin-bottom: 0.2rem;}
.class-title em{display: block;  font-size: var(--font20);  color: #222; border-left: 0.04rem solid #0073bc; padding-left: 0.15rem; font-weight: bold; margin-left: 0.15rem}

/* 分页 */
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; padding-top: 0.48rem; border-top: 1px solid #F2F2F2; }
.newsxq-page a {display: flex; align-items: center; gap: 0.1rem;}

.news-prev,.news-next{transition:600ms; display: flex; align-items: center; justify-content: center; width: 0.32rem;height: 0.32rem;min-width: 0.3rem;min-height: 0.3rem;   border: 0.02rem solid #eeeeee;border-radius: 0.05008rem;}
.news-prev i,.news-next i {font-size: var(--font14);}
.newsxq-page .back-link {display: inline-flex; padding: 0.12rem 0.2rem;}
@media (any-hover: hover) {
  .prev-link:hover .news-prev {background: #19448B; border-color: #19448B;}
  .prev-link:hover .news-prev i {color: #fff;}
  .next-link:hover .news-next {background: #19448B; border-color: #19448B;}
  .next-link:hover .news-next i {color: #fff;}
}


/* 内页新闻列表页 */
.newsMain{padding: .76rem 0 1rem;}
.latest-news a{box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.09); margin-bottom: .66rem;}
.latest-news .pic,.latest-news .info{width: 50%;}
.latest-news .pic{overflow: hidden; position: relative; }
.latest-news .pic img{display: block; width: 100%; transition: .6s;}
.latest-news .info{padding:  0 5%;}
.latest-news .info span{color: #989898; margin-bottom: .2rem; display: block;}
.latest-news .info h1{color: #3D3D3D; margin-bottom: .28rem;}
.latest-news .info h2{color: #7B7B7B; margin-bottom: .73rem;}
.latest-news .info em{color: #3D3D3D;}
.nynews-list ul{gap: .37rem .48rem;}
.nynews-list ul li {box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.09);}
.nynews-list ul li .pic{overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%; object-fit: cover; transition: .6s;}
.nynews-list ul li .info{padding:  .5rem 10% .6rem;}
.nynews-list ul li .info span{color: #989898; display: block; margin-bottom: .28rem;}
.nynews-list ul li .info h3{color: #3D3D3D; margin-bottom: .13rem;}
.nynews-list ul li .info h4{color: #9F9F9F;}

@media (any-hover: hover) {
  .latest-news a:hover .pic img{transform: scale(1.1);}
  .latest-news a:hover .info h1{color: #19448B;}
  
  .nynews-list ul li:hover .pic img{transform: scale(1.1);}
  .nynews-list ul li:hover .info h3{color: #19448B;}
}



/* 新闻详情页 */
.newsxqMain{background: #F6F6F6;padding: 1rem 0;}
.newsxq-box{align-items: flex-start;}
.newsxq-left{width: 66.125%;}
.newsxq-bg{background: #fff; border-radius: 0.10rem; padding: 0.70rem 0.48rem;}
.newsxq-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 0.26rem; margin-bottom: 0.26rem;}
.newsxq-title h1{font-weight: 500; display: block; margin-bottom: 0.10rem;}
.newsxq-title span{color: #777777;}
.newsxq-content img {max-width: 100%; height: auto;}
.newsxq-content table {max-width: 100%;}
.newxq-arrow{margin-top: 0.47rem;}
.newxq-arrow a{transition: .6s;}
.newxq-arrow .icon{width: 0.50rem;   height: 0.50rem;   background: #D8D8D8;   border-radius: 0.10rem; display: flex; align-items: center; justify-content: center; transition: .6s;}
.newxq-arrow .icon img{width: 0.16rem;}
.newxq-arrow em{margin-left: 0.18rem;}

.newxq-arrow .newsxq-next img{transform: rotate(180deg);}
.newxq-arrow .newsxq-next em{margin-right: 0.18rem;}

@media (any-hover: hover) {
.newxq-arrow a:hover .icon{background: #19448B; color: #fff;}
.newxq-arrow a:hover .icon img{filter: brightness(100); -webkit-filter:brightness(100);}
}

.newsxq-right{width: 30%; padding: 0.45rem 0.36rem 0.60rem; background: #fff; border-radius: 0.10rem; position: sticky; top: 1.00rem;}
.newsxq-right strong{display: block; margin-bottom: 0.40rem;}
.recom-list ul li{margin-bottom: 0.15rem; border-radius: 0.10rem;}
.recom-list ul li .pic{width: 43%; overflow: hidden; border-radius: 0.10rem;}
.recom-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-list ul li .info{width: 51%;}
.recom-list ul li .info h2{color: #3D3D3D;}

@media (any-hover: hover) {
.recom-list ul li:hover .pic img{transform: scale(1.1);}
.recom-list ul li:hover .info h2{color: #19448B;}
}




/* 缠绕膜知识列表页 */
.knowledge-bg{background: url(../images/knowledge-bg.webp) no-repeat center; background-size: cover; padding: .4rem 0 .46rem;}
.knowledge-bg .position{color: #999999;}
.knowledge-title{border-bottom: 1px solid #D1D1D1; padding-bottom: .4rem; margin-bottom: .6rem;}
.knowledge-form{border-radius: 376px 376px 376px 376px; border: 1px solid #D9D9D9; height: .69rem;  min-height: 45px; width: 6.73rem; background: #FFFFFF;}
.knowledge-form img{margin: 0 .16rem 0 .29rem;}
.knowledge-form input::placeholder{color: rgba(61,61,61,0.36);}
.knowledge-form button{background: #19448B; color: #fff; border-radius: 376px 376px 376px 376px; height: 100%; padding:0 .48rem;}
.knowledge-class ul li{margin-right: .9rem;}
.knowledge-class ul li:last-child{margin-right: 0;}
.knowledge-class ul li a{font-size: var(--font20); color: #5E5E5E; position: relative; line-height: 2; display: block;}
.knowledge-class ul li a::after{position: absolute; content: ''; width: 0; height: .05rem; background: #123E87; border-radius: 42px 42px 42px 42px; left: 0; bottom: 0; transition: .6s;}
.knowledge-class ul li.on a{font-weight: 700;color: #123E87;line-height: 2;display: block;}
.knowledge-class ul li.on a::after{width: 100%;}

@media (any-hover: hover) {
.knowledge-class ul li:hover a{color: #123E87; font-weight: 700; }
.knowledge-class ul li:hover a::after{width: 100%;}
}


.knowledge{padding: .4rem 0 1rem;}
.knowledge-list dl{border-bottom: 1px solid #D8D8D8; padding: .24rem 0; cursor: pointer;}
.knowledge-list dl dt {flex-wrap: nowrap;gap: .25rem;}
.knowledge-list dl dd{display: none; margin-top: .2rem; font-size: var(--font15); color: #666;}
.knowledge-list .more i{color: #3D3D3D; font-weight: 500; font-size: var(--font20);}
.knowledge-list .more .jian {  display: none;}
.knowledge-list dl.active .more .jia { display: none; }
.knowledge-list dl.active .more .jian {  display: inline-block;}



/* 关于优博特 */
.aboutMain .index-title h2{font-weight: 700;}
.company{padding: 1.12rem 0; overflow: hidden;}
.company-box .info{width: 47%;}
.company-box .index-title{margin-bottom: .26rem;}
.company-box .info h3{color: #666666; margin-bottom: .38rem; }

.company-box .pic{width: 48.5%; border-radius: .2rem;}
.company-box .pic img{display: block; width: 100%; transition: .6s;}
.company .about-num{margin-top: 1rem;}
.company .about-num ul li div{font-size: .6rem;}

.about-ys{background: url(../images/about-ys.webp) no-repeat center; background-size: cover; height: 7.99rem; min-height: 600px;}
.about-ys ul{height: 100%;}
.about-ys ul li{position: relative; border-right: 1px solid rgba(255,255,255,0.22); height: 100%; overflow: hidden;}
.about-ys ul li::after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(18,63,135,0.67); transition: .6s; opacity: 0; top: 0; left: 0; z-index: 1;}
.about-ys ul li a{display: block; height: 100%; position: relative; z-index: 6;}
.about-ys ul li .info{}
.about-ys ul li .text{transition: .6s;transform: translateY(94%);position: relative;z-index: 3;}
.about-ys ul li .icon{display: flex; align-items: center; justify-content: center; width: .88rem; height: .88rem; margin: 0 auto;}
.about-ys ul li .icon img{display: block; max-width: 100%;}
.about-ys ul li strong{margin: .73rem 0 .23rem; display: block;}
.about-ys ul li p{color: #fff;width: 57%; margin: 0 auto; min-height: 72px;}
.about-ys ul li span{  display: inline-block; background: #FFFFFF; border-radius: 225px 225px 225px 225px; padding: .17rem .36rem; transition: .6s; position: absolute; bottom: -100%; left:50%; transform: translateX(-50%); z-index: 6;}

@media (any-hover: hover) {
.about-ys ul li:hover::after{opacity: 1;}
.about-ys ul li:hover strong{margin: .08rem 0 .25rem;}
.about-ys ul li:hover .text{transform: translateY(62%);}
.about-ys ul li:hover span{bottom: 1.5rem; }
.about-ys ul li span:hover {background: #19448B; color: #fff;}
}



/* 企业文化 */
.culture{padding: 1.2rem 0 2.08rem;}
.culture-list{margin-top: .55rem;}
.culture-list ul{gap: .5rem;}
.culture-list ul li .icon{width: 1.17rem; height: 1.17rem; background: #F0F2F6; border-radius: 50%; padding: .1rem; margin-right: .25rem;}
.culture-list ul li .icon img{display: block; max-width: 100%;}
.culture-list ul li .text{flex: 1; margin-top: .15rem;}
.culture-list ul li .text strong{display: block; margin-bottom: .08rem;}
.culture-list ul li .text h3{}



/* 荣誉资质 */
.honor-bg{background: url(../images/honor-bg.webp) no-repeat center; background-size: cover; padding: .8rem 0 1.08rem;}
.honor-arrow{    display: flex; }
.honor-arrow .swjt{position: relative;width: .55rem;height: .55rem; background: #FFFFFF;border-radius: 50%; margin-top: 0; cursor: pointer; transition: .6s;} 
.honor-arrow .swjt i{color: #727272;}
.honor-arrow .swiper-button-prev{left: auto;}
.honor-arrow .swiper-button-next{right: auto; margin-left: .2rem;}
@media (any-hover: hover) {
  .honor-arrow .swjt:hover{background: #19448B; }
  .honor-arrow .swjt:hover i{color: #fff;}
}
.honor-list{overflow: hidden; margin-top: 1rem;}
.honor-list ul li .pic{ border-radius: .2rem; overflow: hidden;}
.honor-list ul li .pic img{display: block; width: 100%; transition: .6s;}



/* 发展历程 */
.develop-bg{background: url(../images/develop-bg.webp) no-repeat center; background-size: cover; padding: 1.18rem 0 .58rem; }
.develop-bg .index-title h2{color: #fff;}

.develop-arrow{    display: flex; }
.develop-arrow .swjt{position: relative;width: .55rem;height: .55rem; background: #FFFFFF;border-radius: 50%; margin-top: 0; cursor: pointer; transition: .6s; opacity: 1;} 
.develop-arrow .swjt i{color: #727272;}
.develop-arrow .swiper-button-prev{left: auto;}
.develop-arrow .swiper-button-next{right: auto; margin-left: .2rem;}
@media (any-hover: hover) {
  .develop-arrow .swjt:hover{background: #19448B; }
  .develop-arrow .swjt:hover i{color: #fff;}
}

.develop-list{overflow: hidden;}
.develop-box{}
.develop-box .pic{ width: 48.5%; border-radius: .2rem; overflow: hidden;}
.develop-box .pic img{display: block; width: 100%; transition: .6s;}
.develop-box .info{width: 45%;}
.develop-box .info h3{ }
.develop-box .info h4{font-style: normal; margin-top: .32rem;}



.develop-bottom {
  position: relative;
  z-index: 8;
  color: #fff;
  text-align: center;
  margin-top: .96rem;
}
.develop-bottom::before {
  content: "";
  position: absolute;
  top: calc(10px / 2);
  left: 0;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.develop-btn{overflow: visible;}
.develop-btn ul li {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 56px;
  cursor: pointer;
}
.develop-btn ul li .c-dot {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11px;
  height: 11px;
  position: relative;
  transition: all 0.4s;
}
.develop-btn ul li .c-dot::before {
  content: "";
  position: absolute;
  width: 290%;
  height: 290%;
  background: rgba(255, 255, 255, 0.3);
  /* background-size: contain; */
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s;
  border-radius: 50%;
}
.develop-btn ul li .c-dot::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.4s;
}
.develop-btn ul li .syear {
  width: 100%;
  transition: all 0.4s;
  line-height: 1;
  font-size: var(--font20);
  font-family: Arial, Arial-Bold;
  font-style: normal;
}
.develop-btn ul li.swiper-slide-thumb-active .c-dot::after {
  opacity: 1;
}
.develop-btn ul li.swiper-slide-thumb-active .c-dot::before {
  opacity: 1;
  transform: scale(1);
}
.develop-btn ul li.swiper-slide-thumb-active .syear {
  font-size: var(--font24);
  transform: translateY(10%);
  font-weight: 700;
}




/* 公司场景 */
.scene{padding: 1.3rem 0 2.22rem; overflow: hidden;}
.scene-list {margin-top: 1.6rem;overflow: visible;position: relative;}
.scene-list .swiper-slide {width: 28.5%; transition: transform 0.8s, opacity 0.8s, filter 0.8s; opacity: 1;  z-index: 1;}
.scene-list .swiper-slide-active { opacity: 1; z-index: 10; transform: scale(1.5);}
.scene-list .swiper-slide-active .pic::after {opacity: 0;}
/* 确保侧边图片大小相等且位于底层 */
.scene-list .swiper-slide-prev, .scene-list .swiper-slide-next {}

.scene-list .pic {width: 100%; padding-bottom: 100%; overflow: hidden; border-radius: .41rem; position: relative;}
.scene-list .pic::after {content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); opacity: 0.5; transition: .5s;}
.scene-list .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

/* 导航按钮自定义 - 放到侧边图片之上 */
.scene-list .swjt i {font-size: var(--font50); color: #fff;}
.scene-list .swiper-button-prev {left: 21.25%;}
.scene-list .swiper-button-next {right: 21.25%;}



/* 核心业务 */
.business-bg{background: linear-gradient( 180deg, #ECEFF6 0%, #E2E5EB 100%); padding: 1.10rem 0 1.04rem;}
.business-box{align-items: center;}
.business-box .info{width: 36%;}
.business-box .info h3{color: #6C6C6C;  margin: .18rem 0 .4rem;}
.business-box .info .pic img{display: block; max-width: 100%;mix-blend-mode: multiply; }
.business-list{margin-top: 1.14rem;}
.business-list strong{display: block; margin-bottom: .2rem;}
.business-list ul li img{margin-right: .08rem;}
.business-list ul li p{color: #3D3D3D;}




/* 合作伙伴  */
.customers-bg{background: url(../images/customers-bg.webp) no-repeat top center; background-size: cover; padding:.9rem 0 1.4rem; position: relative; border-radius: .625rem;} 
.customers-left,.customers-right{position: absolute; width:22%; height: 100%;  z-index: 2; top: 0;}
.customers-left img{display: block; width: 100%; height: 100%; }
.customers-right img{display: block; width: 100%; height: 100%; }
.customers-left{left: 0;}
.customers-right{right: 0;}
.customers-bg .index-title{margin-bottom: .85rem;}

.partner-logo { position: relative; overflow: hidden; }
.partner-logo .item {margin-bottom:.23rem}
.partner-logo ul { display: flex; justify-content: center;}
.partner-logo li {margin: 0 .08rem;flex-shrink: 0;background: #fff; width: 1.9rem; height: .85rem;  display: flex; align-items: center; justify-content: center; border-radius: .1rem; }
.partner-logo li img {max-width: 100%; }



/* 联系我们 */
.contact-banner .info span{color: rgba(61, 61, 61, 0.19);}
.ny-contact .tact-box {padding: .9rem 0 2rem; } 
.ny-contact .tact-box .info{width: 38%;}
.ny-contact .tact-box .text{line-height: 2; margin-top: .57rem;}
.ny-contact .tact-box .text b{display: block;}
.ny-contact .tact-box .text strong{margin-bottom: .18rem; display: block;}
.ny-contact .tact-box .text a{color: #3D3D3D;}

.follow {margin-top: 1rem;}
.follow dt {flex-shrink: 0;}
.follow dl {display: flex; align-items: center;}
.follow dl .ddbox {display: flex;}
.follow dl dd {margin-right: 0.2rem; position: relative;}
.follow dl dd .icBox {width: 0.6rem; height: 0.6rem; border-radius: 50%;background: #D8D8D8;display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox svg {width: 40%; height: 40%; object-fit: contain; }
.follow dl dd .icBox svg path {}
.follow dl dd:hover .icBox svg path {opacity: 1;}
.follow dl dd.hover_code .code {width: auto; box-shadow: 0 0 0.1rem rgba(0,0,0,.1); position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: 0.1rem; border-radius: 0.1rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;}
.follow dl dd.hover_code .code span {display: block; margin-top: 0.05008rem;}
.follow dl dd.hover_code .code img {width: 1rem;}
.follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: 0.1rem solid transparent; border-top-color: #fff;}
@media (any-hover: hover) {
.follow dl dd.hover_code:hover .icBox{background: #19448B;}
.follow dl dd.hover_code:hover .icBox svg path {fill: #fff;}
.follow dl dd.hover_code:hover .code {opacity: 1;  bottom: 130%; visibility: visible; pointer-events: auto;}

}
.ny-contact .tact-box .pic{width: 60.23%;position: relative;}
.ny-contact .tact-box .pic img{display: block; width: 100%; object-fit: cover; min-height: 4rem; }
.maps-cirle {position: absolute;top: 55%;left: 50.5%;transform: translate(-50%,-50%);}
.maps-cirle i {width: 0.14rem; height: 0.14rem; border-radius: 50%; display: block;background: #19448B; position: relative; z-index: 2;}
.maps-cirle::after {background: rgba(28,91,162,0.16); 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;}}


/* 后台编辑器录入 */
.news-editor img,.proxq-editor img,.industry-editor img{display: inline-block; max-width: 100%; }







/* 右侧悬浮 */
.slide_fixed{position: fixed;  bottom: 10%; right: .22rem; z-index: 999; border-radius: 38px; background: #FFFFFF; padding: .2rem .1rem; box-shadow: 0px 0px 22px 2px rgba(101,101,101,0.07);}
.slide_fixed .item{margin: .05rem 0;position: relative;}
.slide_fixed .item .icBox{width: .54rem;  height: .54rem; padding: .1rem;  background: #ECF1F8;  border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.slide_fixed .item .icBox img{display: block; max-width: 80%; transition: .6s;}
.slide_fixed .ic_txt { width: 150px; position: absolute;right: -100%;top: 0;display: flex;align-items: center;padding: .15rem;background: #fff;transform: translateX(100%);transition: all 0.3s ease;z-index: -1;box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.1); flex-direction: column;}
.slide_fixed .ic_txt em{display: block; }
.slide_fixed .ic_txt em:first-child{margin-bottom: .1rem;}
@media (any-hover: hover) {
  .slide_fixed .item:hover .ic_txt {transform: translateX(-90%);}
}
.slide_fixed .item a:hover  .icBox img{transform: translateY(-.03rem);}