/* 公用样式 */
#c-placeholder {height: 1.11rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .6s; }

.headBox {transition: .5s; height: 1.11rem; position: relative; z-index: 1; padding: 0 3%;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo img {max-width: 100%; max-height: .46rem; object-fit: contain;}
.headBox .logo .logob {display: none;}
.headBox .le {height: 100%; flex-shrink: 0; width: auto;}
.headBox .le .logo a {height: 100%; display: flex; align-items: center;}
.headBox .re {height: 100%;gap: .5rem;flex: 1;justify-content: flex-end;}

/* 导航 */
nav {height: 100%;width: 30%;margin-right: 4%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > .name {display: flex; align-items: center;}
nav > ul > li > .name > a { color: #fff; transition: all 0.4s; line-height: .25rem; height: .25rem; overflow: hidden; font-size: var(--font18);}
nav > ul > li > .name > i {margin-left: .02rem;}
nav > ul > li > .name > a span{ display: block; pointer-events: none; transition: all 0.6s;}
nav > ul > li > .name > a span:nth-child(2) { color: #ef9604;}
.case-num{  padding: .02rem .08rem; border-radius: .12rem; background: #f2e6d2; font-size: var(--font14); color: #dd7b36; position: absolute; top: .22rem; right: -.5rem; transition: all .5s; transform-origin: left bottom; }
nav > ul > li.on .name > a span {transform: translateY(-100%);}
nav > ul > li.on .case-num {  transform: scale(0);}
nav > ul > li.on > .name > i{ color: #ef9604;}

@media (any-hover: hover) {
  nav > ul > li:hover .name > a span {transform: translateY(-100%);}
  nav > ul > li:hover .case-num {  transform: scale(0);}
}


/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.searchBtn img{display: block; width: .22rem;}
.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: #ef9604;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: #ef9604;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;}
}
.getcase { display: flex; position: relative; z-index: 2;}
.getcase a { height: .5rem; display: flex; align-items: center; padding: 0 .25rem 0 .23rem; border-radius: 25px; position: relative;}
.getcase a::before { content: ''; width: 100%; height: .5rem; border-radius: 25px; background: #ef9604; transition: all 0.4s; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; pointer-events: none;}
.getcase a span {  color: #fff; transition: all 0.4s;}
.getcase a i {margin-left: .1rem; width: .23rem; height: .23rem; border-radius: 50%; display: flex; justify-content: center; align-items: center;transition: all 0.4s; overflow: hidden;}
.getcase a i img { width: 50%; height: 50%; animation: arrowRun 5s infinite; display: block;}
@media (any-hover: hover) {
.getcase a:hover::before { width: .5rem;}
.getcase a:hover i { transform: translateX(.12rem);}
}


@media (any-hover: hover) {
  header:hover{background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1);}
  header:hover .headBox .logo .logoa {display: none;}
  header:hover .headBox .logo .logob {display: block;}
  header:hover nav > ul > li > .name > a {color: #3d3d3d;}
  header:hover nav > ul > li > .name > i{color: #3d3d3d;}
  header:hover nav > ul > li.on > .name > i{color: #ef9604;}
  header:hover nav > ul > li:hover > .name > i{color: #ef9604;}
  header:hover .searchBtn img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
  header:hover .head-tel a {color: #3d3d3d;}
  header:hover .getcase a:hover span {color: #3d3d3d;}
}


header.c-style2{background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.05);}
header.c-style2 .headBox .logo .logoa {display: none;}
header.c-style2 .headBox .logo .logob {display: block;}
header.c-style2 nav > ul > li > .name > a {color: #3d3d3d;}
header.c-style2 nav > ul > li > .name > i{color: #3d3d3d;}
header.c-style2 nav > ul > li.on > .name > i{color: #ef9604;}
header.c-style2 nav > ul > li:hover > .name > i{color: #ef9604;}
header.c-style2 .searchBtn img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style2 .head-tel a {color: #3d3d3d;}
header.c-style2 .getcase a:hover span {color: #3d3d3d;}

header.c-style3 {}
header.c-style3 .headBox .logo .logoa {display: none;}
header.c-style3 .headBox .logo .logob {display: block;}
header.c-style3 nav > ul > li > .name > a {color: #3d3d3d;}
header.c-style3 nav > ul > li > .name > i{color: #3d3d3d;}
header.c-style3 nav > ul > li.on > .name > i{color: #ef9604;}
header.c-style3 nav > ul > li:hover > .name > i{color: #ef9604;}
header.c-style3 .searchBtn img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style3 .head-tel a {color: #3d3d3d;}
header.c-style3 .getcase a:hover span {color: #3d3d3d;}
/* =================头部 end!!!=================== */



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



/* 鼠标跟随按钮 */
.explore-cursor {z-index: 111; position: absolute;top: 0;left: 0;width: 1.4rem;height: 1.4rem;background: #ef9604;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: auto;z-index: 100;opacity: 0;transform: scale(0);transition: opacity 0.3s, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);white-space: nowrap;text-decoration: none;will-change: transform;}
.explore-cursor .gm {position: absolute; width: 80%; height: 80%; left: 50%;  top: 50%; transform: translate(-50%, -50%); opacity: .3;}
.explore-cursor .gm img {width: 100%; height: 100%;  animation: txtRun 10s linear forwards infinite;}

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


/* ======首页======= */
.indexBanner { position: sticky; top: 0; overflow: hidden; height: 100vh; }
.indexBanner .swiper {height: 100%;    --swiper-theme-color: #ef9604;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox {position: relative; height: auto;}
.indexBanner .slide .imgBox video{display: block; width: 100%; height: 100%;  }
.indexBanner .slide .imgBox img {display: none; width: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; }
.indexBanner .slide .con h3{font-weight: lighter;}
.indexBanner .slide .con h1{font-size: .68rem; font-weight: bold; margin-bottom: .5rem;}

.indexBanner .pagtion span {background: #fff; opacity: 1;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: #ef9604;}
/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
.banner-mouse { animation: run 1s infinite linear; position: absolute; right: 1.3%; z-index: 2; bottom: 5%;}

/* 让网站成为您业务增长的引擎 */
.index-title{display: block; margin-bottom: .53rem;}
.index-title h2{font-size: .58rem; }

.website{padding: 1.4rem 0 1.74rem; background: #fff; position: relative; overflow: hidden;}
.website-list {  display: grid;  grid-template-columns: repeat(3, 1fr);  grid-template-rows: repeat(2, 1fr);  gap: 0.35rem;}
.website-list .item {border-radius: .2rem; position: relative; overflow: hidden; padding: .5rem .4rem ; z-index: 1;}
.website-list .item .info li a::after {opacity: 0; transition: .5s; position: absolute; font-size: var(--font24); right: 0; top: 0; transform: translate(0%,0%); content: "\ea70"; font-family: 'remixicon' !important;  font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.website-list .info {}
.website-list .info h3 {color: #000; margin-bottom: .2rem;}
.website-list .info li a {line-height: 2; font-size: var(--font18);position: relative; display: inline-block; transition: .5s;}
.website-list .item .bg {position: absolute; width: 100%; height: 100%; inset: 0; z-index: -1;}
.website-list .item .bg img {width: 100%; height: 100%; object-fit: cover;}
.website-list .item .more {position: absolute; opacity: 0; }
.website-list .item .jt {transition: .5s; width: .78rem; height: .78rem; border-radius: 50%;  background: #ef9604; font-size: var(--font30); color: #fff;}
.website-list .item .more a {display: inline-block;}
.website-list .item .ani {position: absolute; z-index: -1;}
.website-list .item .ani img {max-width: 100%;}

.website-list .item1 { grid-area: 1 / 1 / 3 / 2; background: #ef9604;}
.website-list .item2 { grid-area: 1 / 2 / 2 / 4; background: #f5f5f5;}
.website-list .item3 { grid-area: 2 / 2 / 3 / 3; background: #efefef;}
.website-list .item4 { grid-area: 2 / 3 / 3 / 4; background: #ffe6dd;}




/* 卡片1样式 */
.website-list .item1 .info h3 {color: #fff;}
.website-list .item1 .info li a {color: #fff;}
.website-list .item1 .more {opacity: 1; bottom: .6rem; left: .4rem;}
/* 卡片2样式 */
.website-list .item2 .info {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.website-list .item2 ul {display: grid; grid-template-columns: repeat(2, max-content); gap: 1rem; row-gap: 0; padding-bottom: .5rem;}
.website-list .item2 .more {opacity: 1; bottom: auto; top: 50%; transform: translateY(-50%); right: 1rem;}
/* 卡片3样式 */
.website-list .item3 .ani {position: absolute; right: .5rem; bottom: .2rem; animation: breathe 2s ease-in-out infinite}
/* 呼吸缩放 */
@keyframes breathe {
  0%,100% { transform: scale(1) translateY(0); }
  50% { transform: scale(1.05) translateY(-8px); }
}

/* 卡片4样式 */
.website-list .item4 .info h3 {color: #fff;}
.website-list .item4 .info li a {color: #fff;}
.website-list .item4 .ani {position: absolute; right: 0; bottom: .3rem; width: 50%;}



@media (any-hover: hover) {
  .website-list .item .info li a:hover {color: #ef9604;}
  .website-list .item .info li a:hover::after {transform: translate(110%,-25%); opacity: 1;}
  .website-list .item .more a:hover .jt {box-shadow: 0 0 0 .1rem rgba(239, 150, 4,.5);}
}


/* 解决方案 */
.solution {position: relative; height: 100vh; overflow: hidden; background: #fff; }
.solution .solu_box{position: relative; height: 100%; margin: auto; overflow: hidden;}
.solution-list{overflow: hidden; height: 100%;}
.solution-list .index-title{margin-bottom: 1.05rem;}
.solution-list ul, .solution-list li {height: 100%;}
.solution-list li {overflow: hidden; position: absolute; inset: 0; z-index: 6;--go: 1; pointer-events: none;}
.solution-list li.on {pointer-events: auto;}
.solution-list ul li .solution-bg {height: 100%; overflow: hidden;    clip-path: inset(0 0 0 calc(var(--go) * 100%) round 0); }
.solution-list ul li .solution-bg>img{display: block; width: 100%; height: 100vh; object-fit: cover; transform: scale(1); transition: transform 2s ease-out;}
.solution-list ul li .solution-bg video { width: 100%;  height: 100%; object-fit: cover; }
.solution-list ul li .solution-bg::after {content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .5);}
.solution-list .swiper-slide-active .solution-bg>img {  }
.case-logo{width: 43%; position: relative; z-index: 112;}
.case-logo dl dt{border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.case-logo dl dt a{display: flex; align-items: center; justify-content: center; height: .78rem; padding: .1rem;}
.case-logo dl dt a img{display: block; max-width: 100%;}
.case-logo dl dt:nth-child(4n){border-right: none;}
.case-logo dl dt:nth-child(n+5):nth-child(-n+8){border-bottom: none;}
.solution-btn{position: absolute; top: 50%; transform: translateY(-50%); right: 4%; z-index: 9; width:auto;}
.solution-btn ul {display: flex;flex-direction: column;}
.solution-btn ul li {margin: .1rem 0;}
.solution-btn ul li h4{color: rgba(255, 255, 255, 0.3); cursor: pointer; font-weight: 300; transition: .6s; }
.solution-btn ul li.swiper-slide-thumb-active h4{color: #fff; font-weight: bold;}

/* 解决方案内容动画 */
.solution-list .index-title h2,
.solution-list .index-title h3,
.case-logo dl dt {opacity: 0;transform: translateY(0.3rem);transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);}
.solution-list .swiper-slide-active .index-title h2,
.solution-list .swiper-slide-active .index-title h3,
.solution-list .swiper-slide-active .case-logo dl dt {opacity: 1;transform: translateY(0);}
.solution-list .swiper-slide-active .index-title h2 { transition-delay: 0.3s; }
.solution-list .swiper-slide-active .index-title h3 { transition-delay: 0.4s; }
/* 案例logo 逐个进入 */
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(1) { transition-delay: 0.4s; }
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(2) { transition-delay: 0.45s; }
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(3) { transition-delay: 0.5s; }
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(4) { transition-delay: 0.55s; }
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(5) { transition-delay: 0.6s; }
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(6) { transition-delay: 0.65s; }
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(7) { transition-delay: 0.7s; }
.solution-list .swiper-slide-active .case-logo dl dt:nth-child(8) { transition-delay: 0.75s; }


/* 构建美好的品牌数字化世界 */
.case{padding: 1.25rem 0 1.85rem; background: #fff; position: relative;}
.case-list ul{display: grid;  grid-template-columns: repeat(3, 1fr);  grid-template-rows: repeat(3, 1fr);  grid-column-gap: .2rem;  grid-row-gap: .2rem;}
.case-list ul li{height: 4.8rem;}
.case-list ul li:first-child {   grid-area: 1 / 1 / 2 / 3;}
.case-list ul li a { display: block; position: relative; overflow: hidden; height: 100%; border-radius: .12rem;}
.case-list ul li .pic { height: 100%; overflow: hidden; position: relative;}
.case-list ul li .pic::after{position: absolute; content: ''; top: 0; display: block; width: 100%; height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));}
.case-list ul li .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.case-list ul li .info{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; display: flex;     align-items: flex-end;}
.case-list ul li .text{padding: 0 .32rem .32rem; width: 100%;}
.case-list ul li .info h4{margin-bottom: .13rem;}
.case-list ul li .info h5{margin-bottom: .16rem;}
.case-list ul li .info .more {overflow: hidden; width: .32rem;}
.case-list ul li .info .icon {position: relative; display: flex; width: .64rem; height: .22rem; animation: productMoreArrow 1s ease infinite;}
.case-list ul li .info .icon::before {content: ''; width: 100%; height: 100%; background: url(../images/case-arrow.png); background-size: contain;  background-repeat: no-repeat;}
.case-list ul li .info .icon::after {content: ''; width: 100%; height: 100%; background: url(../images/case-arrow.png); background-size: contain; background-repeat: no-repeat;}
.case-list ul li .case-btn{position: absolute; left: .2rem; top: .2rem; z-index: 2; transform: translateY(-.7rem);}
.case-list ul li .case-btn span{display: inline-block; white-space: nowrap;   font-size: var(--font14);  color: #fff;  background: rgba(0, 0, 0, .2);  backdrop-filter: blur(.1rem);  padding: .07rem .2rem; border-radius: 20px;}
.case .getcase{justify-content: center; margin-top: .85rem;}
@media (any-hover: hover) {
.case-list ul li:hover .pic img {  -webkit-transform: scale(1.05);  -ms-transform: scale(1.05);  transform: scale(1.05);}
.case-list ul li:hover .info .icon img{transform: rotate(-45deg);}
.case-list ul li:hover .case-btn { transform: translateY(0rem); transition: .4s;}
.case .getcase a:hover span{color: #3d3d3d;}
}

/* 对标标杆案例 */
.bench {position: relative; z-index: 1; background: url(../images/bench-bg.webp) no-repeat center; background-size: cover; padding: 1.2rem 0; overflow: hidden;}
.bench .container {padding-left: 1rem;}
.bench .getcase {margin-top: .5rem;}
.bench .numlist {margin-top: .6rem; display: flex; gap: 1.5rem; row-gap: .3rem;}
.bench .item .num {font-size: .6rem; font-weight: 700; display: flex;}
.bench .serveFive {overflow: visible; margin: 0; background: none; position: absolute; width: 100%; height: 100%; inset: 0;}
.bench .serveFive .explore-cursor {background: #ef9604;}
@media (any-hover: hover) {
  .bench .getcase a:hover span{color: #3d3d3d;}
}
  
.bench .group {    position: absolute;bottom: 0;right: 0;z-index: 10;}
.bench .group .imgBox {height: 6.8rem;display: block;position: relative;}
.bench .group .imgBox img {position: absolute; width: 100%; height: 100%;left: 0;top: 0; object-fit: cover; clip-path: inset(100% 0 0 0); opacity: 0; will-change: clip-path, transform, opacity;}
.bench .group .imgBox img:first-child {position: relative;}
































/* ====================================================================底部 */
.footer{background: #04090c; position: relative;}
.foternav{padding: 1.05rem 0 .8rem; }
.foternav dl dt{display: block; color: #fff; font-weight: bold;}
.foternav dl dt a{color: #fff;}
.foternav dl .ddbox{ margin-top: .2rem;}
.foternav dl dd a{display: block; color: rgba(255, 255, 255, 0.5);  line-height: 2;}
.foternav dl strong a{color: #fff;}
.foternav dl:last-child .ddbox{margin-bottom: .6rem;}
/* 社交图标 */
.f-social {  gap: .4rem; }
.f-social a {  height: .34rem;  transition: .4s; }
.f-social a img{display: block; max-height: 100%; object-fit: contain;}
.f-social a i {font-size: var(--font34); color: #fff;}
/* 二维码提示 */
.f-social .f-weixin { position: relative; }
.f-social .weixin-code { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%) translateY(10px); width: 150px; background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transition: all 0.4s ease; text-align: center; z-index: 99;}
.f-social .weixin-code::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; }
.f-social .weixin-code img { width: 100%; height: auto; display: block; margin-bottom: 8px; filter: none !important; }
.f-social .weixin-code p { color: #333; font-size: 14px; margin: 0; line-height: 1.2; white-space: nowrap;}
.f-social .f-weixin:hover .weixin-code { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); }

.footer-address{border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: .5rem 0;}
.footer-address ul li .icon{width: .9rem; height: .83rem; margin-right: .2rem; display: flex; align-items: center; justify-content: center;}
.footer-address ul li .icon img{display: block; max-width: 100%; object-fit: contain;}
.footer-address ul li .info{}
.footer-address ul li .info em{display: block; margin-bottom: .13rem;}
.footer-address ul li .info p,.footer-address ul li .info a{color: rgba(255, 255, 255, 0.3);  }
.footer-copy {padding: .6rem 0 1rem;}
.footer-copy p{color: rgba(255, 255, 255, 0.3);  display: flex; align-items: center;}
.footer-copy a{display: inline-flex;}
.footer-copy span{margin: 0 .3rem;}
@media (any-hover: hover) {
  .foternav dl dd a:hover{color: #fff;}
  .footer-address ul li .info a:hover{color: #fff;}
  .footer-address ul li .info a
  .footer-copy p a:hover{color: #fff;}
}

/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 4rem;}
.ny-banner .box {top: 55%;}
.ny-nav {box-shadow: 1px 5px 8px 0px rgba(202,202,202,0.15); padding: .32rem 0;}
.ny-nav ul {display: flex; justify-content: center;gap: .1rem;}
.ny-nav ul li a {font-size: var(--font24); display: inline-block; border-radius: 100px; padding: .1rem .24rem; transition: .5s;}
.ny-nav ul li.on a {background: #04376F; color: #fff;}

/* 内页公用样式end!! */

/* ==========关于我们 */
.about-title h2 {font-size: var(--font48);}

.bgCircle-box2 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.bgCircle-box2 .bubble {position: absolute;animation: spin 6s infinite linear;transform-origin: 50% 45%;}
.bgCircle-box2 .bubble .circle {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; animation: spin-reverse 6s infinite linear;}
.bgCircle-box2 .bubble .circle {background:none;}
.bgCircle-box2 .bubble:nth-child(2n) { animation: spin2 6s infinite linear;}
.bgCircle-box2 .bubble:nth-child(2n) .circle {animation: spin-reverse2 6s infinite linear;}
.bgCircle-box2 .sm-bubble {transform-origin: 30% 30px;}
.bgCircle-box2 .bubble1 {left: -15.625%; top: -15%;width: 44.17%;padding-top: 44.17%;}
.bgCircle-box2 .bubble1 .circle {background:rgb(255, 134, 93,.05);}
.bgCircle-box2 .bubble2 {left: 72.9%;top: -47.22%;width: 49.375%; padding-top: 49.375%;}
.bgCircle-box2 .bubble2 .circle {background:rgb(255, 134, 93,.05);}
.bgCircle-box2 .bubble3 {left: 72.9%;top: 71%;width: 44.17%; padding-top: 44.17%;}
.bgCircle-box2 .bubble3 .circle {background-color: rgba(247,247,247,.5);}
.bgCircle-box2 .bubble4 {left: 27.4479%; top: 24.8%; width: 75px; padding-top: 75px;}
.bgCircle-box2 .bubble4 .circle {background-color: rgba(247,247,247);}
.bgCircle-box2 .bubble5 {left: 28.958%;top: 34.259%;width: 10px; padding-top: 10px;}
.bgCircle-box2 .bubble5 .circle {background-color: #ff865d;opacity: .1;}
.bgCircle-box2 .bubble6 {left: 21.875%;top: 42.6%;width: 110px; padding-top: 110px;}
.bgCircle-box2 .bubble6 .circle {border: 1px solid #ff865d;}
.bgCircle-box2 .bubble7 {left: 6.25%;top: 36.11%;width: 10px; padding-top: 10px;}
.bgCircle-box2 .bubble7 .circle {background-color: #ff865d;opacity: .1;}
.bgCircle-box2 .bubble8 {left: 9.73958%;top: 45%; width: 6px; padding-top: 6px;}
.bgCircle-box2 .bubble8 .circle {background-color: #ff865d;opacity: .1;}
.bgCircle-box2 .bubble9 {left: 76.2%;top: -1.85%; width: 140px;  padding-top: 140px;}
.bgCircle-box2 .bubble9 .circle {border: 1px solid rgba(255, 134, 93,.5);}
.bgCircle-box2 .bubble10 {left: 66.1458%; top: 10.37%;width: 50px; padding-top: 50px;}
.bgCircle-box2 .bubble10 .circle {border: 1px solid rgba(255, 134, 93,.8);}
.bgCircle-box2 .bubble11 {left: 68.958%;top: 31.11%; width: 10px;padding-top: 10px;}
.bgCircle-box2 .bubble11 .circle {background-color: #ff865d;opacity: .1;}
.bgCircle-box2 .bubble12 {left: 79.27%;top: 39.44%; width: 10px;padding-top: 10px;}
.bgCircle-box2 .bubble12 .circle {background-color: #ff865d;opacity: .1;}
.bgCircle-box2 .bubble13 {left: 71.875%;top: 41.38%;width: 114px; padding-top: 114px;}
.bgCircle-box2 .bubble13 .circle {border: 1px solid #ff865d;}
.bgCircle-box2 .bubble14 {left: 64.9479%;top: 55%; width: 16px;padding-top: 16px;}
.bgCircle-box2 .bubble14 .circle {background-color: #ff865d;opacity: .1;}
.bgCircle-box2 .bubble15 {left: 81.4%;top: 51.38%; width: 70px;padding-top: 70px;}
.bgCircle-box2 .bubble15 .circle {background-color: #ff865d; opacity: .5;}
.bgCircle-box2 .bubble16 {left: 56%;top: 71%;width: 140px; padding-top: 140px;}
.bgCircle-box2 .bubble16 .circle {background-color: #ff865d; opacity: .2; }
@keyframes spin{to{transform: rotate(1turn);}}
@keyframes spin2{to{transform: rotate(-1turn);}}
@keyframes spin-reverse{from{transform:rotate(1turn);}}
@keyframes spin-reverse2{from{ transform:rotate(-1turn);}}

.aboutOne {position: relative; padding: 1.2rem 0; padding-bottom: 0; padding-top: calc(1.1rem + 1.2rem); background: #fff; overflow: hidden;}
.aboutOne .index-title {margin-bottom: 0;}
.aboutOne .index-title h2 {font-size: .72rem;}
.aboutOne .container {position: relative; z-index: 2; padding: 0 1.2rem;}
.aboutOne .numlist {display:flex; justify-content: space-between; margin-top: 1.2rem;}
.aboutOne .numlist .item {text-align: center;}
.aboutOne .numlist .item .num {font-size: .8rem; font-weight: 700; line-height: 1; color: #333; display: flex; justify-content: center; align-items: center;}
.aboutOne .numlist .item .num > div {}
.aboutOne .numlist .item .txt {font-size: var(--font24); text-align: center;}
.aboutOne .list {margin-top: 1.2rem;display: flex;flex-direction: column;gap: 0.3rem;width: 100%;position: relative;z-index: 1;}
.aboutOne .list .row {display: flex;gap: 0.3rem;width: max-content;}
.aboutOne .list .row .item {width: 6.3rem;position: relative;}
.aboutOne .list .row .item img {width: 100%;height: 100%;object-fit: cover;border-radius: 0.2rem;}
.aboutOne .con {position: absolute;bottom: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;z-index: 10;}
.aboutOne .con .text-box {width: 60%;max-width: 1400px;transform: translateY(50px);text-align: center;}
.aboutOne .con .text-box p {font-size: var(--font28);font-weight: bold; display: block ; }

.aboutTwo {padding: 1rem 0; margin-top: 1rem; position: relative; overflow: hidden; background: url(../images/aboutThre-bg.webp) no-repeat center; background-size: cover; }
.aboutTwo .box {height: 100%; display: flex; align-items: center; padding-bottom: 10%;}
.aboutTwo .mySwiper2 {margin-top: 1rem;}
.aboutTwo .mySwiper2 .slide .con {display: flex; align-items: center;}
.aboutTwo .mySwiper2 .slide .year {font-size: 3rem; color: #fff; opacity: .3; font-weight: 600; line-height: 1; flex-shrink: 0; padding-right: 1.2rem; position: relative; border-right: 1px solid #fff;}
.aboutTwo .mySwiper2 .slide .text {padding-left: 1.2rem;font-size: var(--font26);color: #fff; flex: 1; }
.aboutTwo .thumb_box {position: absolute; width: 100%; left: 0; bottom: 5%;}
.aboutTwo .thumb_box::before {content: "";height: 1px;background: #fff;width: 100vw;position: absolute;left: 50%;top: 50%;transform: translate(-50%, calc(-50% - .35rem));}
.aboutTwo .mySwiper .slide {text-align: center; height: 1rem; cursor: pointer; padding-top: .1rem;}
.aboutTwo .mySwiper .slide .circle {width: .1rem; height: .1rem; border-radius: 50%; background: #fff; margin: 0 auto; display: block; position: relative;}
.aboutTwo .mySwiper .slide .circle::after {content: "";width: 220%;height: 220%;position: absolute; transition: .5s ease-in-out; top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);border-radius: 50%;border: 2px solid #FFFFFF; }
.aboutTwo .mySwiper .slide .time {color: #fff; opacity: .3; margin-top: .15rem; transition: .5s linear;}
.aboutTwo .mySwiper .slide.swiper-slide-thumb-active .time {font-size: var(--font20); opacity: 1;}
.aboutTwo .mySwiper .slide.swiper-slide-thumb-active .circle::after {transform: translate(-50%, -50%) scale(1);}
/* 控件 */
.aboutTwo .swjt { width: .5rem; height: .5rem; background: rgba(255, 255, 255, 0.2); margin: 0; border-radius: 50%; position: relative; transform: none; left: 0; right: 0; top: 0; bottom: 0; transition: .5s;}
.aboutTwo .swjt i {color: #fff;}
.aboutTwo .swjt {}
.aboutTwo .swjt.active {background: #fff;}
.aboutTwo .swjt.active i {color: #001a66;}
@media (any-hover: hover) {
  .aboutTwo .swjt:hover {background: #fff;}
  .aboutTwo .swjt:hover i {color: #001a66;}
}

.aboutThre {background: #f9f9f9; padding: 1.2rem 0; position: relative; overflow: hidden; height: 100vh;}
.aboutThre .tle {border-bottom: 1px solid #d8d8d8;}
.aboutThre .list {display:inline-flex; margin-top: .6rem;}
.aboutThre .list .item {display: inline-flex; padding-left: 1.2rem; width: 80%; flex-shrink: 0;}
.aboutThre .item .left {width: auto;padding-bottom: 1rem; padding-right: .5rem; flex: 1; display: flex; flex-direction: column; justify-content: space-between;  transform: translateY(30px); transition: all 1s ease 0.2s;}
.aboutThre .item .right {width: 60%; overflow: hidden; border-radius: .2rem;}
.aboutThre .item .right img {width: 100%; transition: all 1s ease; transform: scale(1.2); opacity: 0.6;}
.aboutThre .item .num {font-size: .6rem; font-weight: 700;}
.aboutThre .item .p1 {font-size: var(--font40); margin-bottom: .2rem;}
.aboutThre .item .p2 {font-size: var(--font20);}
.aboutThre .item.active .left { opacity: 1; transform: translateY(0); }
.aboutThre .item.active .right img {transform: scale(1); opacity: 1;}

.aboutFour {padding: 1.2rem 0; background: #fff; overflow: hidden; }
.logo-marquee-wrapper {margin-top: .8rem; display: flex; flex-direction: column; gap: .2rem; }
.marquee-row {width: 100%; overflow: hidden; white-space: nowrap; position: relative; }
.marquee-content { display: inline-flex; align-items: center; gap: .2rem; width: max-content;}
.marquee-content .item {width: 2rem; height: 1.2rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: .1rem; transition: background .3s; border-radius: .1rem; }
.marquee-content .item img { max-width: 100%; max-height: 100%; filter: grayscale(1); transition: all .4s; opacity: 0.6;}
.marquee-content .item:hover { }
.marquee-content .item:hover img {filter: grayscale(0); opacity: 1; transform: scale(1.1);}

/* ==========服务 */
.serveMain .container {max-width: 1440px;}
.serveMain .index-title {margin-bottom: 0;}
.serveMain .index-title h2 {font-size: var(--font48);}

.serveOne {padding: .8rem 0; position: relative; overflow: hidden;}
.serveOne .t1 {font-size: .62rem; display: block; line-height: 1;}
.serveOne .t2 {font-size: var(--font46); }
.serveOne .getcase {margin-top: .5rem;}
.serveOne .text {line-height: 2;}
@media (any-hover: hover) {
  .serveOne .getcase a:hover span{color: #3d3d3d;}
}
.serveOne .imgBox {margin-top: .8rem; overflow: hidden;    position: relative; left: 50%;transform: translateX(-50%);}
.serveOne .imgBox img {width: 100%;}

.serveTwo {position: relative; padding-bottom: 1rem;}
.serveTwo .index-title {margin-bottom: .3rem;}
.serveTwo .box {align-items: flex-start;}
.serveTwo .tle .desc {line-height: 1.8;}
.serveTwo .le {width: 33.5%; position: sticky; top: 1.5rem;}
.serveTwo .re {width: 50%;}
.serveTwo .list .item {position: sticky; top: 1.5rem; background: #fff; margin-bottom: .3rem; display: flex; align-items: flex-start; gap: .5rem;  border: 1px solid #dedede; padding: .5rem .6rem; border-radius: .2rem;}
.serveTwo .list .item .icBox {width: .65rem; flex-shrink: 0; display: flex; justify-content: center; align-items: center;}
.serveTwo .list .item .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.serveTwo .list .item h4 {font-size: var(--font22); margin-bottom: .15rem; font-weight: 700;}
.serveTwo .list .item p {color: #666; line-height: 1.8;}

.serveThre { overflow: hidden; background: url(../images/serveThre-bg.webp) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 1rem 0; position: relative;}
.serveThre .thre-title {margin-bottom: 1rem;}
.serveThre .thre-title h2 {font-size: .48rem;}

.serveThre .process-content {padding: 1.2rem 0 .5rem; min-height: 4rem;}
.serveThre .process-item .le {width: 55%; padding: .2rem 0 1rem; padding-right: 1rem;}
.serveThre .process-item .le h3 {font-size: var(--font42); margin-bottom: .2rem;}
.serveThre .process-item .le .desc {line-height: 1.8; color: #fff;}
.serveThre .process-item {padding: 0 .8rem;}
.serveThre .process-item .re {flex: 1; padding-top: .3rem; padding-left: 1rem; border-left: 1px solid rgba(255,255,255,0.1);}
.serveThre .process-item .re h4 {font-size: var(--font34); margin-bottom: .3rem;}
.serveThre .process-item .tag {padding: .12rem .3rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 100px; color: #fff; font-size: var(--font18);}

.serveThre .process-nav {position: relative; margin-top: .3rem; overflow: visible;}
.serveThre .process-nav::before {content: ""; position: absolute; left: 0; top: 5px; width: 200vw; left: -100vw; height: 1px; background: rgba(255,255,255,0.1); z-index: 1;}
.serveThre .process-nav .swiper-wrapper {position: relative; z-index: 2; width: 100%;}
.serveThre .process-nav .swiper-slide {position: relative; text-align: center; cursor: pointer; height: auto;}
.serveThre .process-nav .swiper-slide .dot {width: 10px; height: 10px; background: #d7d7d7; border-radius: 50%; margin: 0 auto .2rem; transition: .3s; position: relative; z-index: 3;}
.serveThre .process-nav .swiper-slide p {color: #fff; transition: .3s;}
.serveThre .process-nav .swiper-slide-thumb-active .dot {background: #ef9604; box-shadow: 0 0 0 .1rem rgba(239, 150, 4, 0.3);}
.serveThre .process-nav .swiper-slide-thumb-active p {color: #ef9604;}
.serveThre .process-nav .swiper-slide.on .dot {background: #ef9604; opacity: 0.6;}
.serveThre .process-nav .swiper-slide.on p {color: rgba(255,255,255,0.6);}

.serveFour {position: relative; overflow: hidden; padding: 1.2rem 0;}
.serveFour .list {margin-top: .5rem;}
.serveFour .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; position: relative;}
.serveFour .list li {min-height: clamp(374.88px, 7rem, 568px); background: #fff; border: 1px solid #eee; border-radius: 0.1rem; padding: 0.15rem 0.15rem 0.3rem; overflow: hidden;}
.serveFour .list li a {width: 100%;display: block;}
.serveFour .list li .public-img {width: 100%;border-radius: 0.1rem; overflow: hidden;position: relative; }
.serveFour .list li .public-img::before { content: ""; display: block; position: relative; z-index: 0; padding-top: 100%;transition: .5s;}
.serveFour .list li .public-img img {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;object-fit: cover; transition: all 0.8s;}
.serveFour .list li a .tbox {width: 100%;margin-top: 0.37rem;padding: 0 0.7rem 0 0.2rem;position: relative;}
.serveFour .list li a .tbox .t1 {color: #666;display: flex;}
.serveFour .list li a .tbox .t1 span {color: #ef9604;padding-right: 0.1rem;margin-right: 0.1rem;position: relative;}
.serveFour .list li a .tbox .t1 span::after {content: '';width: 1px;height: 13px;background: #ddd;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.serveFour .list li a .tbox .txt {color: #333;margin-top: 0.18rem;height: 1.33333333em;}
.serveFour .list li a .tbox .mores {color: #ef9604;display: flex;align-items: center;position: absolute;top: calc(100% + 0.4rem);left: 0.2rem;opacity: 0;transition: all 0.6s;}
@media (any-hover: hover) {
  .serveFour .getcase a:hover span{color: #3d3d3d;}
  .serveFour .list li:hover a .public-img::before { padding-top: 90%;}
  .serveFour .list li:hover a .tbox .mores {transform: translateY(-0.1rem);opacity: 1;}
}

/* 服务数据展示 */
.serveFive {margin-top: 1rem; background: linear-gradient(to bottom, #ef9604 40%, #000 40%); position: relative; overflow: hidden; }
.serveFive .box {padding: 1rem; padding-bottom: .5rem; padding-top: 0; background: #fff; position: relative; z-index: 2;}
.serveFive .card {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -.4rem;}
.serveFive .card .item {width: 50%;border-bottom: 1px solid #CDCBC8; padding: .6rem 0rem;}
.serveFive .card .item:first-child {margin-left: 50%; padding: 0;}
.serveFive .card .item:first-child .num {font-size: 1.7rem;}
.serveFive .card .item .txt {font-size: var(--font24); color: #666;}
.serveFive .card .item .num {font-size: 1.28rem; color: #333; display: flex; align-items: center; font-weight: 700;}
.serveFive .card .item:nth-child(2) {border-top: 1px solid #CDCBC8;}
.serveFive .card .item:nth-of-type(2n) {border-right: 1px solid #CDCBC8;}
.serveFive .card .item:nth-of-type(2n-1) {padding-left: 1rem;}
.serveFive .card .item .num .counter {color: #333; display: flex; align-items: center; font-weight: 700;}
.serveFive .card .item .num .dw {color: #333; display: flex; align-items: center; font-weight: 700;}
.serveFive .tit {padding-top: 1.5rem; padding-bottom: 1rem; font-family: initial; position: relative; overflow: hidden;}
.serveFive .tit h2 { font-size: 18vw;  line-height: .9; letter-spacing: -.03em; text-align: center; white-space: nowrap; color: #fff; font-weight: 900;}
.serveFive .explore-cursor {width: 3.6rem; height: 3.6rem; flex-direction: column; align-items: center; justify-content: center;  background: radial-gradient( circle at center, rgba(239, 150, 4, 1) 0%,   /* 中心 70% 浓度 */ rgba(239, 150, 4, 0) 70%     /* 边缘完全透明 */  );backdrop-filter: blur(10px);}
.serveFive .explore-cursor .sub {padding: .8rem; padding-bottom: 1.4rem; display: flex; align-items: center; justify-content: center;}
.serveFive .explore-cursor .sub img {max-width: 100%; max-height: 100%; object-fit: contain;}
.serveFive .explore-cursor h4 {position: absolute; font-size: .28rem; left: 50%; transform: translateX(-50%); bottom: .6rem;}

/* ==========案例 */
.casesOne {padding: .6rem 0;}
.casesOne .getcase {margin-top: .4rem;}
.casesOne .text {line-height: 2;}
@media (any-hover: hover) {
  .casesOne .getcase a:hover span{color: #3d3d3d;}
}

.casesList {padding: .6rem 0; background: #f8f8f8;}
.case_nav ul {display: flex; flex-wrap: wrap; gap: .15rem;} 
.case_nav li a {position: relative; overflow: hidden; z-index: 2; display: block; font-size: var(--font18); text-align: center; min-width: 1.15rem; padding: .14rem .3rem; border: 1px solid #bebebe; border-radius: 100px; transition: .5s;}
.case_nav li a::before {content: "";position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;background-color: #ef9604;border-radius: 100px;transform: scaleX(0);transform-origin: right;transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.case_nav li.on a {background: #ef9604; color: #fff; border-color: #ef9604; }
.case_nav li a:active {background: #ef9604; color: #fff; border-color: #ef9604; }
.case_nav li a span {position: relative; z-index: 2;    transition: all 0.6s;}
@media (any-hover: hover) {
  .case_nav li:hover a {color: #fff; border-color: transparent; }
  .case_nav li:hover a::before {transform: scaleX(1);transform-origin: left;}
}
.case_num {margin-top: .3rem;}

.casesList .list {margin-top: .6rem;}
.casesList .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem;}
.casesList .list li {position: relative;}
.casesList .list li .public-img {position: relative; overflow: hidden; border-radius: 0.1rem; padding-top: 100%;}
.casesList .list li .public-img .imgBox img {position: absolute; width: 100%; height: 100%; object-fit: cover; inset: 0; transition: .5s;}
.casesList .list li .tag {position: absolute; padding: .2rem; box-sizing: border-box; left: 0; top: 0; z-index: 2; transform: translateY(-100%); transition: .5s;}
.casesList .list li .tag span{display: inline-block; white-space: nowrap;   font-size: var(--font14);  color: #fff;  background: rgba(0, 0, 0, .2);  backdrop-filter: blur(.1rem);  padding: .07rem .2rem; border-radius: 100px;}
.casesList .list li .con {padding: .2rem 0; display: flex; justify-content: space-between; align-items: center; gap: .4rem;}
.casesList .list li h6 {font-size: var(--font24); margin-bottom: .1rem; color: #333; transition: .5s;}
.casesList .list li .jt {width: .36rem; height: .36rem; min-height: 30px; min-width: 30px; border: 1px solid #999; border-radius: 50%; font-size: var(--font20); transition: .5s;}
@media (any-hover: hover) {
  .casesList .list li:hover h6 {color: #ef9604;}
  .casesList .list li:hover .tag {transform: translateY(0);}
  .casesList .list li:hover .public-img .imgBox img {  transform: scale(1.05);}
  .casesList .list li:hover .jt {border-color: #ef9604; color: #ef9604;}
}

/* 新闻内页 */
.newsOne {background: #f8f8f8;}
.newsTwo {padding: 0.8rem 0; background: #f8f8f8;}
.newsTwo .box {background: #fff; border-radius: 0.3rem; padding: 1rem; box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.05);}
.news-top-card {gap: 0.6rem;}
.news-top-card .info {flex: 1; padding-bottom: .5rem;}
.news-top-card .meta {}
.news-top-card h3 {transition: .5s;}
.news-top-card .title { line-height: 1.3;}
.news-top-card .desc { line-height: 1.8;}
.news-top-card .more a { display: inline-block; font-size: var(--font30); font-weight: 700; color: #333; margin-top: 0.4rem; cursor: pointer;  transition: 0.3s; }
.news-pagination.swiper-pagination {z-index: 3; position: relative;  text-align: left; margin-top: 0; transform: translateY(-100%); display: flex; align-items: center}
.news-pagination.swiper-pagination .swiper-pagination-bullet { }
.news-pagination.swiper-pagination .swiper-pagination-bullet-active { background: #ef9604; }
.news-top-card .pic {width: 38%; min-height: 5rem; height: auto; border-radius: 0.2rem; overflow: hidden; flex-shrink: 0;}
.news-top-card .pic img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
@media (any-hover: hover) {
  .news-top-card .more a:hover {color: #ef9604; transform: rotate(180deg);}
  .news-top-card a:hover h3 {color: #ef9604; }
  .news-top-card .pic a:hover img {transform: scale(1.05);}
}


.newslist {background: #fff; padding: 1rem 0; overflow: hidden; position: relative;}
.newslist .list {margin-top: .5rem;}
.newslist .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; row-gap: .3rem;}
.newslist .list li {position: relative;    border: 1px solid #eee; border-radius: .1rem; overflow: hidden;}
.newslist .list li .public-img {position: relative; overflow: hidden; padding-top: 60%;}
.newslist .list li .public-img img {position: absolute; width: 100%; height: 100%; object-fit: cover; inset: 0; transition: .5s;}
.newslist .list li .con {padding: .3rem; padding-bottom: .4rem; position: relative; z-index: 2;}
.newslist .list li .lb {transition: .5s;}
.newslist .list li h4 { margin-top: .2rem; margin-bottom: .1rem; color: #333; transition: .5s;}
.newslist .list li .more {margin-top: .6rem; color: #ef9604; display: flex; align-items: center; gap: .1rem; cursor: pointer; transition: .5s;}
.newslist .list li .more i {font-size: var(--font14); color: #fff; transition: .5s; width: 24px; height: 24px; background: #ef9604; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.newslist .list li .con:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #ef9604;transition: .5s;z-index: -1;opacity: 0;clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
@media (any-hover: hover) {
  .newslist .list li:hover .lb {color: #fff;}
  .newslist .list li:hover .more {color: #fff;}
  .newslist .list li:hover .more i {background: #fff; color: #ef9604;}
  .newslist .list li:hover h4 {color: #fff;}
  .newslist .list li:hover .public-img  img {  transform: scale(1.1);}
  .newslist .list li:hover .con:after {  opacity: 1;  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
}

/* =====新闻详情 */
/* 案例详情 */
.newsDetail {margin: .8rem 0;}
.newsDetail .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newsDetail .box .le {width: 68%;}
.newsDetail .box .le h3 {font-size: var(--font36);font-weight: 400;color: #333333; }
.newsDetail .box .le .leInfo {margin-top: .24rem; display: inline-flex; gap: .2rem;}
.newsDetail .box .le .leInfo span {font-weight: 400;color: #666666;display: inline-block;}
.newsDetail .box .le .con {margin: .48rem 0;}
.newsDetail .box .le .con img{max-width: 100%;}
.newsDetail .box .le .leLink p {display: flex; align-items: center; gap: .15rem;}
.newsDetail .box .le .leLink p:nth-child(1) span {color: #EF9604; font-weight: 700; font-size: var(--font24);}
.newsDetail .box .le .leLink p:nth-child(1) a {color: #000; font-size: var(--font18); position: relative;}
.newsDetail .box .le .leLink p:nth-child(2) span {font-size: var(--font24); color: #333;}
.newsDetail .box .le .leLink p:nth-child(2) a {display: inline-block; color: #EF9604; font-weight: 700; font-size: var(--font24); position: relative;}
.newsDetail .box .le .leLink p a::after {content: ""; position: absolute; bottom: 0; width: 0; left: 50%; height: 1px; background: #EF9604; transition: .5s;}
.newsDetail .box .le .leLink p:nth-child(1) a:hover::after {width: 100%; left: 0; background: #333;}
.newsDetail .box .le .leLink p:nth-child(2) a:hover::after {width: 100%; left: 0;}
.newsDetail .box .re {width: 28%;     background: #fafafa; padding: .32rem .48rem; box-sizing: border-box; position: sticky; top: 1.2rem;}
.newsDetail .box .re h5 {color: #333; font-size: var(--font24); margin-top: .15rem;}
.newsDetail .recomlist {position: relative; overflow: hidden; }
.newsDetail .recomlist li {margin:.15rem 0;}
.newsDetail .recomlist li .gx_dbnml {display: flex; justify-content: space-between; gap: .15rem;font-size: var(--font14);  color: #999; margin-bottom:0rem;}
.newsDetail .recomlist li .gx_imgx {width: 16px;  display: inline-block;}
.newsDetail .recomlist li .gx_imgx img {display: block; width: 100%;}
.newsDetail .recomlist li h6 {  color: #848484;  transition: .5s; }
.newsDetail .recomlist li:hover h6 {color: #EF9604;}

/* ==========联系我们 */
.contactbox {padding:.8rem 0 1.2rem;}
.contactbox .cont {width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;}
.contactbox .cont .lt, .contactbox .cont .gt { width: 50%;}
.contactbox .cont .tit {font-size: var(--font32);font-weight: 400;color: #333333;}
.contactbox .cont .tit span{color:#EF9604}
.contactbox .cont .lt .text {font-size: var(--font20);color: #666666;font-weight: 400; margin-top: .32rem;}
.contactbox .cont .lt .make-text {margin: .3rem 0 .24rem 0;}
.contactbox .cont .lt .make-text p {font-size: var(--font28);color: #222222;font-weight: 400;}
.contactbox .cont .lt dl dd {color: #333;font-weight: 400; margin-top: .15rem;}
.contactbox .cont .lt dl dd a {color: #333;text-decoration: none;}
.contactbox .cont .lt dl dd a:hover {color: #EF9604;}
.contactbox .form { width: 100%; margin-top: .32rem; display: flex; flex-wrap: wrap; gap: .5rem; row-gap: .2rem; justify-content: space-between; }
.contactbox .form .item { width: calc(50% - 0.25rem);} 
.contactbox .form .item label {width: 100%;display: block; margin-bottom: .1rem;}
.contactbox .form .item input { border-bottom: 1px solid #eee; width: 100%; height: .5rem; min-height: 36px; box-shadow: none;}
.layui-form-select .layui-input {border: 0;border-bottom: 1px solid #eee;}
.layui-form-select dl {top: 100%;}
.c-btnBox{margin-top: .32rem;}
.c-btnBox button,.cont-a a{    width: 152px;height: 54px;font-size: 18px;line-height: 52px; background: #EF9604;color:#fff;border:none;border-radius:5px}
.cont-a a{background: none;border:1px solid #ddd;line-height: 54px;text-align: center;padding:0 10px;margin-top: 110px;transition: all .5s;color:#333;}
.cont-a img{width: 25px;vertical-align: middle;margin-right:10px}
.cont-a a{display: block;}
.cont-a a:hover{ background: #EF9604;color:#fff}
.cont-a a:hover img {filter: brightness(100);}

/* ==================== 与您分享 见证未来 ==================== */
.indexNews {position: relative;padding: 1.0rem 0;background-color: #f7f7f7;overflow: hidden}
.indexNews .container {max-width: 1700px;}
.indexNews .news-top {display: flex;justify-content: space-between;gap: 0.24rem;margin-bottom: 0.4rem;}
.indexNews .news-top-left {flex: 2;border-radius: 0.2rem;position: relative;overflow: hidden;transition: transform 0.4s ease, box-shadow 0.4s ease;}
.indexNews .news-top-left .swiper-slide {height: auto;display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;}
.indexNews .news-top-left .swiper-slide .imgBox {height: 100%;}
.indexNews .news-top-left .swiper-slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexNews .news-top-left .swiper-slide .bottom-info {position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.5rem;}
.indexNews .news-top-left .banner-dots {position: absolute;right: 0.5rem;bottom: 0.5rem;left: auto;z-index: 10;margin-bottom: 0;width: auto;}
.indexNews .news-top-left .bottom-info .title-date h3 {font-size: var(--font24);font-weight: 700;color: #f9f9f9;margin-bottom: 0.1rem;transition: color 0.3s ease;}
.indexNews .news-top-left .bottom-info .title-date .date {font-size: var(--font18);color: #f9f9f9;}
.indexNews .banner-dots {display: flex;gap: 8px;}
.indexNews .banner-dots .dot {width: 8px;height: 8px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.4);transition: all 0.3s ease;}
.indexNews .banner-dots .dot.active,
.indexNews .banner-dots .dot:hover {background-color: #fff;width: 0.2rem;border-radius: 4px;}
.indexNews .news-top-right {flex: 1;background:  radial-gradient(circle at top left, #ffe9c9 0%, transparent 60%),radial-gradient(circle at bottom right, #ffe9c9 0%, transparent 60%),#ffffff;border-radius: 0.2rem;padding: 0.4rem .3rem;transition: transform 0.4s ease, box-shadow 0.4s ease;position: relative;}
.indexNews .tag-orange {display: inline-block;padding: 0.1rem 0.22rem;background-color: #ef9604;color: #fff;font-size: var(--font18);border-radius: 100px;font-weight: 500;margin-bottom: 0.25rem;}
.indexNews .news-top-right-header .title {font-size: var(--font18);font-weight: 700;color: #333;margin-bottom: 0.12rem;transition: color 0.3s ease;}
.indexNews .news-top-right-header .title a {color: #333;transition: color 0.3s ease;}
.indexNews .news-top-right-header .summary {font-size: var(--font15);color: #666;margin-bottom: 0.12rem;}
.indexNews .news-top-right-header .date {color: #8b8b8b;}
/* Right Card List Items */
.indexNews .news-top-right-list {padding-top: .2rem;margin-top: .3rem;border-top: 1px solid rgba(239, 150, 4, 0.15);}
.indexNews .news-top-right-list li {margin-bottom: .2rem;}
.indexNews .news-top-right-list li a {font-size: var(--font18);color: #333;transition: color 0.3s ease;}
/* Bottom Row Layout */
.indexNews .news-bottom {display: flex;justify-content: space-between;gap: 0.24rem;}
.indexNews .news-bottom-card {flex: 1;background-color: #fff;border-radius: 0.2rem;padding: 0.45rem .3rem;padding-top: .8rem;min-height: 3.4rem;display: flex;flex-direction: column;justify-content: space-between;transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;border: 1px solid rgba(0, 0, 0, 0.03);box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.02);position: relative;overflow: hidden;}
.indexNews .news-bottom-card a {display: flex; height: 100%; flex-direction: column; justify-content: space-between;position: relative;z-index: 2;}
.indexNews .news-bottom-card .card-top .date {font-size: var(--font20);display: block;margin-bottom: 0.1rem;}
.indexNews .news-bottom-card .card-top .title {font-size: var(--font24);font-weight: 700;color: #333;overflow: hidden;transition: color 0.3s ease;}
.indexNews .news-bottom-card .card-top .title a {color: #333;transition: color 0.3s ease;}
.indexNews .tag-light {display: inline-block;padding: 0.1rem 0.22rem;color: #ef9604;background-color: #fff6ee;border-radius: 100px;font-weight: 500;transition: all 0.3s ease;border: 1px solid rgba(239, 150, 4,.5);}
/* Hover States under (any-hover: hover) media query */
@media (any-hover: hover) {
  .indexNews .news-top-left:hover {transform: translateY(-5px);box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.2);}
  .indexNews .news-top-left:hover .bottom-info .title-date h3 {color: #ef9604;}
  .indexNews .news-top-right:hover {transform: translateY(-5px);box-shadow: 0 0.15rem 0.35rem rgba(239, 150, 4, 0.08);}
  .indexNews .news-top-right-header:hover .title a {color: #ef9604;}
  .indexNews .news-top-right-list li a:hover {color: #ef9604;}
  .indexNews .news-bottom-card:hover {transform: translateY(-5px);box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.06);border-color: rgba(239, 150, 4, 0.15);}
  .indexNews .news-bottom-card:hover .tag-light {background-color: #ef9604;color: #fff;}
}
/* Card Background Drawing Animation */
.card-bg-animation {position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;overflow: hidden;border-radius: 0.2rem;}
.card-bg-animation svg {position: absolute;right: 0;bottom: 0;width: 70%;height: 75%;}
.card-bg-animation .bg-shape-fill {fill: #FFF6EE;opacity: 0;transform: scale(0.95) translate(10px, 10px);transform-origin: bottom right;transition: opacity 0.5s ease-out 0.15s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;}
.card-bg-animation .bg-shape-triangle {fill: #ffffff;opacity: 0;transform: scale(0.95) translate(10px, 10px);transform-origin: bottom right;transition: opacity 0.5s ease-out 0.15s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s;}
.card-bg-animation .bg-shape-line {stroke: #ef9604;stroke-width: 2.5;stroke-linecap: round;fill: none;stroke-dasharray: 450;stroke-dashoffset: 450;opacity: 0;}
/* Hover Effects */
.news-bottom-card:hover .card-bg-animation .bg-shape-line {animation: drawAndFadeLine 0.8s forwards cubic-bezier(0.25, 1, 0.5, 1);}
.news-bottom-card:hover .card-bg-animation .bg-shape-fill,
.news-bottom-card:hover .card-bg-animation .bg-shape-triangle {opacity: 1;transform: scale(1) translate(0, 0);}
/* Reset states when not hovered */
.news-bottom-card:not(:hover) .card-bg-animation .bg-shape-line {stroke-dashoffset: 450;opacity: 0;transition: stroke-dashoffset 0.3s ease-in, opacity 0.2s ease;}
@keyframes drawAndFadeLine {0% {stroke-dashoffset: 450;opacity: 0;}15% {stroke-dashoffset: 450;opacity: .5;}75% {stroke-dashoffset: 0;opacity: .5;}100% {stroke-dashoffset: 0;opacity: 0;}}

/* 来一场关于你的项目讨论会？ */
.project-bg{background: #f7f7f7; position: relative; overflow: hidden;}
.project-list ul { position: relative; display: grid; grid-template-columns: repeat(2,1fr); gap: 0.24rem; z-index: 2; pointer-events: none;}
.project-list ul li .pic{  border-radius: 0.24rem;  overflow: hidden;  position: relative;}
.project-list ul li .pic img{display: block; width: 100%; object-fit: cover;}
.project-title {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;}
.project-title{display: flex;flex-direction: column;align-items: center;}
.project-title .index-title{margin-bottom: 0;}
.project-link a{background: #ef9604;border-radius: 100px;padding: .07rem .3rem; transition: .6s; cursor: pointer; display: flex; margin-top: .2rem;}
.project-link i{margin-left: .3rem;}
@media (any-hover: hover) {
.project-link a:hover{box-shadow: 0 0 0 .1rem rgba(239, 150, 4, .5);}
}