/*==============================响应式=======================================*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
@media screen and (max-width: 1820px) {

}
@media screen and (max-width: 1620px) {

}
@media screen and (max-width: 1580px) {

}
@media screen and (max-width: 1370px) {
.hero2{ background-size：cover; background:#08090b url(../images/bannertu2.jpg) no-repeat center center; }
.outcome-grid h4{ height:32px; line-height:32px; overflow:hidden; }
.outcome-grid p{ height:60px; line-height:30px; overflow:hidden; }


.journey h3{ height:60px; line-height:30px; overflow:hidden; }
[data-service-core-grid] article h3{ margin-top:35px !important;  }
.journey p{ height:72px; line-height:24px !important; overflow:hidden; }

.conversion-stage-card h3{ height:60px; line-height:30px; }
.section-head h2, .page-hero h1{ font-size:clamp(42px, 4.3vw, 46px); }
}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1030px) {
.wrap{ width: 96% !important; }
.page-hero.has-page-visual{ min-height: 40vh; }
.conversion-stage-card h3{ height:auto; line-height:30px; }
}
@media screen and (max-width: 750px) {
	.menubtn2 {
  display: block;
  }
.nav_list { display: none; }
  .menubtn2 {
    width: 40px;
    height: 40px;
    padding-top: 19px; margin-top: 15px;
  }
   .navs__menus {
    top: 0;
    position: relative;
    margin-top: 0;
    height: 100%;
    padding: 70px 5% 50px;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

.hero2{ background:radial-gradient(circle at 78% 40%, #17212b 0, transparent 29%), linear-gradient(145deg, #080a0d 0%, #11151b 59%, #07090c);}
.hero2 .hero-visual img{ display: block; }

}
@media screen and (max-width: 640px) {


}
@media screen and (max-width: 540px) {

}

@media screen and (max-width: 414px) {


}
@media screen and (max-width: 386px) {

}
@media screen and (max-width: 320px) {

}
@media(max-width:1180px){
  .main-nav{font-size:11.5px}
  .hero h1{font-size:clamp(54px,5.7vw,74px)}
  .hero-lifecycle-strip{grid-template-columns:165px 1fr}
  .hero-process-steps li{padding-left:11px;padding-right:11px}.hero-process-steps li>span{left:11px}
  .hero-process-steps strong{font-size:11.5px}.hero-process-steps small{font-size:8.5px}.hero-process-steps em{font-size:7px}
}
@media(max-width:960px){
  .hero h1{font-size:62px}.section-head p{font-size:15px}
  .service-card dd,.solution-card p,.industry-card p{font-size:13px}
}
@media(max-width:760px){
  .hero-process-intro small{font-size:9px}.hero-process-intro strong{font-size:17px}.hero-process-intro span{font-size:11px}
  .hero-process-steps strong{font-size:13px}.hero-process-steps small{font-size:10px}.hero-process-steps em{font-size:8px}
}
@media(max-width:650px){
  body{font-size:15px}
  .hero h1{font-size:48px;line-height:1.04;letter-spacing:-.04em}.hero-lead{font-size:16px}.hero-note{font-size:11px}
  .section-head h2,.page-hero h1{font-size:39px}.statement h2{font-size:39px}
  .section-head p,.statement p,.role-copy p,.overview-intro{font-size:15px}
  .problem h3,.card h3{font-size:22px}.problem p,.card p{font-size:14px}
  .fusion-tile p{font-size:13px}.mode-card h3{font-size:32px}.mode-card p{font-size:14px}
  .detail-body h2{font-size:28px}.detail-body h3{font-size:19px}.detail-body p,.detail-body li{font-size:15px}
  .page-hero p{font-size:16px}.cta-section p{font-size:15px}
  .value-stage-head p{font-size:13px}.operation-flow strong{font-size:15px}.operation-flow small{font-size:10px}.outcome-grid p{font-size:11px}
}
@media(max-width:390px){.hero h1{font-size:43px}.section-head h2,.page-hero h1,.statement h2{font-size:36px}}