/* 公用样式 */
#c-placeholder {height: 1rem;}
header {position: fixed; background: #fff; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; box-shadow: 0px 3px 4px 1px rgba(177,177,177,0.04);}
.headBox {transition: .5s; height: 1rem; position: relative; z-index: 1;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo a {height: 100%; display: flex; align-items: center;}
.headBox .logo img {max-width: 100%; max-height: .49rem; object-fit: contain;}


/* 导航 */
nav {height: 100%; }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between; gap: .65rem;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: static;}
nav > ul > li > a span{color: #333; font-size: var(--font18); }
nav > ul > li > a img {width: .1rem; margin-left: .04rem;}
nav > ul > li::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 0;  height: 1px; background: #59A2CF; transition: .5s;}
nav > ul > li.on::after {width: 100%; left: 0;}
nav > ul > li.on > a span{color: #59A2CF;}
nav > ul > li.on > a img{filter: invert(55%) sepia(48%) saturate(436%) hue-rotate(159deg) brightness(98%) contrast(93%);}

@media (any-hover: hover) {
  nav > ul > li:hover::after {width: 100%; left: 0;}
  nav > ul > li:hover > a span{color: #59A2CF;}
  nav > ul > li:hover > a img{filter: invert(55%) sepia(48%) saturate(436%) hue-rotate(159deg) brightness(98%) contrast(93%);} 
}

.navdown {display: none;position: absolute;left: 0;top: 100%;width: 100%; padding-top: .1rem; background: transparent;}
.navdown-item{background: #fff; border-radius: .16rem;padding: .4rem 0;}
.navdown-le{width: 21.2%;border-right: 1px solid #F2F2F2;padding: .22rem 4% .32rem;}
.navdown-le strong{display:block; margin-bottom: .37rem;}
.navdown-le em{display: block; color: #666666; line-height: 1.4; }
.navdown-le .index-more{margin-top: .77rem;} 
.index-more{transition: .5s;}
.index-more .icon{width: .27rem;height: .27rem;background: #59A2CF;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: .1rem;min-width: 20px;min-height: 20px;}
.index-more .icon img{width: 12px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.index-more span{font-weight: bold;}
@media (any-hover: hover) {
  .index-more:hover{transform: translateX(.1rem);}
}
.navdown-ri{width: 78.8%;padding: .32rem 3% 0;}
.navdown-ri dl{gap: .16rem; display: grid; grid-template-columns: repeat(5, 1fr);}
.navdown-ri dl dd .pic{border-radius: .08rem; overflow: hidden; margin-bottom: .15rem;}
.navdown-ri dl dd .pic img{width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.navdown-ri dl dd em{display: block; color: #333333; text-align: center; font-weight: 500;}
@media (any-hover: hover) {
  .navdown-ri dl dd:hover .pic img{transform: scale(1.1);}
  .navdown-ri dl dd:hover em{color: #59A2CF;}
}
.headBox .re{gap: .2rem;}

/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.searchBtn{width: .54rem; height: .54rem; background: #59A2CF; border-radius: .04rem; display: flex; align-items: center; justify-content: center;}
.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: #59a2cf;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: #59a2cf;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;}
}


/* =================头部 end!!!=================== */





/* ======首页======= */
.indexBanner { position: relative; overflow: hidden; }
.indexBanner .swiper {height: auto;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox {position: relative; height: auto;}
.indexBanner .slide .imgBox img {width: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1); min-height: 200px;}
.indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; }
.indexBanner .slide .box h1{font-size: .64rem; font-weight: bold;}
/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {display: none;}



/* 产品分类 */
.about-bg{background: url(../images/about-bg.webp) no-repeat center top; background-size: cover; padding-bottom: .79rem;}
.pro-class{display: flex;gap: .18rem;margin-top: -1.5rem;margin-bottom: 1.18rem;position: relative;z-index: 2;}
.pro-class > a{display: flex;flex-direction: column;flex: 2.27;height: 2.96rem;min-height: 250px;padding: .37rem .3rem .49rem;background: #59A2CF;color: #fff;overflow: hidden;transition: flex .45s ease, background .35s ease, padding .35s ease, border-radius .35s ease;}
.pro-class > a > .icon{width: .46rem;height: .46rem;margin-bottom: .25rem;display: flex;align-items: center;justify-content: flex-start;flex-shrink: 0;transition: .35s;}
.pro-class > a > .icon img{width: 100%; height: 100%; object-fit: contain;}
.pro-class > a .txt{flex: 1;display: flex;flex-direction: column;text-align: left;align-items: flex-start;}
.pro-class > a .txt h3{color: #fff;line-height: 1.4;}
.pro-class > a .txt h3 em{display: block;font-size: var(--font24);}
.pro-class > a .txt h3 span{display: block;font-size: var(--font24);}
.pro-class > a .txt p{display: none;margin-top: .1rem;color: #666;text-align: left;}
.pro-class > a .index-more{}
.pro-class > a .index-more .icon{background: #fff;}
.pro-class > a .index-more .icon img{-webkit-filter: none; filter: none;}
.pro-class > a .index-more span{color: #fff; font-weight: 700;}

@media (min-width: 991px) { 

/* 展开态（默认第一个 / hover） */
.pro-class > a.on{flex: 5.23;padding: .75rem .4rem .49rem;background: #fff;border-radius: .7rem .1rem .1rem .1rem;color: #333;box-shadow: 0px 3px 7px 1px rgba(61,61,61,0.04);}
.pro-class > a.on > .icon{display: none;}
.pro-class > a.on .txt{align-items: flex-start; justify-content: flex-start; text-align: left;}
.pro-class > a.on .txt h3{color: #333;}
.pro-class > a.on .txt h3 em,
.pro-class > a.on .txt h3 span{ display: inline;  font-weight: bold;}
.pro-class > a.on .txt p{display: block;}
.pro-class > a.on .index-more{justify-content: flex-start;}
.pro-class > a.on .index-more .icon{background: #59A2CF;}
.pro-class > a.on .index-more .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.pro-class > a.on .index-more span{color: #59A2CF;}
}


.index-title h2{line-height: 1.3;color: #333;}

/* 关于我们 */
.about-box{align-items: flex-end; gap: .4rem; margin-top: .6rem;}
.about-le{width: 54%;}
.about-le .index-title{}
.about-le p{color: #333;font-weight: 500;line-height: 1.8;margin: .35rem 0 .6rem;}
.index-more2{display: inline-flex;background: #59A2CF;border-radius: .1rem;padding: .165rem .4rem;transition: .4s;}
.index-more2 .icon{width: .3rem; height: .3rem; min-width: 20px; min-height: 20px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.index-more2 .icon img{width: 12px; -webkit-filter: none; filter: none;}
.index-more2 span{color: #fff;  font-weight: 700;}
@media (any-hover: hover) {
  .index-more2:hover{transform: translateY(.1rem); box-shadow: 0 .08rem .2rem rgba(89, 162, 207, .35); }
}
.about-ri{display: flex;justify-content: flex-end;}
.about-num{width: 29.6%;}
.about-ri ul li{padding: .5rem 0;border-bottom: 1px solid rgba(220, 220, 220, 1);gap: .2rem;align-items: end;}
.about-ri ul li:first-child{padding: 0 0 .5rem;}

.about-ri ul li strong{font-weight: bold;color: #333;line-height: 1;white-space: nowrap;font-size: .56rem;}
.about-ri ul li strong i{font-style: normal; font-weight: 700;}
.about-ri ul li em{color: #666;white-space: nowrap;}



/* 产品中心 */
.product{background: #fff;padding: .47rem 0 0;}
.pro-cate{position: relative;height: 1.2rem;margin-bottom: .58rem;}
.pro-cate .swiper{width: 100%; height: 100%; overflow: hidden;}
.pro-cate .swiper-slide{width: 20%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;box-sizing: border-box;}
.pro-cate .swiper-slide h3{color: #999;line-height: 1.8;transition: .35s;}
.pro-cate .swiper-slide h3 em{display: block;font-style: normal;font-size: var(--font18);}
.pro-cate .swiper-slide h3 span{}
.pro-cate .swiper-slide-active h3{color: #333;font-size: .45rem;line-height: 1.2;letter-spacing: .02em;}
.pro-cate .swiper-slide-active h3 em,
.pro-cate .swiper-slide-active h3 span{/* display: inline; *//* font-size: inherit; */}
.pro-cate-arrow{position: absolute; left: 50%; top: 50%; z-index: 5; width: 5.2rem; height: .54rem; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between; pointer-events: none;}
.pro-cate-arrow .swiper-button-prev,
.pro-cate-arrow .swiper-button-next{position: static; margin: 0; width: .54rem; height: .54rem; background: #59A2CF; border-radius: 50%; transform: none; pointer-events: auto; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.pro-cate-arrow .swiper-button-prev:after,
.pro-cate-arrow .swiper-button-next:after{display: none; content: none;}
.pro-cate-arrow .swiper-button-prev img,
.pro-cate-arrow .swiper-button-next img{width: .22rem;display: block;}
.pro-cate-arrow .swiper-button-next img{transform: rotate(180deg);}

.pro-list{width: 100%;}
.pro-list > .swiper{overflow: hidden;}
.pro-list > .swiper > .swiper-wrapper > .swiper-slide{height: 2.8rem; box-sizing: border-box; pointer-events: none;}
.pro-list > .swiper > .swiper-wrapper > .swiper-slide-active{pointer-events: auto;}
.pro-list .pro-items{width: 100%; height: 100%; padding: 0 .14rem; box-sizing: border-box;}
.pro-list .pro-items .swiper{width: 100%; height: 100%; overflow: hidden;}
.pro-list .pro-items .swiper-slide{height: 100%; box-sizing: border-box; pointer-events: none;}
.pro-list .pro-items .swiper-slide a{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background: #EFF4FA; transition: .4s; pointer-events: none;}
/* 仅当前分类组内产品可点击/悬停，避免 fade 下层透明 slide 挡住 */
.pro-list > .swiper > .swiper-wrapper > .swiper-slide-active .pro-items .swiper-slide,
.pro-list > .swiper > .swiper-wrapper > .swiper-slide-active .pro-items .swiper-slide a{pointer-events: auto;}
.pro-list .pro-items .swiper-slide a strong{display: block;color: #333;font-size: var(--font24);font-weight: bold;text-align: center;line-height: 1.3;margin-bottom: .25rem;}
.pro-list .pro-items .swiper-slide a .more .icon{width: .28rem; height: .28rem; min-width: 20px; min-height: 20px;    background: #333; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.pro-list .pro-items .swiper-slide a .more .icon img{width: 12px;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.pro-list .pro-items .swiper-slide a .more span{color: #333; }
@media (any-hover: hover) {
  .pro-list > .swiper > .swiper-wrapper > .swiper-slide-active .pro-items .swiper-slide a:hover{background: #e4eef7;}
  .pro-list .pro-items .swiper-slide a .more{transition: .35s;}
  .pro-list > .swiper > .swiper-wrapper > .swiper-slide-active .pro-items .swiper-slide a:hover .more{transform: translateY(.08rem);}
}


/* 联系我们 */
.contact-bg{background: url(../images/contact-bg.webp) no-repeat center; background-size: cover;  background-attachment: fixed; text-align: center; padding: 2.05rem 0 1.64rem; margin:.35rem 0 .4rem}
.contact-bg .index-title h2{color: #fff;}
.contact-bg .index-title h3{margin: .15rem 0 .75rem;}
.contact-bg .index-more2{background: #FFFFFF;}
.contact-bg .index-more2 .icon{background: #59A2CF;}
.contact-bg .index-more2 .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.contact-bg .index-more2 span{color: #59A2CF;}
@media (any-hover: hover) {
  .contact-bg .index-more2:hover{transform: translateY(.1rem); box-shadow: 0 .08rem .2rem rgba(89, 162, 207, .35);}
}

.partner{overflow: hidden; position: relative;}
.partner .pic{}
.partner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 600px;}
.partner .partner-box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center;}

.partner  .info{padding: .55rem 0 2.95rem; width: 50%;}

/* 资讯中心 */
.news{padding: 1.13rem 0 1.23rem; overflow: hidden; background: #fff;}
.news-top{margin-bottom: .5rem;}
.news-top .index-title h3{color: #999; margin-top: .1rem;}
.news-arrow{gap: .15rem;}
.news-arrow .swiper-button-prev,
.news-arrow .swiper-button-next{position: static;margin: 0;width: .74rem;height: .74rem;   min-width: 36px; min-height: 36px; border: 1px solid #59A2CF;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .35s;}
.news-arrow .swiper-button-prev:after,
.news-arrow .swiper-button-next:after{display: none; content: none;}
.news-arrow .swiper-button-prev img,
.news-arrow .swiper-button-next img{width: .25rem;display: block;}
.news-arrow .swiper-button-next img{transform: rotate(180deg);}
@media (any-hover: hover) {
  .news-arrow .swiper-button-prev:hover,
  .news-arrow .swiper-button-next:hover{background: #59A2CF;}
  .news-arrow .swiper-button-prev:hover img,
  .news-arrow .swiper-button-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
}
/* 与 .container 同左缘：width 80%/max 1500，≤1280 时 90% */
.news-list{overflow: hidden; margin-left: calc((100% - min(1500px, 80%)) / 2);}

.news-list .swiper{overflow: visible;}
.news-list .swiper-slide{width: 7.28rem; height: auto;}
.news-list .news-item{width: 100%;height: 3.28rem; min-height: 250px;  background: #F5F5F5;border-radius: .12rem;padding: .17rem .22rem;box-sizing: border-box;gap: .37rem;transition: .4s;align-items: center;}
.news-list .news-item .pic{width: 46%;height: 100%;flex-shrink: 0;border-radius: .1rem;overflow: hidden;}
.news-list .news-item .pic img{width: 100%; height: 100%; object-fit: cover; transition: .5s; }
.news-list .news-item .txt{flex: 1;min-width: 0;/* justify-content: center; *//* align-items: flex-start; *//* display: flex; */}
.news-list .news-item .txt em{display: block; color: #333; font-size: var(--font14); font-weight: 500;}
.news-list .news-item .txt strong{color: #000;font-size: var(--font20);font-weight: 500;line-height: 1.4;margin: .08rem 0 .18rem;}
.news-list .news-item .txt p{color: #666;line-height: 1.8;margin-bottom: .45rem;}
.news-list .news-item .txt .more{margin-top: auto;}
.news-list .news-item .txt .more .icon{width: .27rem; height: .27rem; min-width: 20px; min-height: 20px; background: #333; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.news-list .news-item .txt .more .icon img{width: 12px;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.news-list .news-item .txt .more span{color: #333;  font-weight: bold;}
@media (any-hover: hover) {

  .news-list .news-item:hover .pic img{transform: scale(1.06);}
  .news-list .news-item:hover .more{transform: translateX(.08rem);}
  .news-list .news-item .more{transition: .35s;}
}

/* ===== 公共底部 ===== */
.footer{background: #173FB8;border-radius: .8rem .8rem 0 0;color: #fff;}
.footer a{color: #FDFEFE;}
.foot-top{gap: .35rem;justify-content: center;padding: .79rem 0 .58rem;border-bottom: 1px solid rgba(89, 162, 207, .2);}
.foot-logo{color: #fff;transition: .3s;gap: .42rem;}
.foot-logo img{height: .64rem; width: auto; display: block;}
.foot-slogan{display: block;position: relative;padding-left: .29rem;font-size: var(--font36);font-weight: bold;line-height: 1;color: #fff;}
.foot-slogan::before{content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 100%;background: rgba(89, 162, 207, 1);transform: translateY(-50%);}
.foot-mid{align-items: flex-start;gap: .2rem;padding: .79rem 0 1.1rem;}
.foot-contact{flex-shrink:1}
.foot-tel{gap: .18rem;margin-bottom: .18rem;width: fit-content;}
.foot-tel .icon{width: .37rem;height: .37rem;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden;animation: footTelShake 2.8s ease-in-out infinite;}
.foot-tel .icon img{width: .16rem;height: auto;display: block;-webkit-filter: brightness(0);filter: brightness(0);}
.foot-tel strong{font-size: var(--font32);font-weight: bold;line-height: 1.2;letter-spacing: .02em;}
.foot-contact p{line-height: 1.7;font-weight: 500;}
.foternav{flex-shrink: 0; gap: 1.2rem;}
.foternav dl{margin: 0;}
.foternav dl dt{font-size: var(--font24);font-weight: bold;margin-bottom: .2rem;line-height: 1.3;}
.foternav dl .ddbox{gap: .64rem;}
.foternav dl .ddbox .col{display: flex;flex-direction: column;gap: .03rem;}
.foternav dl .ddbox dd{margin: 0;}
.foternav dl .ddbox dd a{display: block;line-height: 1.6;white-space: nowrap;font-weight: 500;}
.foot-bot{gap: .2rem;border-top: 1px solid rgba(255, 255, 255, .25);font-size: var(--font14);line-height: 1.6;flex-wrap: wrap;padding: .25rem 0;}
.foot-bot p{margin: 0;gap: .2rem .4rem;display: flex;}


/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox{overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 4rem; display: block; object-fit: cover; }
.ny-banner .jddwjz { bottom: 5%; transform: translate(-50%, 0); top: auto;}
.ny-banner .info{margin-bottom: 1.6rem;}
.ny-banner .info h1,.ny-banner .info h2{line-height: 1.2;}
.ny-banner .info em{text-transform: uppercase; margin-top: .35rem; display: block;}
.position {color: #FFFFFF; font-size: var(--font14);}
.position a{color: #FFFFFF;}


.about-class{box-shadow: 0px 5px 54px 7px rgba(0,25,216,0.04);}
.about-class ul li{position: relative;padding: 0 .5rem;height: 1.04rem;display: flex;align-items: center;}
.about-class ul li::after{position: absolute; content: ''; width: 0; height: 4px; background: #59A2CF; bottom: 0; left: 0; transition: .6s;}
.about-class ul li a{font-weight: bold; color: #333333;}
.about-class ul li.on::after{width: 100%;}
@media (any-hover: hover) {
  .about-class ul li:hover::after{width: 100%;}
}

/* 公司介绍 */
.company{padding: 1.1rem 0 0;}
.company-box{align-items: stretch; gap: .35rem;}
.company-le{width: 33.26%; flex-direction: column;}
.company-le .index-title h2{line-height: 1.25;}
.company-logo{margin-top: 1.26rem;}
.company-logo img{ max-width: 100%; height: auto; display: block;}
.company-ri{width: 55%;}
.company-ri h3{border-bottom: 1px solid rgba(242, 242, 242, 1); padding-bottom: .5rem; margin-bottom: .5rem; }
.company-ri p{color: #666; line-height: 1.7; margin-bottom: .28rem; font-weight: 500;}
.company-ri p:last-child{margin-bottom: 0;}
.company-num{justify-content: space-between;padding: 1.3rem 0 .82rem;}
.company-num li{display: flex;align-items: flex-start;gap: .26rem;flex: 1;position: relative;padding: 0 0 .29rem;cursor: default;border-bottom: 1px solid rgba(242, 242, 242, 1);width: 25%;}
.company-num li::after{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #59A2CF; transition: .45s;}
.company-num li .icon{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 1.02rem;height: 1.02rem;background: #F2F8FB;border-radius: .06rem;padding: .1rem;}
.company-num li .icon img{max-width: 100%; max-height: 100%; object-fit: contain;}
.company-num li .txt strong{display: flex;align-items: flex-end;font-size: .64rem;color: #333;line-height: 1.35;}
.company-num li .txt strong i{font-style: normal;font-family: 'Montserrat';display: block;line-height: 1;}
.company-num li .txt strong em{display: block;font-size: var(--font16); font-style: normal;font-weight: 500;line-height: 1;margin-bottom: .1rem;margin-left: .04rem;}
.company-num li .txt span{display: block;font-size: var(--font20);font-weight: 500;margin-top: .12rem;}
.company-num li:nth-child(3) .txt strong{font-size: .48rem; font-weight: 800;}



@media (any-hover: hover) {
  .company-num li:hover::after{width: 100%;}
}

/* 企业文化 */
.culture-bg{background: url(../images/culture-bg.webp) no-repeat center center; background-size: cover;}
.culture{height: 8.86rem; color: #fff;}
.culture-tit{flex: 2.79;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 6%;}
.culture-tit h2,.culture-tit h3{color: #fff;}
.culture-tit::after{content: '';width: .42rem;height: .03rem;background: #fff;margin-top: 1.88rem;}
.culture .item{flex: 1.7;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;text-align: center;cursor: pointer;overflow: hidden;border-left: 1px solid rgba(255, 255, 255, .18);padding: 1.8rem .3rem 1.4rem;box-sizing: border-box;transition: flex .45s ease;}
.culture .item .icon{display: none;width: .91rem;height: .91rem;margin: 0 auto .73rem;align-items: center;justify-content: center;}
.culture .item .icon img{max-width: 100%;max-height: 100%;object-fit: contain;}
.culture .item h3{font-size: var(--font36);font-weight: bold;writing-mode: vertical-rl;letter-spacing: .18em;line-height: 1.5;}
.culture .item p{display: none;color: #fff;font-size: var(--font20);margin-top: .14rem;}
.culture .item em{position: absolute;left: 50%;bottom: .85rem;transform: translateX(-50%);font-style: normal;font-size: .56rem;font-weight: bold;line-height: 1; transition: .6s;}
.culture .line{content: '';position: absolute;left: 50%;bottom: 2.81rem;width: .4rem;height: .03rem;background: #fff;transform: translateX(-50%);}
.culture .item.on{flex: 3.4; background: rgba(29, 58, 134, .8);}
.culture .item.on .icon{display: flex;}
.culture .item.on h3{writing-mode: horizontal-tb;letter-spacing: 0;font-size: var(--font36);font-weight: bold;}
.culture .item.on p{display: block;}
.culture .item.on em{opacity: .1;bottom: -6%;font-size: 325px;font-family: Montserrat;}

/* 持续技术创新 / 发展历程 */
.develop-bg{background: #fff url(../images/develop-bg.jpg) no-repeat center bottom;background-size: 100% auto;padding: 1rem 0;}
.develop-bg .index-title{}
.develop-box{position: relative;margin-top: 1.14rem;}
.develop-box::before{content: ''; position: absolute; left: 0; right: 0; top: 1.55rem; height: 1px; background: #E8E8E8; z-index: 1;}
.develop-box .swiper{overflow: hidden; padding-top: 1.55rem; padding-bottom: .2rem;}
.develop-box .swiper-slide{width: 33.333%; height: auto; display: flex; justify-content: center;}
.develop-item{width: 82%;display: flex;flex-direction: column;align-items: center;text-align: center;position: relative;box-sizing: border-box;padding-top: .45rem;}
.develop-item .year{position: absolute;left: 50%;top: 0;z-index: 2;transform: translate(-50%, -50%);font-size: var(--font36);font-weight: bold;color: #333;line-height: 1;white-space: nowrap;transition: .45s;}
.develop-item .pic{width: 54%; border-radius: .04rem; overflow: hidden; line-height: 0;}
.develop-item .pic img{width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(1); transition: filter .45s;}
.develop-item .txt{opacity: 0; visibility: hidden; height: 0; overflow: hidden; margin-top: 0; transition: .35s;}
.develop-item .txt h4{font-size: var(--font20);font-weight: bold;color: #333;line-height: 1.4;}
.develop-item .txt p{color: #666;font-size: var(--font16);line-height: 1.6;margin-top: .04rem;}
.develop-item::after{content: ''; position: absolute; left: 50%; top: 0; width: .14rem; height: .14rem; border-radius: 50%; background: #59A2CF; transform: translate(-50%, -50%) scale(0); transition: .35s; z-index: 2;}
.develop-box .swiper-slide-active .develop-item .year{font-size: 1.2rem;color: #59A2CF;transform: translate(-50%, calc(-100% - .3rem));}
.develop-box .swiper-slide-active .develop-item .pic img{filter: none;}
.develop-box .swiper-slide-active .develop-item .txt{opacity: 1;visibility: visible;height: auto;margin-top: .28rem;}
.develop-box .swiper-slide-active .develop-item::after{transform: translate(-50%, -50%) scale(1);}
.develop-arrow{position: absolute; left: 50%; top: 1.55rem; z-index: 5; width: 5.6rem; height: 0; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between; pointer-events: none;}
.develop-arrow .swiper-button-prev,
.develop-arrow .swiper-button-next{position: static;margin: 0;width: .55rem;height: .55rem; min-width: 20px; min-height: 20px;         background: #59A2CF;border-radius: 50%;transform: none;pointer-events: auto;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .35s;}
.develop-arrow .swiper-button-prev:after,
.develop-arrow .swiper-button-next:after{display: none; content: none;}
.develop-arrow .swiper-button-prev img,
.develop-arrow .swiper-button-next img{width: .24rem;display: block;}
.develop-arrow .swiper-button-next img{transform: rotate(180deg);}
@media (any-hover: hover) {
  .develop-arrow .swiper-button-prev:hover,
  .develop-arrow .swiper-button-next:hover{opacity: .85;}
}


/* 深耕半导体 / 合作伙伴 */
.customer-bg{background: #F7F8FA url(../images/customer-bg.webp) no-repeat right center;background-size: cover;padding: .98rem 0 1.12rem;}
.customer-box{overflow: hidden; margin-top: .78rem;}
.customer-row{overflow: hidden; margin-bottom: .21rem;}
.customer-row:last-child{margin-bottom: 0;}
.customer-row .track{display: flex; width: max-content; animation: customerScrollL 35s linear infinite; will-change: transform;}
.customer-row.reverse .track{animation-name: customerScrollR;}
.customer-row .list{display: flex;gap:.27rem;flex-shrink: 0;padding-right: .27rem;}
.customer-row .item{width: 1.91rem;height: .91rem;min-width: 150px; min-height: 60px; background: #fff;border-radius: .06rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-sizing: border-box;padding: .12rem .16rem;}
.customer-row .item img{max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block;}
@media (any-hover: hover) {
  .customer-box:hover .track{animation-play-state: paused;}
}



/* 专利资质 */
.patent{padding: 1.04rem 0 .59rem;background: #fff;}
.patent-list{margin-top: .8rem;}
.patent-list .swiper{overflow: hidden;}
.patent-list .swiper-wrapper{align-items: center;}
.patent-list .swiper-slide{height: auto;}
.patent-list .swiper-slide a{display: block; border: 5px solid #000940; overflow: hidden; line-height: 0; box-sizing: border-box; transition: .35s;}
.patent-list .swiper-slide img{width: 100%; height: auto; display: block; object-fit: cover;}
.patent-arrow{margin-top: .45rem;}
@media (any-hover: hover) {
  .patent-list .swiper-slide a:hover{opacity: .9;}
}


/* 内页产品列表页 */
.proMain{background: linear-gradient(0deg, #E5F3FB 0%, #FCFCFC 100%);padding: .4rem 0 0;}
.proMain .position{color: #333333; font-weight: bold; margin-bottom: .58rem;}
.proMain .position a{color: #333333;}
@media (any-hover: hover) {
  .proMain .position a:hover{color: #59A2CF;}
}

.nypro-class ul{gap: .3rem .43rem;margin: .44rem 0 .77rem;}
.nypro-class ul li a{display: flex;align-items: center;justify-content: center;background: #FFFFFF;border-radius: .06rem;height: .73rem;color: #333333; transition: .6s; text-align: center; min-height: 50px; padding: 0 4%;}
@media (any-hover: hover) {
  .nypro-class ul li a:hover{background: #59A2CF;color: #FFFFFF;}
}
.nypro-class ul li.on a{background: #59A2CF;color: #FFFFFF;}

.pro-class-item ul li .item-box{background: #FFFFFF; border-radius: .1rem; padding: .26rem .32rem; gap: .4rem;}
.pro-class-item ul li .pic{width: 47.73%;border-radius: .1rem;}
.pro-class-item ul li .pic img{width: 100%; height: 100%; object-fit: cover; display: block;}
.pro-class-item ul li .info{width: 46%;}
.pro-class-item ul li .info h3{margin-bottom: .33rem;}
.pro-class-item ul li .info h4{margin-bottom: 1.5rem;}
.pro-class-item dl dt a{display: flex;align-items: center;justify-content: center;background: #F2F2F2;border-radius: .06rem;height: .73rem;color: #333333; transition: .6s; padding: 0 .24rem; min-height: 50px; line-height: 1.2;}
@media (any-hover: hover) {
  .pro-class-item dl dt a:hover{background: #59A2CF;color: #FFFFFF;}
}

.proMain footer{margin-top: 1rem;}


/* 产品详情左右栏 */
.proxq{align-items: flex-start;gap: .37rem; margin-bottom: 1.1rem;}
.proxq-le{width: 23.4%;background: #fff;border-radius: .06rem;padding: .4rem .3rem .45rem;box-sizing: border-box;position: sticky;top: 1rem;}
.proxq-ri{background: #fff;border-radius: .06rem;padding: .57rem .58rem;box-sizing: border-box;flex: 1;}
.proxq-ri h1{color: #59A2CF;line-height: 1.3;margin-bottom: .35rem;}
.proxq-nav{position: relative;padding-left: 0;}
.proxq-nav::before{content: '';position: absolute;left: .05rem;top: 4%;width: 1px;background: #E5E5E5;z-index: 0;height: calc(100% - .2rem);}
.proxq-nav dl{margin: 0;position: relative;padding-bottom: .3rem;}
.proxq-nav dl:last-child{padding-bottom: 0;}
.proxq-nav dl::after{content: '';position: absolute;left: calc((.1rem / 2));top: .1rem;width: 1px;background: transparent;z-index: 0;transition: background .4s;height: 100%;}
.proxq-nav dl.on::after{background: #59A2CF;}
.proxq-nav dl:last-child::after{bottom: .35em;}
.proxq-nav dl dt{position: relative;padding-left: .29rem;color: #333;font-size: var(--font18);font;font-weight: 500;line-height: 1;cursor: pointer;transition: color .4s;z-index: 1;}
.proxq-nav dl dt::before{content: '';position: absolute;left: 0;top: calc((1em - .1rem) / 2);width: .1rem;height: .1rem;background: #F2F2F2;transition: background .4s;z-index: 2;}
.proxq-nav dl.on dt{color: #59A2CF;font-weight: bold;}
.proxq-nav dl.on dt::before{background: #59A2CF;}
.proxq-nav dl dd{display: block; max-height: 0; overflow: hidden; opacity: 0; padding: 0 0 0 .29rem; transition: max-height .55s cubic-bezier(.22, 1, .36, 1), opacity .4s ease, padding .45s ease;}
.proxq-nav dl.on dd{max-height: 4rem; opacity: 1; padding: .13rem 0 0 .29rem;}
.proxq-nav dl dd a{display: block;color: #666;font-size: var(--font15);line-height: 1.8;transition: color .3s;}
.proxq-nav dl dd a.on{color: #59A2CF;font-weight: bold;}
@media (any-hover: hover) {
  .proxq-nav dl dt:hover{color: #59A2CF;}
  .proxq-nav dl dd a:hover{color: #59A2CF;}
}
.proxq-tel{margin-top: .57rem;padding-top: .5rem;border-top: 1px solid #F2F2F2;}
.proxq-tel p{color: #333;font-size: var(--font24);line-height: 1.6;margin-bottom: .1rem;font-weight: bold;}
.proxq-tel a{gap: .12rem; width: fit-content;}
.proxq-tel .icon{width: .37rem;height: .37rem;border-radius: 50%;background: #59A2CF;display: flex;align-items: center;justify-content: center;flex-shrink: 0;overflow: hidden;}
.proxq-tel .icon img{width: .16rem;display: block;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.proxq-tel strong{color: #59A2CF;font-size: var(--font24);font-weight: bold;line-height: 1.2;}
@media (any-hover: hover) {
  .proxq-tel a:hover{opacity: .85;}
}


.pro-recom .w1720{position: relative;}
.pro-recom .pro-class-item{width: 88%; margin: 0 auto; overflow: hidden; }
.pro-recom .swiper-button-prev,
.pro-recom .swiper-button-next{width: .74rem; height: .74rem;border: 1px solid #59A2CF; border-radius: 50%; pointer-events: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .6s;}
.pro-recom .swiper-button-prev:after,
.pro-recom .swiper-button-next:after{display: none; content: none;}
.pro-recom .swiper-button-prev img,
.pro-recom .swiper-button-next img{width: .25rem;display: block;}
.pro-recom .swiper-button-next img{transform: rotate(180deg);}
@media (any-hover: hover) {
  .pro-recom .swiper-button-prev:hover,
  .pro-recom .swiper-button-next:hover{background: #59A2CF;}
  .pro-recom .swiper-button-prev:hover img,
  .pro-recom .swiper-button-next:hover img{filter: brightness(0) invert(1);}
}


/* 内页新闻资讯 */
.newsMain{padding: .9rem 0;}
.nynews-list{margin-left: 0!important;}
.nynews-list ul{gap: .3rem .36rem;}


.newsxq-top{background: #FAFCFD; padding: 1.24rem 0 .7rem; margin-bottom: .5rem;} 
.newsxq-box .info{width: 58%;}
.newsxq-box .info h1{line-height: 1.2; margin-bottom: .3rem;}
.newsxq-box .info h2{color: #666666;}
.newsxq-box .date{width: .97rem;height: .97rem;min-width: 80px; min-height: 80px;background: #59A2CF;border-radius: .04rem;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.newsxq-box .date b{line-height: 1;}

.newsxq-con{gap: .26rem; margin-bottom: .88rem; align-items: flex-start;}
.newsxq-le{flex: 1; background: #FAFCFD; border-radius: .1rem; padding: .46rem .44rem .44rem;}
.news-content{margin-bottom: .5rem;}
.newsxq-arrow .icon{width: .55rem; height: .55rem; padding: .1rem;  border-radius: .06rem; display: flex; align-items: center; justify-content: center; border: 2px solid #ccc; transition: .6s;}
.newsxq-arrow .icon img{max-width: 100%; max-height: 100%; object-fit: contain; display: block; -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.newsxq-arrow-next .icon img{transform: rotate(180deg);}
.newsxq-arrow span{color: #333;}

@media (any-hover: hover) {
  
  .newsxq-arrow a:hover .icon{border-color: #59A2CF; background: #59A2CF;}
  .newsxq-arrow a:hover .icon img{filter: brightness(0) invert(1);}
  .newsxq-arrow a:hover span{color: #59A2CF;}
}

.newsxq-ri{background: #FAFCFD; border-radius: .1rem; padding: .4rem .35rem .43rem; width: 29%; position: sticky; top: 1rem;}
.recom-title strong{display: block;}
.recom-news ul li{border-bottom: 1px solid rgba(230, 230, 230, 1); margin-bottom: .34rem; padding-bottom: .4rem;}
.recom-news ul li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.recom-news ul li .pic{overflow: hidden; margin-bottom: .28rem;}
.recom-news ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.recom-news ul li h3{color: #333333;font-weight: bold; }

/* 内页联系我们 */
.contactMain{background: #eff7fa;}
.ny-contact{background: #fff; padding: .85rem 0 .9rem;}
.ny-contact-box{align-items: center;gap: .3rem;}
.ny-contact-le{flex: 1;}
.ny-contact-le h2{color: #333;line-height: 1.35;margin-bottom: .47rem;}
.ny-contact-le ul{margin-bottom: .38rem;}
.ny-contact-le ul li{color: #333;font-size: var(--font16);line-height: 2.1;font-weight: 500; display: flex;}
.ny-contact-le ul li a{color: #333;transition: .3s;}
.ny-contact-le ul li span{flex-shrink: 0;}


.wechat-code{width: 1.12rem; min-width: 100px;}
.wechat-code img{width: 100%; height: auto; display: block;}
.ny-contact-ri{border-radius: .14rem;overflow: hidden;width: 57.8%;}
.ny-contact-ri img{width: 100%; height: auto; display: block; object-fit: cover;}
@media (any-hover: hover) {
  .ny-contact-le ul li a:hover{color: #59A2CF;}
}




/* 在线留言 */
.message{padding: .76rem 0 .96rem;}
.message-box{align-items: stretch;gap: .48rem;}
.message-le{width: 24.54%;display: flex;flex-direction: column;gap: .2rem;}
.consult-item{flex: 1;background: #fff;border-radius: .1rem;padding: .31rem .49rem .3rem;box-sizing: border-box;}
.consult-item .icon{width: .42rem;height: .36rem;margin-bottom: .22rem;}
.consult-item .icon img{max-width: 100%;max-height: 100%;object-fit: contain;display: block;}
.consult-item h3{color: #333; margin-bottom: .2rem; line-height: 1.3;}
.consult-item p{color: #333;font-size: var(--font18);line-height: 1.9; font-weight: 500;}
.consult-item p b{font-weight: bold;}
.consult-item p a{color: #666; transition: .3s;}
.message-ri{flex: 1;min-width: 0;background: #fff;border-radius: .14rem;padding: .4rem .75rem .42rem;box-sizing: border-box;}
.message-ri > h3{color: #333; margin-bottom: .35rem; line-height: 1.3;}
.message-form .message-row{margin-bottom: .2rem;gap: .2rem;}
.message-form .message-item{position: relative;background: #F0F8FA;border-radius: .06rem;display: flex;align-items: center;height: .6rem;   min-height: 45px; padding: 0 .22rem;box-sizing: border-box;}
.message-form .message-item .icon{width: 19px;height: 19px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;margin-right: .11rem;}
.message-form .message-item .icon img{max-width: 100%; max-height: 100%; display: block;}
.message-form .message-item input,
.message-form .message-item textarea{flex: 1;min-width: 0;border: 0;outline: none;background: transparent;color: #333;font-size: var(--font16);height: 100%;line-height: 1.4;padding: 0;box-sizing: border-box;font-weight: 500;}
.message-form .message-item input::placeholder,
.message-form .message-item textarea::placeholder{color: #999;}
.message-form .message-item.code-item{padding-right: .1rem;position: relative;}
.message-form .message-item .code-img{width: 1.23rem;min-width: 100px;height: 100%;object-fit: contain;cursor: pointer;flex-shrink: 0;margin-left: .1rem;overflow: hidden;position: absolute;right: 0;}
.message-form .message-item .code-img img{width: auto; height: 100%; display: block;}
.message-form .message-textarea{align-items: flex-start;padding-top: .18rem;padding-bottom: .18rem;min-height: 143px;}
.message-form .message-textarea .icon{margin-top: .06rem;}
.message-form .message-textarea textarea{height: 1.5rem; min-height: 1.5rem; resize: vertical; line-height: 1.6;}
.message-form .message-submit{margin-top: .15rem;}
.message-form .sub-btn{display: inline-flex;align-items: center;justify-content: center;min-width: 1.84rem;height: .63rem;  min-height: 45px;  padding: 0 .4rem;background: #59A2CF;color: #fff;border: 0;border-radius: .1rem;font-size: var(--font16);font-weight: bold;cursor: pointer;transition: .35s;}
@media (any-hover: hover) {
  .consult-item p a:hover{color: #59A2CF;}
  .message-form .sub-btn:hover{opacity: .88;}
}