/* 公用样式 */
#c-placeholder {height: 1.02rem;}
header {position: fixed; left: 0; top: 0.36rem; z-index: 99; width: 100%;transition: .5s;}
.headBox {transition: .5s; height: 1.02rem; position: relative; z-index: 1;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo a{display: flex;height: 100%;align-items: center;}
.headBox .logo img {max-width: 100%; max-height: .25rem; object-fit: contain;}


.headBox .re {height: 100%;gap: .4rem;flex: 1;justify-content: end;}

/* 导航 */
nav {height: 100%;}
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;margin: 0 .03rem;}
nav > ul > li > a > span {color: #fff;font-size: var(--font18);position: relative;display: flex;align-items: center;border: 1px solid transparent;border-radius: .19rem;padding: .05rem 0.1rem; transition: .6s;}


/* 导航下拉 */
.navdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.06); width: max-content; min-width: 1.4rem;padding: .08rem;border-radius: 0 0 .1rem .1rem;  display: none; }
.navdown .item {display: block; text-align: center;  justify-content: center; padding: .08rem .05rem; border-bottom: 1px solid #dbdbdb;}

.navdown .item:last-child {border: 0;}
.navdown .item .t1 a { font-weight: 500; color: #4F4F4F; display: block; width: 100%;  display: block; transition: .5s;}

@media (any-hover: hover) {
  .navdown .item:hover{color: #333; background: #f5f5f5;}
}


/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.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: #000;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: #000;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;}
}


header.c-style3{background: rgba(255, 255, 255, 0.8); top: 0;}
header.c-style3 .headBox .logo img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style3 nav > ul > li > a > span {color: #333;}
header.c-style3 .head_search i{color: #333;}
header.c-style3 .ver a{color: #333;}
@media (any-hover: hover) {
header.c-style3 nav > ul > li > a:hover > span{border-color: #000;}
}
header.c-style3 nav > ul > li.on > a > span{border-color: #000;}


header.c-style2{background: rgba(255, 255, 255); top: 0; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.06);}
header.c-style2 .headBox .logo img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style2 nav > ul > li > a > span {color: #333;}
header.c-style2 .head_search i{color: #333;}
header.c-style2 .ver a{color: #333;}
@media (any-hover: hover) {
header.c-style2 nav > ul > li > a:hover > span{border-color: #000;}
}
header.c-style2 nav > ul > li.on > a > span{border-color: #000;}



header.c-style2 .mobmenu h4 {color: #fff;}
header.c-style2 .mobmenu dl dd {background: #fff;}




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



/* ===============公用css star!!!!===================*/
.more1 {border-radius: 100px;position: relative;padding: .16rem .31rem;color: #333;overflow: hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background: #fff;}
.more1 span {position: relative;z-index: 2;font-size: var(--font18);margin-right: .1rem;}
.more2{border: 1px solid #000000;}
@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 0 .1rem rgba(255, 255, 255, .2);}

  .more2:hover {background: #000;}
  .more2:hover span {color: #fff;}
  .more2:hover i{color: #fff;}
}
/* ===============公用css 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);}
.indexBanner .slide .container{top: 62%;}
.indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; }
.indexBanner .slide .con h2{font-weight: bold; font-size: .38rem; display: block; line-height: 1.3; margin-bottom: .25rem;}
.indexBanner .slide .con h3{}
.banner-bottom{position: absolute; width: 100%; bottom: .48rem; z-index: 2;}




/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {width: auto; left: 0; position: relative; color: #acacac; font-style: italic;}
.indexBanner .pagtion span {font-size: var(--font18); color: #acacac; opacity: 1; }
.indexBanner .pagtion span.swiper-pagination-current {opacity: 1; color: #fff;}
.indexBanner .banner-arrow .swjt{position: relative; width: .65rem;height: .65rem; border: 1px solid rgba(255, 255, 255, .41); border-radius: 50%; display: flex;align-items: center; justify-content: center;}
#banner-prev{left: 0;}
#banner-next{right: 0; margin-left: .14rem;}
.rotary-box { position: relative; width: .46rem; height: .46rem; margin: 0 auto .1rem;}
.orbit-circle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;    height: 100%; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; box-sizing: border-box;}
.dot { position: absolute; top: 50%; left: 50%; width: .13rem; height: .13rem; background: #fff; border-radius: 50%;transform: translate(-50%, -50%) translateX(.23rem);animation: rotateOnBorder 3s linear infinite;}

@keyframes rotateOnBorder {
  from {
    transform: translate(-50%, -50%) rotate(0deg) translateX(.23rem) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg) translateX(.23rem) rotate(-360deg);
  }
}




/* 产品中心 */
.proclass-bg{background: url(../images/proclass-bg.webp) no-repeat center; background-size: cover; padding: .8rem 0 1.28rem;}
.index-top{margin-bottom: .5rem; align-items: flex-end;}
.index-title em{display: block; }
.index-title h2{font-weight: 800; display: block; line-height: 1.1;}
.index-top .info{ width: 48%;}
.index-top .info h4{color: #838383;}
.proclass-bg .index-top{align-items: center;}
.pro-class ul { display: flex; gap: .27rem;}
.pro-class ul li {flex: 1;transition: .35s linear;position: relative;overflow: hidden;}
.pro-class ul li.active {flex: 3.36;}
.pro-class ul li  a{color: #fff;height: 100%;display: block;}
.pro-class ul li .pic {position: relative; z-index: 1;  overflow: hidden; height: 6.5rem; background: #000;}
.pro-class ul li .pic img {width: 100%; height: 100%;  object-fit: cover; opacity: 0.8; transition: .6s;}
.pro-class ul li .name{position: absolute;content: '';width: 100%;height: 100%;top: 0;display: flex;align-items: flex-end;z-index: 1;text-align: center;justify-content: center;}
.pro-class ul li .name h3{margin-bottom: .54rem; font-weight: bold;}
.pro-class ul li .hide {display: flex;flex-direction: column;justify-content: space-between;position: absolute;width: 100%; height: 100%;bottom: 0;left: 0;z-index: 1;padding: .7rem .65rem;opacity: 0;transition: .5s;} 
.pro-class ul li .info b{}
.pro-class ul li .info em{display: block;}
.pro-class ul li .pro-arrow{align-items: flex-end;}
.pro-class ul li .pro-arrow span{width: 82%;}
.pro-class ul li .icon{width: .53rem; height: .53rem; background: #FFFFFF; border-radius: 50%; border: 1px solid #FFFFFF;}
.pro-class ul li .icon i{color: #818181; transition: .6s;}
.pro-class ul li.active .name h3{opacity: 0;}
.pro-class ul li.active .hide {opacity: 1; transition-delay: .3s;}

@media (any-hover: hover) {
  .pro-class ul li:hover .icon i{transform: rotate(-45deg);}
}



/* 案例中心 */
.case{position: relative; overflow: hidden;}
.case .index-top{position: absolute; top: 1.04rem; width: 100%; z-index: 5;}
.case .index-top .container{align-items: flex-end;}
.case-list{position: relative;}
.case-list ul li a{display: block; height: 100%;}
.case-list ul li .box{top: auto; bottom: 6%;}
.case-list ul li .pic{background: #000;}
.case-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; min-height: 5rem; opacity: .8;}
.case-bottom{position: absolute; width: 100%; z-index: 2; bottom: 1rem;}
.case-bottom .container{display: flex; justify-content: flex-end; align-items: center;}
#case-num {width: auto; left: 0; position: relative; color: #acacac; font-style: italic;}
#case-num span {font-size: var(--font16); color: #acacac; opacity: 1; }
#case-num span.swiper-pagination-current {opacity: 1; color: #fff;}
.case-arrow {margin-left: .8rem;}
.case-arrow .swjt{position: relative; width: auto;}
#case-prev{left: 0;}
#case-next{right: 0;}



/* 关于我们 */
.about{padding: 1.42rem 0 1.27rem;}
.about  .pic video{width: 100%; height: 100%; object-fit: cover;}

.about-bg{background: url(../images/about-bg.webp) no-repeat center; background-size: cover; padding: 1.33rem 0 2.39rem;}
.about-class ul{gap: .1rem;}
.about-class ul li{position: relative;}
.about-class ul li a{display: block; height: 100%;}
.about-class ul li .pic{overflow: hidden;  width: 100%; height: 100%;}
.about-class ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.about-class ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; display: flex;   flex-direction: column; justify-content: space-around; z-index: 2; padding: 0 .4rem;}
.about-class ul li .info h3{font-weight: 800;}
.about-class ul li .arrow{width: .52rem; height: .52rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5);}


@media (any-hover: hover) {
.about-class ul li:hover .pic img{transform: scale(1.1);}
.about-class ul li:hover .arrow{background: #fff;}
.about-class ul li:hover .arrow i{color: #000;}
}




/* ====================================================================底部 */
.footer {background: url(../images/footer-bg.webp) no-repeat center; background-size: cover;}
.footer-box{border-bottom: 1px solid rgba(0, 0, 0, .03);  padding: 1.1rem 0 .55rem; }
.foternav{width: 76%;}
.foternav dl dt a{font-size: var(--font18);color: #333;font-weight: bold;margin-bottom: .25rem;display: block;}
.foternav dl dd a {font-size: var(--font15);color: rgba(51, 51, 51, .5);display: block;line-height: 2;}
.footer-wechat{flex:1;flex-shrink: 0;display: flex;justify-content: flex-end;}
.footer-wechat ul{display: flex; gap: .2rem;}
.footer-wechat ul li .pic{width: 1.21rem; margin: 0 auto;}
.footer-wechat ul li .pic img{display: block; width: 100%;}
.footer-wechat ul li em{display: block;color: rgba(51, 51, 51, .5); text-align: center; margin-top: 0.1rem;}
.footer-bottom{align-items: flex-end; padding: .45rem 0 .33rem;     gap: .3rem}
.copyright .text{margin-bottom: .16rem;}
.copyright p,.copyright p a{color: rgba(51, 51, 51, .5);}
.copyright h4,.copyright h4 a{color: rgba(51, 51, 51, .8);}
.copyright span{margin-left: .4rem;}

.footer-logo img {height: 0.3rem; -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1); }


@media (any-hover: hover) {
  .foternav dl dd a:hover { color: #333 }
  .copyright p a:hover{color: #333;}
  .copyright h4 a:hover{color: #333;}
}
/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 4rem; display: block; object-fit: cover; height: 100%;}
.ny-banner .jddwjz{bottom: 5%; top:auto;}
.ny-banner .info h1{font-size: var(--font28); }


/* 内页产品列表页 */
.proMain{padding: 1rem 0;}
.product-box{align-items: flex-start;}
.pro-left{width: 23%;position: sticky;top: 1.5rem;}
.pro-right{width: 74%;}
.product-title{margin-bottom: .54rem;}
.product-title b{font-weight: bold; display: block; line-height: 1;}
.product-title span{}
.nypro-class ul li{margin-bottom: .1rem; transition: .6s;}
.nypro-class ul li a{display: inline-flex;border: 1px solid transparent;padding: .09rem .1rem;}
.nypro-class ul li h2{display: block; font-size: var(--font20); color: #333333; }
.nypro-class ul li i{font-size: var(--font20); opacity: 0; transition: .6s;}
.nypro-class ul li.on a{border-color: #000; border-radius: .25rem;}
.nypro-class ul li.on i{opacity: 1; margin-left: .4rem;}

@media (any-hover: hover) {
  .nypro-class ul li:hover a{border-color: #000; border-radius: .25rem;}
  .nypro-class ul li:hover i{opacity: 1; margin-left: .4rem;}
}

.pro-right ul{gap: .34rem .5rem;}
.pro-right ul li .pic{overflow: hidden;}
.pro-right ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.pro-right ul li .info {padding: .26rem .16rem;}
.pro-right ul li .info h3{font-weight: bold;color: #333333;transition: .6s;width: 80%;}
.pro-right ul li .icon{display: flex; align-items: center; justify-content: center; width: .32rem; height: .32rem; border: 1px solid #333; border-radius: 50%;}
.pro-right ul li .icon i{font-size: var(--font22);}
@media (any-hover: hover) {
  .pro-right ul li:hover .pic img{transform: scale(1.1);}
  .pro-right ul li:hover .info h3{transform: translateX(.1rem);}
}


/* 内页产品详情页 */
.proxq-banner{position: relative;}
.proxq-pic ul li .pic{overflow: hidden;}
.proxq-pic ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; min-height: 4rem;}
.proxq-box{position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;}
.proxq-box .container{height: 100%;}
.proxq-box  .info{ flex-direction: column; justify-content: space-between; height: 100%;}
.position{margin-top: .4rem;}
.position,.position a {color: #fff;}
.proxq-box  .info h1{font-weight: 800; display: block; margin-bottom: .4rem;}
.proxq-pic .swjt img{display: block; width: .18rem;}
#proxq-prev{left: 2%;}
#proxq-next{right: 2%;}
#proxq-next img{transform: rotate(180deg);}
.proxqDateTwo{padding-bottom: .5rem;}
.proxq-class{border-bottom: 1px solid #D4D8E1; padding: .32rem 0; margin-bottom: .5rem; position: sticky; top: 1.02rem; z-index: 10; background: #fff;}
.proxq-class ul{display: flex; justify-content: center;}
.proxq-class ul li{margin: 0 .75rem;}
.proxq-class ul li a{display: block; font-size: var(--font22); color: rgba(51, 51, 51, .5);}
.proxq-class ul li a.active{color: #333333; font-weight: bold;}
.item-title{text-align: center; margin-bottom: .3rem;}
.item-title i{display: block; width: .3rem; height: .02rem; background: #333; margin: .1rem auto 0;}
.item_list .item_section{margin-bottom: .3rem;}


.recom-bg{background: rgba(245, 245, 245, .5); padding: .78rem 0 .87rem;}
.recom-top{position: relative; margin-bottom: .5rem;}
.recom-top h2{font-weight: bold;}
.recom-top .swjt{width: .32rem; height: .32rem; border-radius: 50%; border: 1px solid #444; opacity: 0.5; position: relative;top: auto;  margin-top: auto;}
.recom-top .swjt i{color: #444;}
#recom-prev{left: auto;}
#recom-next{right: auto; margin-left: .09rem;}
.recom-top .swjt:hover{opacity: 1;}
.recom-pro{position: relative; overflow: hidden;}
.recom-pro ul li .pic{overflow: hidden;}
.recom-pro ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.recom-pro ul li .info {padding: .37rem .06rem;}
.recom-pro ul li .info h3{font-weight: bold; color: #333333; transition: .6s;}
.recom-pro ul li .icon{display: flex; align-items: center; justify-content: center; width: .32rem; height: .32rem; border: 1px solid #333; border-radius: 50%; opacity: .2;}
.recom-pro ul li .icon i{font-size: var(--font22); }
.recom-pro .swiper-pagination{display: none;}


@media (any-hover: hover) {
  .recom-pro ul li:hover .pic img{transform: scale(1.1);}
  .recom-pro ul li:hover .info h3{transform: translateX(.1rem);}
}


/* 加盟合作 */
.ny-banner .text h1{font-weight: 400;}
.ny-banner .text h2{font-weight: bold;}
.ny-banner .text .more1{margin-top: 1.02rem; background: #000000;color: #FFFFFF; display: inline-block;}

@media (any-hover: hover) {
  .ny-banner .text  .more1:hover {box-shadow: 0 0 0 .1rem rgba(0, 0, 0, .2);}
}


.franchise-title h3{font-weight: bold;}
.franchise-title h4{color: #666666; width: 53%; margin: .27rem auto 0;}
.ys{padding: 1.4rem 0 1.8rem;}
.ys-list{margin-top: 1.4rem;}
.ys-list ul{gap: 1rem;}
.ys-list ul li{text-align: center;}
.ys-list ul li .icon{display: flex;align-items: center; justify-content: center; width: .46rem; height: .4rem; margin: 0 auto .26rem;}
.ys-list ul li .icon img{display: block; max-width: 100%;}
.ys-list ul li .text{}
.ys-list ul li .text h5{font-weight: bold; margin-bottom: .12rem;}
.ys-list ul li .text h6{color: #666666;}


.guarantee-bg{background: url(../images/guarantee-bg.webp) no-repeat center; background-size: cover; padding: .95rem 0 1.8rem;}
.franchise-title {margin-bottom: .75rem;}
.franchise-title em{color: #333333;}

.guarantee-list ul{gap: 1.3rem 0;}
.guarantee-list ul li{text-align: center; }
.guarantee-list ul li .icon{display: flex;align-items: center; justify-content: center; width: .45rem; height: .45rem; margin: 0 auto .23rem;}
.guarantee-list ul li .icon img{display: block; max-width: 100%;}
.guarantee-list ul li .text{}
.guarantee-list ul li .text h4{font-weight: bold; margin-bottom: .12rem;}
.guarantee-list ul li .text h5{color: #555555; width: 65%; margin: 0 auto;}


.process-bg{background: url(../images/process-bg.webp) no-repeat center; background-size: cover; padding: .9rem 0 1.6rem; background-attachment: fixed;}
.process-bg .franchise-title{margin-bottom: 1.2rem;}
.process{background: url(../images/process-line.png) no-repeat center top;      background-size: contain;}

.process-list ul{gap: .7rem;}
.process-list ul li{text-align: center;}
.process-list ul li:first-child{margin-top: .24rem;}
.process-list ul li:nth-child(2){margin-top: .62rem;}
.process-list ul li:nth-child(3){margin-top:1.12rem;}
.process-list ul li:nth-child(4){margin-top:1.4rem;}
.process-list ul li:nth-child(5){margin-top: 1.12rem;}
.process-list ul li .circle{width: 1.29rem;height: 1.29rem;background: #FFFFFF;border-radius: 50%;position: relative;overflow: hidden; margin: 0 auto .26rem;}
.process-list ul li .icon{width: .48rem; height: .4rem; margin: 0 auto; padding-top: .39rem;}
.process-list ul li .icon img{display: block; max-width: 100%;}
.process-list ul li .circle b{position: absolute;content: '';bottom: -36%;font-size: .7rem;color: #EEEEEE;text-align: center;left: 50%;transform: translateX(-50%);} 
.process-list ul li strong{display: block; margin-bottom: .07rem;}
.process-list ul li p{color: rgba(255, 255, 255, .8); font-size: var(--font15);}


.application{padding: 1.05rem 0 1.62rem;}
#yzforms .form_box {display: flex; justify-content: space-between;}
#yzforms .form_box .form_left {width: 49.25%;}
#yzforms .form_box .form_right {width: 49.25%;}
#yzforms .form_box .inBox {margin-bottom: 0.20rem;}
#yzforms .form_box input {height: 0.56rem; background: #ececec; width: 100%; padding: 0 0.20rem;}
#yzforms .form_box input::-webkit-input-placeholder {color: #999999;}
#yzforms .form_box input::-moz-placeholder {color: #999999;}
#yzforms .form_box input::-ms-input-placeholder {color: #999999;}
#yzforms .form_box textarea {height: 100%; background: #ececec; width: 100%; padding: 0.20rem; box-sizing: border-box; resize: none;}
#yzforms .form_box textarea::-webkit-input-placeholder {color: #999999;}
#yzforms .form_box textarea::-moz-placeholder {color: #999999;}
#yzforms .form_box textarea::-ms-input-placeholder {color: #999999;}
#yzforms .form_box .intent {height: calc(0.56rem + 0.56rem + 0.56rem + 0.40rem);}
#yzforms .form_box .incode {position: relative;}
#yzforms .form_box .incode img {position: absolute;right: 0.12rem; top: 50%; transform: translateY(-50%); height: 90%; width: 1.00rem; object-fit: contain;}
#yzforms .insub {margin-top: 0.30rem;}
#yzforms .insub button {width: 1.46rem; height: 0.54rem;background: #999999; color: #fff; border: 0; margin: 0 0.10rem; font-size: var(--font16); transition: 0.35s;} 
#yzforms .insub button:active {background: #000;}
.layui-form-select dl {top: 100%; }
.layui-form-select dl dd {line-height: initial; padding: 0.10rem;}
@media (any-hover: hover) {
  #yzforms .insub button:hover {background: #000; opacity: 1;}
}


/* 加盟合作 - 全国门店*/
.store-box{padding: 1.72rem 0 1.5rem;}
.store-box .info{width: 32%;}
.franchise-title p{color: #666666; margin-top: .27rem;}
.about-num ul{gap: .88rem 0;}
.about-num ul li{}
.about-num ul li strong{font-size: .56rem; color: #333333; display: block; line-height: 1;}
.about-num ul li span{display: block; color: #666666;}

.store-box .pic{width: 59.36%; position: relative;}
.store-box .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: #E80000; 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(232, 0, 0, .1);
  animation: breath 2s infinite ease-in-out;
}

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

.location li.item1{top:36%;left: 64.2%;}
.location li.item2{top: 48.3%;left: 65%;}
.location li.item3{top:52.2%;left: 62.2%;}
.location li.item4{top: 58%;left: 58.2%;}
.location li.item5{top:65.3%;left: 60.2%;}
.location li.item6{top:73.7%;left: 62.4%;}
.location li.item7{top:66.2%;left: 45%;}
.location li.item8{top: 55.1%;left: 46.8%;}
.location li.item9{top: 55.2%;left: 37.8%;}
.location li.item10{top:59.2%;left:73.2%;}
.location li.item11{top: 43.2%;left: 57.2%;}
.location li.item12{top: 42.2%;left: 43.2%;}
.location li.item13{top: 63.2%;left: 66.2%;}
.location li.item14{top:59.2%;left: 52.2%;}
.location li.item15{top: 50.2%;left: 53.2%;}
.location li.item16{top: 44.2%;left: 35.2%;}
.location li.item17{top: 50.2%;left: 39.2%;}
.location li.item18{top: 50.2%;left: 30.2%;}
.location li.item19{top: 35.2%;left: 35.2%;}
.location li.item20{top: 68.2%;left: 50.2%;}
.location li.item21{top: 60.2%;left: 42.2%;}
.location li.item22{top: 45.2%;left: 40.2%;}
.location li.item23{top: 50.2%;left: 24.2%;}
.location li.item24{top: 43.2%;left: 28.2%;}
.location li.item25{top: 66.2%;left: 39.2%;}
.location li.item26{top: 50.2%;left: 58.2%;}
.location li.item27{top: 71.2%;left: 57.2%;}
.location li.item28{top: 74.2%;left: 50.2%;}
.location li.item29{top: 63.2%;left: 56.2%;}
.location li.item30{top: 78.2%;left: 47.2%;}





.store{position: relative; margin-bottom: 2.54rem;}
.store-list{overflow: hidden; width: 93.58%; margin: 0 auto;}
.store-list ul li .pic img{display: block; width: 100%;}

.store .swjt {width: .32rem; height: .32rem; border: 1px solid rgba(67, 67, 67, .1); border-radius: 50%; }
.store .swjt i{font-size: .2rem; color: rgba(67, 67, 67, .5);}
.store .swjt:hover {border: 1px solid rgba(67, 67, 67, .5);}

/* 品牌介绍 */
.brand-bg{background: url(../images/brand-bg.webp) no-repeat center top; background-size: cover; padding: 1.2rem 0 5.04rem;}
.brand-box .info{width: 55.32%;}
.brand-box .info h4{color: #FFFFFF; margin-bottom: .27rem;}
.develop-bg{background: url(../images/develop-bg.webp) no-repeat center top; background-size: cover; padding: 1.05rem 0 .69rem;}
.develop-list{position: relative;}
.develop-list::after{position: absolute;content: '';width: 100%;height: 1.67rem;background: url(../images/develop-line.png) no-repeat center top;bottom: .43rem; background-size: contain;}
.develop-list ul{padding: 0 8%; gap: .38rem;}
.develop-list ul li{border: 1px solid #DAE0E6; border-radius: .1rem;  height: 6rem; position: relative; cursor: pointer;}
.develop-list ul li .pic{position: absolute; content: ''; width: 100%; height: 100%;  border-radius: .1rem; overflow: hidden;}
.develop-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.6s;}
.develop-list ul li .info{position: absolute;  content: ''; width: 100%; height: 100%;  border-radius: .1rem; overflow: hidden; background: #fff; padding: .8rem .4rem 0; transition: 0.6s;}
.develop-list ul li .info h4{font-weight: bold; color: #333333; margin-bottom: .23rem;}
.develop-list ul li .info p{color: #666666;}
.develop-list ul li .date{display: flex;flex-direction: column;align-items: center;position: absolute;width: 100%;left: 50%;transform: translateX(-50%);bottom: .74rem;z-index: 3;}
.develop-list ul li .date em{  display: inline-block; color: #0F4DE4;font-weight: bold;background: #FFFFFF;box-shadow: 0 .07rem .73rem rgba(59, 110, 232, .21);border-radius:.17rem;padding: .06rem .18rem; margin: 0 auto .21rem; position: relative;}
.develop-list ul li .date em::after{content: ""; position: absolute; left: 50%; bottom: -.08rem; transform: translateX(-50%); width: .12rem; height: .08rem; background: #fff;clip-path: polygon(0 0, 100% 0, 50% 100%);}
.develop-list ul li .date span{display: block;width: .2rem;height: .2rem;background: #0f4ce4;border-radius: 50%;border: .04rem solid #fff;box-shadow: 0px 0px 20px 1px rgba(59,110,232,0.48);}
.develop-list ul li.item2 .date{bottom: .65rem;}
.develop-list ul li.item2 .date em{margin: 0 auto .33rem;}
.develop-list ul li.item3 .date{bottom: .84rem;}
.develop-list ul li.item4 .date{bottom: 1.35rem;}
@media (any-hover: hover) {
  .develop-list ul li:hover .pic img{transform: scale(1.1);}
  .develop-list ul li:hover .info{background: rgba(0, 0, 0, .6);}
  .develop-list ul li:hover .info h4{color: #fff;}
  .develop-list ul li:hover .info p{color: #fff;}
}

.culture-bg{background: url(../images/culture-bg.webp) no-repeat center top; background-size: cover; padding:.93rem 0 2rem;}
.culture-list ul{gap: .1rem;}
.culture-list ul li{border-radius: .32rem; background: #FFFFFF; height: 3.8rem; text-align: center;}
.culture-list ul li .icon{width: .44rem; height: .45rem; margin: .69rem auto .3rem;}
.culture-list ul li .icon img{display: block; max-width: 100%;}
.culture-list ul li h4{font-weight: bold; margin-bottom: .25rem;}
.culture-list ul li p{color: #666666; width: 80%; margin: 0 auto;}


/* 内页新闻中心 */
.banner-class{position: absolute; bottom: .42rem; width: 100%;}
.banner-class ul{gap: .5rem;}
.banner-class ul li a{display: inline-block;font-size: var(--font18);color: #FFFFFF;font-weight: 500;border: 1px solid #FFFFFF;border-radius: 100px;padding: .13rem .22rem; transition: .6s;}
.banner-class ul li.on a{background: #000; border-color: #000;}
@media (any-hover: hover) {
  .banner-class ul li a:hover{background: #000; border-color: #000;}
}

.newsMain{padding: 1.04rem 0;}
.news-list ul li{margin-bottom: 1.12rem;}
.news-list ul li .pic{overflow: hidden; width: 33.84%;}
.news-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.6s;}
.news-list ul li .info{width: 63.32%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.news-list ul li .info em{color: #878787; margin-bottom: .1rem; display: block;}
.news-list ul li .info strong{color: #333333; margin-bottom: .28rem;}
.news-list ul li .info p{color: #666666; margin-bottom: .85rem;}
.news-list ul li .more2{display: inline-block; padding: .12rem .2rem;}
@media (any-hover: hover) {
  .news-list ul li:hover .pic img{transform: scale(1.1);}
}



/* 新闻详情页 */
.newsxqMain{background: #F6F6F6;padding: 0.4rem 0 0.9rem;}
.position{margin-bottom: 0.35rem;}
.position img{display: block; margin-right: 0.10rem; width: 0.19rem;}
.position span,.position a{color: #9C9C9C;}
.position a{margin:  0 0.10rem;}

@media (any-hover: hover) {
.position a:hover{color: #000;}
}
.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: #000; 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: #000;}
}




/* 联系我们-联系我们 */
.contact-title h2{display: block; font-weight: bold;  margin-bottom: 0.60rem;}
.ny-contact .tact-box {padding: 1.13rem 0 1.24rem; } 
.ny-contact .tact-box .info{width: 40%;}
.ny-contact .tact-box .text{line-height: 2;}
.ny-contact .tact-box .text b{display: block;}
.ny-contact .tact-box .text a{color: #3D3D3D;}

.follow {margin-top: 0.54rem;}
.follow dt {flex-shrink: 0; margin-right: .1rem;}
.follow dl {display: flex; align-items: center;}
.follow dl .ddbox {display: flex;}
.follow dl dd {margin-right: 0.20rem; position: relative;}
.follow dl dd .icBox {width: 0.60rem; height: 0.60rem; border-radius: 50%;background: #D8D8D8;display: flex; align-items: center; justify-content: center;}
.follow dl dd .icBox svg {width: 60%; height: 60%; 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: max-content; box-shadow: 0 0 0.10rem rgba(0,0,0,.1); position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: 0.10rem; border-radius: 0.10rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;}
.follow dl dd.hover_code .code span {display: block; margin-top: 0.05rem;}
.follow dl dd.hover_code .code img {width: 1.00rem;}
.follow dl dd.hover_code .code::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: 0.10rem solid transparent; border-top-color: #fff;}
@media (any-hover: hover) {
.follow dl dd.hover_code:hover .icBox{background: #000;}
.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;}

}
@media (hover: none) {
.follow dl dd.hover_code.active .icBox{background: #000;}
.follow dl dd.hover_code.active .icBox svg path {fill: #fff;}
.follow dl dd.hover_code.active .code {opacity: 1; bottom: 130%; visibility: visible; pointer-events: auto;}
}
.ny-contact .tact-box .pic{width: 53.375%; position: relative;}
.ny-contact .tact-box .pic img{display: block; width: 100%; object-fit: cover; min-height: 4.00rem; border-radius: 0.24rem;}
.maps-cirle {position: absolute;top: 55%;left: 50.5%;transform: translate(-50%,-50%);}
.maps-cirle i {width: 0.22rem; height: 0.22rem; border-radius: 50%; display: block;background: rgba(80, 80, 80, 1); position: relative; z-index: 2;}
.maps-cirle::after {background: rgba(64,64,64,1); 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;}}


.message-bg { background: #F6F6F6; padding:.9rem 0;}



/* 产品详情页 */
.proxq-box .position span,.proxq-box .position  a{color: #fff;}



/* 2026.6.30标题隐藏 */
.index-title em{font-weight: 800;}
.index-title h2{display: none;}
.index-top .info{display: none;}
.case .index-top .more1{display: none;}
.case-list ul li .box{display: none;}
.about-bg .index-title h2{display: block;}



.proxqMain .item_list .item_section img,.newsxq-content img{display: inline-block; max-width: 100%!important; height: auto;}


.news-banner .jddwjz{bottom: 0; top:50%}


#develop,#culture{position: relative; top:-.5rem}


/* 2026.8.24 技术优势 */
.techMain{background: #f4f3f3; padding: .78rem 0 0;}
.techMain .tech-bg{padding-bottom: 1.16rem;}
.techMain .franchise-title{margin-bottom: .6rem;}
.tech-box{background: #fff; position: relative;}
.tech-swiper{overflow: hidden; position: relative;}
.tech-slide{display: flex; align-items: stretch;}
.tech-swiper ul li .pic{width: 54.16%; flex-shrink: 0;}
.tech-swiper ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.tech-swiper ul li .info{flex: 1;padding: 1.45rem .9rem 1.6rem .7rem;display: flex;flex-direction: column;justify-content: flex-start;}
.tech-swiper ul li .info h4{ margin-bottom: .26rem;}
.tech-swiper ul li .info  p{color: #666;line-height: 1.8;}
.tech-foot{position: absolute;left: 54.16%;right: 0;bottom: .98rem;padding: 0 .9rem 0 .7rem;display: flex;justify-content: space-between;align-items: flex-end;z-index: 2;pointer-events: none;}
.tech-foot > *{pointer-events: auto;}
.tech-arrows{gap: .07rem;}
.tech-arrow{position: relative;top: auto;left: auto;right: auto;margin: 0;width: .54rem;height: .54rem;border: 1px solid rgba(102, 102, 102, .2);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: border-color .3s;}
.tech-arrow::after{display: none;}
.tech-arrow img{display: block;width: .09rem;opacity: .5;}
.tech-arrow.swiper-button-next img{transform: rotate(180deg);}
.tech-arrow:hover{border-color: rgba(0, 0, 0);}
.tech-arrow:focus{border:1px solid rgba(0, 0, 0)!important;}
.tech-pagination{position: relative; width: auto; left: auto; bottom: auto; color: #999; font-size: var(--font16);}
.tech-pagination span{color: #B5B5B5;}
.tech-pagination span.swiper-pagination-current{color: #444;}

/* 产品测试中心 */
.pro-test{background: #fff;padding: .6rem 0 1.35rem;}
.pro-test-top{align-items: center;padding-bottom: .93rem;border-bottom: 1px solid #EDEDED;margin-bottom: .68rem;}
.pro-test-top .info{  width: 45%;}
.pro-test-top .info h2{font-weight: bold;color: #333;display: block;}
.pro-test-top .info em{display: block;color: rgba(51, 51, 51, .3);letter-spacing: .8em;}
.pro-test-top .info .line{display: block;width: .39rem;height: .04rem;background: #B5B5B5;margin: .28rem 0 .7rem;}
.pro-test-top .info h3{font-weight: bold;color: #333;margin-bottom: .03rem;}
.pro-test-top .info p{color: #333;margin-bottom: .65rem;}
.pro-test-top .info .tags{display: flex;flex-wrap: wrap;gap: .1rem;}
.pro-test-top .info .tags span{display: inline-block;color: #333;border-radius: 100px;padding: .08rem .295rem;background-image: -moz-linear-gradient( 90deg, rgb(237,237,237,0.2) 0%, rgb(212,212,212,0.2) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(237,237,237,0.2) 0%, rgb(212,212,212,0.2) 100%);background-image: -ms-linear-gradient( 90deg, rgb(237,237,237,0.2) 0%, rgb(212,212,212,0.2) 100%);}
.pro-test-top .pic{overflow: hidden;border-radius: .32rem;width: 51.53%;}
.pro-test-top .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.pro-test-list ul{gap: .33rem;}
.pro-test-list ul li{position: relative; overflow: hidden; border-radius: .16rem;}
.pro-test-list ul li .pic{overflow: hidden;border-radius: .1rem;}
.pro-test-list ul li .pic img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .6s;}
.pro-test-list ul li em{position: absolute;left: 0;right: 0;bottom: .1rem;z-index: 2;text-align: center;color: #fff;padding: 0 3%;}
@media (any-hover: hover) {
  .pro-test-list ul li:hover .pic img{transform: scale(1.08);}
}