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

.index-more {

  display: inline-block;

  position: relative;

  background: linear-gradient(-35deg, #41B9E0 0%, #001FF5 100%);

  border-radius: 100px;

  padding: .125rem .48rem;

  opacity: 1;

  transition: box-shadow .5s;

}



/* 呼吸光圈放在伪元素，避免覆盖 swiper fadeInUp 导致按钮消失 */

.index-more::after {

  content: '';

  position: absolute;

  inset: 0;

  border-radius: inherit;

  pointer-events: none;

}



@keyframes breath {

  0% { box-shadow: 0 0 0 0 rgba(0, 31, 245, 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:hover::after {

    animation: breath 2s infinite;

  }

}



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







/* 公用样式 */

#c-placeholder {height: 89px;}

header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .6s; border-bottom: 1px solid rgba(146, 157, 174, .2); }

.headBox {transition: .6s; height: 89px; position: relative; z-index: 1; padding: 0 3%;}

.headBox .logo {padding:.1rem 0;height: 100%; display: flex;}

.headBox .logo a{}

.headBox .logo img {max-width: 100%; max-height: .35rem; object-fit: contain;}
.headBox .logo img.logo2{display: none;}




/* 导航 */

nav {height: 100%; width: 51.7%;  }

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: #333; font-size: var(--font20); position: relative;  display: flex; align-items: center;}

nav > ul > li::after {content: ''; position: absolute; left: 50%; bottom: -1.5px; width: 0;  height: 3px; background: #0074EF; border-radius: 2px; transition: .6s;}

nav > ul > li.on::after {width: 100%; left: 0;}

nav > ul > li.on a{color: #0074EF; font-weight: bold;}

@media (any-hover: hover) {

  nav > ul > li:hover::after {width: 100%; left: 0;}

  nav > ul > li:hover a{color: #0074EF; font-weight: bold;}

}



.head-link a{ border-radius: 22px;}

.head-link .link-btn{padding: .095rem .183rem; }





.head-link .head-tel{border: 1px solid #0074EF; padding: .075rem .183rem;}



/* 来电震动关键帧动画 */

@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); }

}



/* 持续震动class，来电时添加 */

.shake-call {

  animation: shakeCall 1s infinite ease-in-out;

}





.header.c-style2{background: #fff;}

/* =================头部 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;  min-height: 500px; }

.indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; }

.indexBanner .slide .jddwjz{top: auto; bottom: 0; transform: translateX(-50%);}

.indexBanner .slide .info{margin-left: 8%; flex: 1;}

.indexBanner .slide .info h2{ display: block; font-weight: bold; line-height: 1.2; }

.indexBanner .slide .info h3{font-weight: 400; margin: .37rem 0 .88rem;}

.indexBanner .slide  .pic{width:48.82%;}

.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 .pagtion {bottom: .3rem;}

.indexBanner .pagtion span {width: .12rem; height: .12rem; background: #FCFDFF; opacity: 1;}

.indexBanner .pagtion span.swiper-pagination-bullet-active {background: #0074EF;}







/* 四大核心营销服务 */

.service-bg{background: url(../images/service-bg.webp) no-repeat center top;background-size: cover; padding: 1.08rem 0 .81rem;}

.index-title{margin-bottom: .7rem;}

.index-title h2{}

.index-title span{color: #666666;}

.service-list ul{gap: .26rem .38rem;}

.service-list ul li {background: url(../images/service-li.webp) no-repeat center; background-size: cover; border-radius: .15rem; padding: .73rem .53rem .32rem;}

.service-list ul li .pic{width: 1.01rem; height: 1.1rem; }

.service-list ul li .pic img{display: block; max-width: 100%; object-fit: contain;}

.service-list ul li .info{flex: 1;}

.service-list ul li .info h3{color:#0074ef; font-weight: bold; display: block; line-height: 1;}

.service-list ul li .info h4{font-weight: 500; }

.service-list ul li .info span{color: #82909f; display: block; line-height: 1; margin-bottom: .28rem;}

.service-list ul li .info p{color: #666666;}





/* 森歌网络——您专属的营销管理师 */

.manager-bg{background: url(../images/manager-bg.webp) no-repeat center top; background-size: cover; padding: .86rem 0 1.1rem;}



.manager-bg .index-title{margin-bottom: .9rem;}





.manager-box{display: flex;align-items: stretch;gap: .98rem;}

.manager-box .tablist{width: 22.4%;display: flex;flex-direction: column;gap: .37rem;}

.manager-box .tablist .item{display: flex;align-items: center;gap: .18rem;padding: .135rem .3rem;border-radius: .35rem;background: linear-gradient(0deg, #FFFFFF 0%, #F8F9FF 100%); box-shadow: 0px 11px 26px 0px rgba(73,131,237,0.1);cursor: pointer;transition: background-color .6s;}

.manager-box .tablist .item .icon{width: .44rem; height: .44rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}

.manager-box .tablist .item .icon img{display: block; max-width: 100%; max-height: 100%; object-fit: contain; transition: filter .6s;}

.manager-box .tablist .item h3{font-weight: 500; color: #0074EF; }

.manager-box .tablist .item.active{background: linear-gradient(36deg, #41B9E0 0%, #001FF5 100%); box-shadow: 0px 11px 26px 0px rgba(73,131,237,0.1); }

.manager-box .tablist .item.active h3{color: #fff;}

.manager-box .tablist .item.active .icon img{filter: brightness(0) invert(1);}

.manager-box .tabcon{flex: 1; position: relative;  border-radius: .2rem; overflow: hidden; box-shadow: 0 .1rem .3rem rgba(0, 74, 239, .12);}

.manager-box .tabcon .item{position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s ease;}

.manager-box .tabcon .item.active{opacity: 1; visibility: visible; z-index: 1;}

.manager-box .tabcon .item .pic{position: absolute; inset: 0;}

.manager-box .tabcon .item .pic img{width: 100%; height: 100%; object-fit: cover; display: block;}

.manager-box .tabcon .item .pic::after{content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 31, 245, .82) 0%, rgba(0, 116, 239, .45) 38%, rgba(0, 116, 239, 0) 72%);}

.manager-box .tabcon .item .info{position: relative; z-index: 1; padding:.42rem 1rem 0 .74rem;}

.manager-box .tabcon .item .info h3{color: #F9FBFF;margin-bottom: .15rem;}

.manager-box .tabcon .item .info p{color: #F9FBFF;}









/* 全案从咨询到落地 */

.process-bg{background: url(../images/process-bg.webp) no-repeat center bottom; background-size: cover; padding: .86rem 0 1.35rem; overflow: hidden;}

.process-bg .index-title{margin-bottom: 1rem;}

.process-list ul{display: flex; justify-content: space-between; align-items: flex-start; position: relative;}

.process-list ul li{flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative;}

.process-list ul li:nth-child(even){margin-top: .54rem;}

.process-list ul li .icon{width: .94rem;height: .94rem;display: flex;align-items: center;justify-content: center;background: linear-gradient(-43deg, #41B9E0 0%, #001FF5 100%);border-radius: 50%;padding: .2rem;}

.process-list ul li .icon img{display: block; max-width: 100%; max-height: 100%; object-fit: contain;}

.process-list ul li .num{font-weight: bold;line-height: 1;margin: .19rem 0 .05rem; color: #FFFFFF; background: linear-gradient(180deg, #41B9E0 0%, #001FF5 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

.process-list ul li p{font-weight: 500;}

.process-list ul li .line{position: relative;margin-top: .25rem;}

.process-list ul li .line img{height: 2.37rem;}

.process-list ul li:nth-child(even) .line{height: .55rem;}

.process-list ul li .line::after{content: '';position: absolute;left: 50%;top: -.11rem;transform: translate(-50%, 50%);width: .11rem;height: .11rem;border: 1px solid #0074EF;border-radius: 50%;background: #fff;box-sizing: border-box;}





/* 服务案例 */

.case-bg{background: #EEF6FF; padding: .86rem 0 .94rem;}

.case-bg .index-title{margin-bottom: .4rem;}

.case-box .tablist{display: flex;justify-content: center;align-items: center;max-width: 56%;margin: 0 auto .4rem;padding: .06rem;background: linear-gradient(0deg, #F2F9FF 0%, #FFFFFF 100%);border-radius: 100px;border: 1px solid #FFFFFF;}

.case-box .tablist .item{text-align: center;padding: .175rem .36rem;border-radius: 100px;color: #333;cursor: pointer;transition: color .6s, background-color .6s;white-space: nowrap;font-size: var(--font18);margin: 0 .07rem; }

.case-box .tablist .item.active{ color: #fff; background: linear-gradient(-41deg, #41B9E0 0%, #001FF5 100%); font-weight: 500; }



.case-box .tabcon .item{display: none;}

.case-box .tabcon .item.active{display: block;}

.case-box .tabcon .swiper{position: relative;}

.case-box .tabcon .slide-box{background: #fff;border-radius: .2rem;padding: .39rem .49rem;align-items: center;}

.case-box .tabcon .pic{width: 47.3%; margin-right: .7rem;}

.case-box .tabcon .pic img{display: block; width: 100%; border-radius: .12rem; object-fit: cover; height: 100%;}

.case-box .tabcon .info{flex: 1; }

.case-box .tabcon .info h3{margin-bottom: .2rem;}

.case-box .tabcon .info p{color: #666;margin-bottom: .65rem;font-size: var(--font18);line-height: 1.8; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.case-box .tabcon .info .index-more{padding: .175rem .36rem;}

.case-box .tabcon .navbtn{position: absolute;right: .72rem;bottom: .59rem;display: flex;justify-content: flex-end;align-items: center;gap: .12rem;z-index: 2;}

.case-box .tabcon .swiper-button-prev,

.case-box .tabcon .swiper-button-next{position: static;width: .58rem;height: .58rem;margin: 0;border-radius: 50%;transition: .3s; border: 1px solid #0074EF; background: #fff;}



.case-box .tabcon .swiper-button-prev img,

.case-box .tabcon .swiper-button-next img{display: block; width: .08rem;}

.case-box .tabcon .swiper-button-next img{transform: rotate(180deg);}



.case-box .tabcon .swiper-button-disabled{opacity: .45;}



@media (any-hover: hover) { 

  .case-box .tabcon .swiper-button-prev:hover,

  .case-box .tabcon .swiper-button-next:hover{border-color: #0052F3; background: #0052F3;}

  .case-box .tabcon .swiper-button-prev:hover img,

  .case-box .tabcon .swiper-button-next:hover img{filter: brightness(0) invert(1);}

}





.case-box .case-logo{margin-top: .46rem;}

.case-box .case-logo .pic{background: #fff;border-radius: .1rem;height: 1.15rem;display: flex;align-items: center;justify-content: center;padding: .15rem .2rem;}

.case-box .case-logo .pic img{display: block; max-width: 100%; max-height: 100%; object-fit: contain;}





/* 免费获取企业专属营销落地方案 */

.free-plan-bg{background: url(../images/free-plan-bg.webp) no-repeat center top; background-size: cover; padding: .5rem 0;}

.index-title h3{margin: .1rem 0 .6rem;}
.free-plan-bg .index-title {margin-bottom: 0;}
.free-plan-bg .index-title .index-more{padding: .12rem .27rem;}





/* 公共底部 */

.footer{background: #09111b url(../images/footer-bg.webp) no-repeat center;background-size: cover;color: #fff;padding: .65rem 0 0;}

.footer-top{align-items: flex-start;padding-bottom: .8rem;}

.footer-top h3{display: block;margin-bottom: .28rem;font-weight: bold;}

.footer-top .about{flex: 1;max-width: 2.9rem;min-width: 2.8rem;}

.footer-top .about p{color: rgba(255, 255, 255, .6);margin-bottom: .38rem;font-size: var(--font15);}

.footer-top .about a{color: #41B9E0;transition: .3s;font-size: var(--font14);}

.footer-top .foot-nav{min-width: 1.4rem;}

.footer-top .foot-nav ul li{margin-bottom: .08rem;}

.footer-top .foot-nav ul li:last-child{margin-bottom: 0;}

.footer-top .foot-nav ul li a{color: rgba(255, 255, 255, .5); transition: .3s; }

.footer-top .contact{flex: 1;max-width: 3.7rem;min-width: 3rem;}

.footer-top .contact ul li{margin-bottom: .06rem;align-items: flex-start;display: flex;}

.footer-top .contact ul li:last-child{margin-bottom: 0;}

.footer-top .contact ul li img{width: .15rem;flex-shrink: 0;margin-top: .04rem;}

.footer-top .contact ul li span{color: rgba(255, 255, 255, .5);flex: 1;}

.footer-top .foot-right{flex-shrink: 0;}

.footer-top .footlogo img{display: block; max-height: .39rem; object-fit: contain;}

.footer-bottom{border-top: 1px solid rgba(255, 255, 255, .2);padding: .35rem 0 .55rem;}

.footer-bottom p{color: rgba(255, 255, 255, .7);}

.footer-bottom a{color: rgba(255, 255, 255, .7);transition: .3s;}



@media (any-hover: hover) {

  .footer-top .about a:hover{color: #0074EF;}

  .footer-top .foot-nav ul li a:hover,

  .footer-bottom a:hover{color: #fff;}

}







/* 内页公共头部 */

.ny-header{}


.ny-header .headBox .logo img.logo1{display: none;}
.ny-header .headBox .logo img.logo2{display: block;}

.ny-header nav > ul > li > a{color: #fff;}

.ny-header .head-link .head-tel{border-color: #fff;}

.ny-header .head-link .head-tel img{filter: brightness(100); -webkit-filter:brightness(100);}

.ny-header .head-link .head-tel span{color: #fff;}


.header.ny-header.c-style2 .headBox .logo img.logo1{display: block;}
.header.ny-header.c-style2 .headBox .logo img.logo2{display: none;}


.header.ny-header.c-style2  nav > ul > li > a{color: #333;}

.header.ny-header.c-style2 .head-link .head-tel{border-color: #0074EF;}

.header.ny-header.c-style2 .head-link .head-tel img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}

.header.ny-header.c-style2 .head-link .head-tel span{color: #0074ef;}



.header.ny-header.c-style2 nav > ul > li.on a{color: #0074EF; font-weight: bold;}

@media (any-hover: hover) {



  .header.ny-header.c-style2 nav > ul > li:hover a{color: #0074EF; font-weight: bold;}

}





/* 内页banner */

.ny-banner {position: relative; overflow: hidden;}

.ny-banner .imgBox img {width: 100%; min-height: 500px; object-fit: cover;}



.ny-banner .geo-text h2{font-weight: bold; line-height: 1.1; width: 70%; margin: 0 auto .2rem;}

.ny-banner .geo-text h3{margin-bottom: .37rem;}

.ny-banner .geo-text span{display: block; margin-bottom: .66rem;}





/* 接入AI搜索生态，GEO（AI搜索优化）助您优先布局！ */

.geo-bg{background: url(../images/geo-bg.webp) no-repeat center top; background-size: cover; padding: 1.35rem 0 1.7rem;}

.geo-left{width: 32.56%; margin-right: .63rem; position: relative;}

.geo-left .pic{width: 100%; height: 100%; }

.geo-left .pic img{width: 100%; height: 100%; object-fit: cover; border-radius: 50px;}

.geo-left .hide{position: absolute;inset: 0;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center; text-align: center;}

.geo-left .hide .icon{}

.geo-left .hide .icon img{display: block; width: 1.81rem; margin-bottom: .18rem;}



.geo-right{flex: 1;}



.geo-title h2{font-weight: bold; }

.geo-title .line{width: .5rem; height: .05rem; background: #0074EF; margin-top: .33rem;}

.geo-right .info h4{margin-top: .45rem;}





/* GEO (AI搜索优化) 优势 */

.geo-ys-bg{background: url(../images/geo-ys-bg.webp) no-repeat center top; background-size: cover; padding: .79rem 0 .9rem;}

.geo-ys-list{margin-top: .7rem;}

.geo-ys-list ul{gap: .3rem .67rem;}

.geo-ys-list ul li{background: #fff;border-radius: .15rem;padding: .43rem .5rem .53rem;}

.geo-ys-list ul li .icon{width: .63rem; height: .63rem; margin-bottom: .23rem;}

.geo-ys-list ul li .icon img{display: block; max-width: 100%; object-fit: contain;}

.geo-ys-list ul li .text h3{font-weight: bold;  margin-bottom: .1rem;}



/* GEO(AI搜索优化)机制认知 */

.optimize-bg{background: url(../images/optimize-bg.webp) no-repeat center top; background-size: cover; padding: 1.08rem 0 .37rem;}

.optimize-left{flex: 1;}

.optimize-list{margin-top: 1.2rem;}

.optimize-list ul li{margin-bottom: .77rem;}

.optimize-list ul li:last-child{margin-bottom: 0;}

.optimize-list ul li .icon{width: 1.18rem; height: 1.18rem; background: #D2E7FF; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

.optimize-list ul li .icon img{display: block; max-width: 100%; object-fit: contain;}

.optimize-list ul li .text{flex: 1;}

.optimize-list ul li .text strong{display: block; margin-bottom: .07rem;}

.optimize-right{width: 54.34%;}

.optimize-right img{display: block; width: 100%;}



/* 企业定制化GEO */

.customization-bg{background: url(../images/customization-bg.webp) no-repeat center top; background-size: cover; padding: 1rem 0 0; overflow: visible; }

.customization-bg .geo-title h2{line-height: 1.2;}



.customization-line{padding: 1.5rem 0 .4rem; overflow: visible;}

.customization-line .line-box{width: 100%; max-width: 1920px; margin: 0 auto;}

.customization-line .wave-area{position: relative; width: 100%; aspect-ratio: 1920 / 339; overflow: visible;}

.customization-line .wave{position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: fill; pointer-events: none; z-index: 1;}



.customization-list{position: absolute; inset: 0; z-index: 2; overflow: visible;}

.customization-list ul{position: relative; width: 100%; height: 100%;}

.customization-list ul li{position: absolute;transform: translateX(-50%);display: grid;grid-template-columns: 2px 1fr;grid-template-rows: 1fr auto;column-gap: .3rem;overflow: visible;}

.customization-list ul li .line{grid-column: 1; grid-row: 1 / 3; width: 2px; background: #0E59D1;}

.customization-list ul li .text{grid-column: 2; grid-row: 1; align-self: start; min-width: 0;}

.customization-list ul li .text h3{line-height: 1.1;}

.customization-list ul li .text p{color: #666;}

.customization-list ul li .dot{grid-column: 1; grid-row: 2; display: block; width: .26rem; height: .26rem; background: #0E59D1; border-radius: 50%; justify-self: center;}



/* 按 customization-line.png (1920x339) 实测曲线锚点定位 */

.customization-list ul li:nth-child(1){left: 24.5%;bottom: 4.7%;height: calc(100% + 2.5rem - 95%);}

.customization-list ul li:nth-child(2){left: 53.5%;bottom: 26.7%;height: calc(100% + 2.5rem - 95%);}

.customization-list ul li:nth-child(3){left: 79.5%;bottom: 67.5%;height: calc(100% + 2.5rem - 95%);}











/* 抖音小红书代运营 & 广告投放 */

.ny-banner .video-text h2{font-size: .69rem; font-weight: bold; margin-bottom: .07rem;}

.ny-banner .banner-btn{margin-top: .4rem;}

.ny-banner .banner-btn ul li{background: linear-gradient(-35deg, #41B9E0 0%, #001FF5 100%);border-radius: 28px;font-weight: 500;padding: .125rem .265rem;margin: 0 .08rem;}



.ny-title h2{font-weight: bold; }

.solution{padding: 1.12rem 0 .98rem;}

.solution-list{margin-top: .64rem;}

.solution-list ul{gap: .38rem .42rem;}

.solution-list ul li{background: url(../images/solution-li.webp) no-repeat center top; background-size: cover; border-radius: .2rem; padding: .55rem .42rem .6rem; text-align: center;}

.solution-list ul li .icon{width: .67rem; height: .61rem;  margin: 0 auto .24rem;}

.solution-list ul li .icon img{display: block; max-width: 100%; object-fit: contain; }

.solution-list ul li .text h3{font-weight: bold;  margin-bottom: .22rem;}

.solution-list ul li .text h4{color: #666;}





/* 森歌网络短视频运营优势 */

.video-ys-bg{background: url(../images/video-ys-bg.webp) no-repeat center bottom;background-size: cover;padding: 1rem 0 1.3rem;}



.video-ys-box{display: flex;justify-content: space-between; margin-top: 1.36rem;}

.video-ys-left,

.video-ys-right{display: flex;flex-direction: column;gap: .75rem;width: 27%;}

.video-ys-left .item{text-align: left;}

.video-ys-right .item{text-align: left;}

.video-ys-box .item h3{margin-bottom: .12rem; line-height: 1.3;}

.video-ys-box .item p{color: #fff;font-size: var(--font18);}



.video-ys-center{flex-shrink: 0;width: 5.53rem;height: 5.53rem;}

.video-ys-center .ringbox{position: relative;width: 100%;height: 100%;}

.video-ys-center .ringbox .pic{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;width: 82%;height: 82%;border-radius: 50%;overflow: hidden;}

.video-ys-center .ringbox .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}

.video-ys-center .ringbox .ring{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid rgba(255, 255, 255, .75); pointer-events: none;}

.video-ys-center .ringbox .ring1{width: 100%; height: 100%; animation: videoYsBlink 2.4s ease-in-out infinite;}

.video-ys-center .ringbox .ring2{width: 90%;height: 90%;animation: videoYsBlink 2.4s ease-in-out infinite 1.2s;}



@keyframes videoYsBlink {

  0%, 100% {opacity: .25; transform: translate(-50%, -50%) scale(1);}

  50% {opacity: 1; transform: translate(-50%, -50%) scale(1.02);}

}



/* 信息流/搜索竞价推广 */

.traffic-bg{background: url(../images/traffic-bg.webp) no-repeat center top;background-size: cover;padding: .66rem 0 0.64rem;}

.ny-title h3{}

.traffic-list{margin-top: 1.37rem;}

.traffic-list ul{gap: .4rem;}

.traffic-list ul li{text-align: center;}

.traffic-list ul li .icon{width: .77rem;height: .77rem;margin: 0 auto .17rem;}

.traffic-list ul li .icon img{display: block;object-fit: contain;max-width: 100%;}

.traffic-list ul li .text h3{margin-bottom: .2rem;font-weight: bold;}

.traffic-list ul li .text p{padding: 0 14%;}

.traffic-flow{margin-top: .8rem;background: #fff;border-radius: .24rem;padding: .36rem .47rem .47rem;}

.traffic-flow > h3{margin-bottom: .4rem;font-weight: bold;}

.traffic-flow .flowbox{position: relative;}

.traffic-flow .flowbox ul div{display: flex; justify-content: space-between; position: relative; width: 93%;}

.traffic-flow .flowbox ul::before{content: '';position: absolute;left: 0;right: 0;top: .14rem;height: 1px;background: #d5d5d5;}

.traffic-flow .flowbox ul::after{content: '';position: absolute;right: -.26rem;top: 0;border: .14rem solid transparent;border-left: .26rem solid #C6D1E1;}

.traffic-flow .flowbox ul li{flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 1;}

.traffic-flow .flowbox ul li .num{font-size: var(--font18);font-weight: bold;background: #fff;width: .56rem;}

.traffic-flow .flowbox ul li p{font-size: var(--font18);margin-top: .29rem;}



/* 森歌星级服务体系 */

.system{  padding: .6rem 0 1.5rem;}

.system-list{text-align: center;margin-top: .7rem;}

.system-list ul li{background: #FAFCFF;border-radius: .16rem;padding: 1rem 0 .95rem;}

.system-list ul li strong{}

.system-list ul li h4{}

.system-list ul li i{display: block; width: .3rem; height: .08rem; background: #0E59D1; border-radius: .04rem; margin: .2rem auto .35rem;}

.system-list ul li p{font-size: var(--font18);line-height: 1.8;}









/* 企业品牌舆情口播声量提升 一站式解决方案 */

.ny-banner .brand-text h2{font-size: .69rem; font-weight: bold; line-height: 1.1; margin-bottom: .46rem;}



/* 品牌发展核心痛点 */

.shortcoming{padding: 1rem 0 .6rem;}

.shortcoming-box{display: flex;justify-content: space-between;align-items: center;margin-top: .82rem;}

.shortcoming-left,

.shortcoming-right{display: flex;flex-direction: column;gap: 1rem;width: 31%;}

.shortcoming-left .item{text-align: left;}

.shortcoming-right .item{text-align: left;}

.shortcoming-box .item h3{font-weight: bold;}

.shortcoming-box .item p{font-size: var(--font15);}

.shortcoming-center{flex-shrink: 0; width: 4.9rem; height: 4.9rem;}

.shortcoming-center img{display: block; width: 100%; height: 100%; object-fit: contain;}





.decision-bg{background: rgba(244, 244, 244, .6); padding: .86rem 0 1.56rem;}

.decision-bg .pic img{display: block; max-width: 100%; margin: .6rem auto 0;}





.brand-service{padding: .9rem 0 1.16rem;}

.brand-list{margin-top: .95rem;}

.brand-list ul{}

.brand-list ul li{justify-content: space-around; margin-bottom: .38rem;}

.brand-list ul li:nth-child(even){flex-direction: row-reverse;}

.brand-list ul li .pic{width: 45%; overflow: hidden; border-radius: .3rem;}

.brand-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}

.brand-list ul li .info{width: 44%;}

.brand-list ul li .info h3{font-weight: bold; line-height: 1.4;}

.brand-list ul li .info  i{display: block;width: .44rem;height: .07rem;background: #2E74C9;border-radius: .04rem;margin: .32rem 0 .55rem;}

.brand-list ul li .info  h4{color: #000000;}



.choice-bg{background: url(../images/choice-bg.webp) no-repeat center top; background-size: cover; padding: 1.03rem 0 1.9rem;}

.choice-list{margin-top: .69rem;}

.choice-list ul li{border-right: 1px solid rgba(255, 255, 255, .2);padding-bottom: .55rem; padding-top: .65rem;}

.choice-list ul li:nth-child(-n+3) {border-bottom: 1px solid rgba(255, 255, 255, .2); padding-top: .3rem;}

.choice-list ul li:nth-child(3n) {border-right: none;}

.choice-list ul li .icon{width: .63rem;height: .56rem;margin: 0 auto .2rem;}

.choice-list ul li .icon img{display: block; max-width: 100%; object-fit: contain;}

.choice-list ul li .text strong{    display: block;  margin-bottom: .09rem;}

.choice-list ul li .text p{padding: 0 5%;}







/* 服务案例 */

.ny-banner .case-text h2{font-weight: bold; margin-bottom: .25rem;}

.ny-banner .case-text h3{width: 36%; min-width: 510px;}

.caseMain{padding: .66rem 0;}

.case-class{margin-bottom: .6rem;}

.case-class ul li{margin: 0 .25rem;}

.case-class ul li a{border-radius: 100px;border: 1px solid #C9C9C9;font-size: var(--font22);color: #333;padding: .13rem .373rem;transition: .3s;display: block; transition: .6s;}

.case-class ul li.on a{background: linear-gradient(32deg, #41B9E0 0%, #001FF5 100%);color: #fff; }

@media (any-hover: hover) {

  .case-class ul li:hover a{background: linear-gradient(32deg, #41B9E0 0%, #001FF5 100%);color: #fff;}

}





.case-list ul{gap: .48rem .26rem;}

.case-list ul li {position: relative; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}

.case-list ul li .pic{overflow: hidden;}

.case-list ul li .pic img{display: block; width: 100%;  object-fit: cover; transition: .6s;}

.case-list ul li .info{position: absolute;content: '';width: 100%;height: 100%;top: 0;display: flex;align-items: flex-end;padding: .41rem;}



@media (any-hover: hover) {

  .case-list ul li:hover .pic img{transform: scale(1.1);}

}







.newsxq-right .case-list li{margin-bottom: .15rem;}









/* 新闻列表轮播 */

.news-slider{margin-bottom: 1rem;position: relative; overflow: hidden;}

.news-slider .swiper{background: #F5F7FA;border-radius: .24rem;overflow: hidden;}

.news-slider .slide-box{align-items: center;padding: .7rem .74rem;}

.news-slider .info{width: 48%;}

.news-slider .info h2{color: #3D3D3D;line-height: 1.2;margin-bottom: .27rem;}

.news-slider .info p{color: #5D5D5D;font-size: var(--font18);}

.news-slider .info span{background: #0054F3;border-radius: 100px;display: inline-block;padding: .175rem .28rem;margin-top: .45rem;}

.news-slider .pic{width: 50%;flex-shrink: 0;border-radius: .19rem;overflow: hidden;}

.news-slider .pic img{display: block; width: 100%; object-fit: cover; transition: .6s; height: 100%;}



.news-slider .news-nav{position: absolute;left: .74rem;bottom: 0.4rem;z-index: 2;gap: .48rem;align-items: flex-start;}

.news-slider .pagenum{display: flex; align-items: baseline; line-height: 1;}

.news-slider .pagenum .cur{font-size: var(--font36); font-weight: bold;}

.news-slider .pagenum .total{font-size: var(--font15);color: rgba(93, 93, 93, .5);margin-left: .04rem;}

.news-slider .navbtn{}

.news-slider .swiper-button-prev,

.news-slider .swiper-button-next{position: static;width: auto;height: auto;margin: 0;color: #5D5D5D;font-size: var(--font30);font-weight: 300; opacity: .35;}

.news-slider .swiper-button-prev::after,

.news-slider .swiper-button-next::after{font-size: var(--font22); font-weight: 300;}

.news-slider .swiper-button-disabled{opacity: .2;}

@media (any-hover: hover) {

  .news-slider  a:hover .pic img{transform: scale(1.1);}

  .news-slider  a:hover .info h2{color: #0074EF;}

  .news-slider .swiper-button-prev:hover,.news-slider .swiper-button-next:hover{opacity: 1;}

}



.news-list ul{gap: .47rem .43rem;}

.news-list ul li{box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.09);}

.news-list ul li .pic{overflow: hidden;}

.news-list ul li .pic img{display: block; width: 100%; object-fit: cover; transition: .6s;}

.news-list ul li .info{padding: .56rem .43rem .48rem;}

.news-list ul li .info span{color: #989898;margin-bottom: .18rem;display: block;}

.news-list ul li .info h3{color: #3D3D3D;margin-bottom: .1rem;}

.news-list ul li .info p{color: #9F9F9F;}





@media (any-hover: hover) {

.news-list ul li a:hover .pic img{transform: scale(1.1);}

.news-list ul li a:hover .info h3{color: #0074EF;}



}







/* 新闻详情页 */

.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: #0074EF; 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: 89px;}

.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: #0074EF;}

}





/* 关于我们 */

.ny-banner .about-text h2{font-weight: bold; line-height: 1.1;}

.ny-banner .about-text h3{width: 56%;margin: .45rem auto 0; min-width: 750px;}

.about-box {padding: 1.4rem 0 1.7rem;}

.about-box .info{width: 66%;margin: .47rem auto 0;text-align: center; min-width: 936px;}

.about-box .info h4{}

.about-num{margin-top: 1.69rem;}

.about-num ul{display: flex;justify-content: space-between;}

.about-num ul strong{font-size: .6rem; line-height: 1; margin-bottom: .08rem; display: block;}







.develop-bg{background: url(../images/develop-bg.webp) no-repeat center top;background-size: cover;position: relative;padding: .78rem 0 1.35rem;background-attachment: fixed;}



.develop-bg .big-swiperBox {position: relative;margin-top: 1.2rem;}

.develop-bg .swiperBox1 {position: relative;width: 100%;z-index: 3;}

.develop-bg .swiperBox1 .container {position: relative;}

.develop-bg .swiperBox1 .slide .year {font-size: 2.06rem;opacity: 0.35;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700;line-height: 1;}

.develop-bg .swiperBox2 {position: relative;z-index: 8;color: #444;text-align: center;display: flex;align-items: flex-end;}

.develop-bg .swiperBox2 .slide {padding: .17rem 0 1.6rem;}

.develop-bg .swiperBox2 .slide .tit{width: 58%;margin: 0 auto;color: #FFFFFF;}

.develop-bg .swiperBox2 .slide .text {margin-top: 0.2rem; font-size: var(--font20); line-height: 1.8;}

.develop-bg .swiperBox2 .slide .text p {color: #fff;}

.develop-bg .swiperBox3 {position: relative;z-index: 8;color: #fff;text-align: center;}

.develop-bg .swiperBox3 .swiper {overflow: visible;width: 80%;margin: 0 auto;overflow: hidden;padding-top: .1rem;}

.develop-bg .swiperBox3::before {content: "";position: absolute;top: 22%;left: 0;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.35);}



.develop-bg .swiperBox3 .slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 0.6rem;cursor: pointer;}

.develop-bg .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: 0.12rem;height: 0.12rem;position: relative; transition: all 0.4s;}

.develop-bg .swiperBox3 .c-dot::before {content: "";position: absolute;width: 200%;height: 200%;border: 1px solid #fff;opacity: 0;transform: scale(0);transition: all 0.4s;border-radius: 50%;}

.develop-bg .swiperBox3 .c-dot::after {content: "";position: absolute;width: 100%;height: 100%;border-radius: 50%;background-color: #fff;transition: all 0.4s;}

.develop-bg .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1;font-size: var(--font20);font-family: Arial, Arial-Bold;color: #fff;}



.develop-bg .swiperBox3 .swiper-slide-thumb-active .c-dot::after {}

.develop-bg .swiperBox3 .swiper-slide-thumb-active .c-dot::before {opacity: 1;transform: scale(1);}



/* 控件 */

.big-swiperBox .swjt {width: 0.79rem;height: 0.79rem;border-radius: 50%;background: rgba(216, 216, 216, .2);transition: .5s;top: 30%;z-index: 22;margin-top: 0;}

.big-swiperBox .swjt .swiper-button-prev {}

.big-swiperBox .swjt i {color: #fff;font-size: var(--font24);}

.big-swiperBox .swjt:active {background: rgba(255, 255, 255, 0.3);}

@media (any-hover: hover) {

  .big-swiperBox .swjt:hover {background: rgba(255, 255, 255, 0.3);}

}





.enterprise-bg{background: rgba(26, 64, 147, 0.08); padding: 1.15rem 0 1.8rem;}

.enterprise-bg .ny-title h2{color: #474747;}

.enterprise-bg .ny-title h3{color: #8D8D8D;}



.enterprise-list{margin-top: .75rem; overflow: hidden;}

.enterprise-list .row{overflow: hidden;  }

.enterprise-list .row:last-child{margin-bottom: 0;}

.enterprise-list .row:nth-child(odd){margin: 0 9% .18rem;}

.enterprise-list .row:nth-child(even){margin: 0 5% .18rem;}

.enterprise-list .track{display: flex; width: max-content; gap: .16rem; animation: enterpriseScroll 36s linear infinite;}

.enterprise-list .row.reverse .track{animation-duration: 40s; animation-direction: reverse;}

.enterprise-list .row:nth-child(3) .track{animation-duration: 38s;}

.enterprise-list .row:nth-child(4) .track{animation-duration: 42s;}

.enterprise-list .list{flex-shrink: 0; gap: .16rem;}

.enterprise-list .item{flex-shrink: 0;}

.enterprise-list .pic{background: #fff;border-radius: .08rem;height: .81rem;min-width: 1.90rem;padding: .12rem .22rem;display: flex;align-items: center;justify-content: center;}

.enterprise-list .pic img{display: block;max-width: 100%; max-height: .55rem; object-fit: contain;}



@keyframes enterpriseScroll {

  0% {transform: translateX(0);}

  100% {transform: translateX(-50%);}

}



/* 2026.7.22 增加框架*/
.tool-list{margin-top: .86rem;}
.tool-list ul{gap: .17rem;}
.tool-list ul li{border: 1px solid rgba(255, 255, 255, .2); border-radius: .21rem;padding: .4rem 3% .67rem;}
.tool-list ul li strong{display: block; margin-bottom: .26rem;}
.tool-list dl{display: flex; gap: .13rem;  justify-content: center;}
.tool-list dl dd img{width: 1.07rem;}

/* 我们的团队 */
.team-bg{background: url(../images/team-bg.webp) no-repeat center top;background-size: cover;padding: .76rem 0 1rem;}

.team-box{margin-top: .5rem;}

.team-tabs{gap: .39rem;margin-bottom: .52rem;}

.team-tabs .item{display: flex;align-items: center;gap: .17rem;padding: .19rem .39rem;border-radius: 100px;background: linear-gradient(0deg, #FFFFFF 0%, #F8F9FF 100%);box-shadow: 0px 11px 26px 0px rgba(73,131,237,0.1);color: #0074EF;cursor: pointer;transition: .4s;white-space: nowrap;/* font-size: var(--font20); */}

.team-tabs .item .icon{width: .32rem; height: .32rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}

.team-tabs .item .icon img{display: block; max-width: 100%; max-height: 100%; object-fit: contain; transition: filter .4s;}

.team-tabs .item.active{color: #fff;background: linear-gradient(36deg, #41B9E0 0%, #001FF5 100%);box-shadow: 0px 11px 26px 0px rgba(73,131,237,0.1);}

.team-tabs .item.active .icon img{filter: brightness(0) invert(1);}

.team-swiper{position: relative;background: #fff;border-radius: .26rem;padding: .56rem .71rem .56rem 1.13rem;overflow: hidden;}

.team-swiper .slide-box{align-items: center;gap: 1.71rem;}

.team-swiper .info{width: 38%;flex-shrink: 0;padding-bottom: .7rem;}

.team-swiper .info h3{font-weight: 500;color: #333;margin-bottom: .28rem;}

.team-swiper .info p{color: #666;/* font-size: var(--font18); */line-height: 1.6;}

.team-swiper .pic{flex: 1; overflow: hidden; border-radius: .18rem;}

.team-swiper .pic img{display: block; width: 100%; height: 100%; object-fit: cover; min-height: 300px;}

.team-nav{position: absolute;left: 1.13rem;bottom: .74rem;gap: .12rem;z-index: 2;}

.team-nav .swiper-button-prev,
.team-nav .swiper-button-next{position: static;width: .6rem;height: .6rem;margin: 0;border-radius: 50%;background: #F4F4F4;color: #666;transition: .3s;}
.team-nav .swiper-button-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.team-nav .swiper-button-prev::after,
.team-nav .swiper-button-next::after{font-size: .2rem; font-weight: bold;}

@media (any-hover: hover) {
.team-nav .swiper-button-prev:hover,
.team-nav .swiper-button-next:hover{background: #0074EF; color: #fff;}

.team-nav .swiper-button-prev:hover img,
.team-nav .swiper-button-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


}




/* 2026.7.23banner增加 */
.indexBanner .slide .jddwjz2{top: 60%; transform: translate(-50%,-50%); bottom: auto;}
.indexBanner .slide .info2 {display: flex; flex-direction: column; align-items: flex-start;}
.indexBanner .slide .info2 h3{margin: .24rem 0;}
.indexBanner .slide .info2 h4{border: 1px solid #B6D1EE;border-radius: 100px;display: inline-block;padding: .15rem .19rem; margin-bottom: 1.6rem;}
.indexBanner .slide .info2 h4 b{color: #0055f3;}
.indexBanner .slide .info2 h4 span{margin: 0 .08rem;}
.foot-wechat {display: flex; flex-direction: column; align-items: center;}
.foot-wechat img{width: 115px; margin-top: .26rem;}
.foot-wechat p{color: rgba(255, 255, 255, .5); margin-top: .05rem;}