.about-modern{
    --about-blue:#2256e5;
    --about-ink:#1c2433;
    color:var(--about-ink);
    background:#fff;
    font-family:"Microsoft YaHei",Arial,sans-serif;
    overflow:hidden;
}
.about-shell{width:min(1720px,calc(100% - 96px));margin:0 auto;}
.about-hero{
    position:relative;
    min-height:740px;
    display:flex;
    align-items:center;
    background-position:center;
    background-size:cover;
    isolation:isolate;
}
.about-hero__shade{position:absolute;inset:0;z-index:-1;background:rgba(8,20,38,.55);}
.about-hero__inner{padding-bottom:50px;color:#fff;text-align:center;}
.about-hero h1{margin:0;font-size:54px;line-height:1.3;font-weight:700;letter-spacing:0;}
.about-hero__subtitle{margin:38px 0 0;font-size:27px;line-height:1.5;letter-spacing:0;}
.about-business{position:relative;z-index:2;margin-top:-166px;}
.about-business__grid{
    min-height:310px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    align-items:center;
    background:#fff;
    border-radius:8px;
    box-shadow:0 14px 35px rgba(32,50,80,.12);
}
.about-business__item{
    min-height:205px;
    padding:0 36px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-right:1px dashed #c7cfdb;
    box-sizing:border-box;
}
.about-business__item:last-child{border-right:0;}
.about-business__item img{display:block;width:176px;height:150px;object-fit:contain;}
.about-business__item h2{margin:16px 0 0;font-size:24px;line-height:1.4;font-weight:600;letter-spacing:0;}
.about-intro{
    min-height:1130px;
    padding:110px 0 120px;
    box-sizing:border-box;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:right center;
    background-size:55% auto;
}
.about-section-heading{text-align:center;}
.about-section-heading h2{margin:0;color:var(--about-blue);font-size:43px;line-height:1.35;font-weight:700;letter-spacing:0;}
.about-section-heading--left{text-align:left;}
.about-section-heading--left h2{color:#111;font-size:42px;}
.about-section-heading--ornament h2{display:inline-flex;align-items:center;gap:24px;}
.about-section-heading--ornament h2:before,.about-section-heading--ornament h2:after{
    content:"";
    width:70px;
    height:10px;
    background:linear-gradient(#2256e5,#2256e5) left top/52px 1px no-repeat,
               linear-gradient(#2256e5,#2256e5) right center/52px 1px no-repeat,
               linear-gradient(#2256e5,#2256e5) left bottom/52px 1px no-repeat;
    opacity:.65;
}
.about-section-heading--ornament h2:after{transform:scaleX(-1);}
.about-intro__content{
    max-width:900px;
    margin-top:42px;
    color:#4e5969;
    font-size:20px;
    line-height:2.05;
    white-space:normal;
}
.about-metrics{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:72px;
    margin-top:92px;
}
.about-metric{position:relative;min-width:0;padding-left:24px;text-align:left;}
.about-metric:before{content:"";position:absolute;left:0;top:8px;width:5px;height:28px;background:var(--about-blue);}
.about-metric strong{color:var(--about-blue);font:700 48px/1 Arial,sans-serif;letter-spacing:0;}
.about-metric em{margin-left:3px;color:var(--about-blue);font-size:19px;font-style:normal;font-weight:700;}
.about-metric span{display:block;margin-top:26px;color:#778193;font-size:15px;line-height:1.75;}
.about-culture{min-height:760px;padding:105px 0 112px;background:#f3f3f3;box-sizing:border-box;}
.about-culture__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:76px;}
.about-culture__card{
    min-height:348px;
    padding:55px 34px 38px;
    box-sizing:border-box;
    background:#fff;
    border-radius:8px;
    text-align:center;
}
.about-culture__icon{position:relative;display:inline-block;width:104px;height:104px;border-radius:50%;background:#f0f4ff;}
.about-culture__icon img{display:block;width:100%;height:100%;padding:18px;box-sizing:border-box;object-fit:contain;}
.about-culture__icon.has-custom-icon:before,.about-culture__icon.has-custom-icon:after{display:none;}
.about-culture__icon:before,.about-culture__icon:after{content:"";position:absolute;}
.about-culture__icon--mission:before{left:29px;top:29px;width:42px;height:42px;border:4px solid var(--about-blue);border-radius:50%;}
.about-culture__icon--mission:after{left:50px;top:20px;width:3px;height:65px;background:var(--about-blue);transform:rotate(45deg);}
.about-culture__icon--concept:before{left:31px;top:28px;width:41px;height:45px;border:4px solid var(--about-blue);border-radius:7px;box-shadow:0 -10px 0 -5px #f0f4ff,0 -10px 0 -2px var(--about-blue);}
.about-culture__icon--concept:after{left:39px;top:44px;width:27px;height:3px;background:var(--about-blue);box-shadow:0 12px 0 var(--about-blue);}
.about-culture__icon--vision:before{left:22px;top:32px;width:57px;height:36px;border:4px solid var(--about-blue);border-radius:70% 25% 65% 35%;transform:rotate(-20deg);}
.about-culture__icon--vision:after{left:50px;top:24px;width:3px;height:58px;background:var(--about-blue);transform:rotate(32deg);}
.about-culture__icon--value:before{left:27px;top:31px;width:49px;height:43px;border:4px solid var(--about-blue);border-radius:4px 4px 9px 9px;}
.about-culture__icon--value:after{left:22px;top:26px;width:59px;height:16px;border:4px solid var(--about-blue);border-radius:7px 7px 2px 2px;background:#f0f4ff;}
.about-culture__card h3{margin:31px 0 17px;color:#242b39;font-size:22px;line-height:1.4;font-weight:700;}
.about-culture__card p{margin:0;color:#697487;font-size:15px;line-height:1.75;}
.about-history{min-height:970px;padding:104px 0 130px;background:#fff;box-sizing:border-box;}
.about-history__stage{position:relative;display:grid;grid-template-columns:minmax(150px,280px) minmax(0,800px) minmax(260px,1fr);align-items:center;gap:clamp(28px,5vw,100px);min-height:610px;margin-top:48px;}
.about-history__timeline{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:18px;}
.about-history__step{display:flex;align-items:center;justify-content:center;width:48px;height:42px;margin-left:1px;padding:0;border:1px solid #d5e0f2;border-radius:4px;background:#fff;box-shadow:0 5px 15px rgba(23,75,164,.10);cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s,opacity .2s;}
.about-history__step span{display:block;width:11px;height:11px;border-top:3px solid var(--about-blue);border-left:3px solid var(--about-blue);}
.about-history__step--previous span{transform:rotate(45deg) translate(2px,2px);}
.about-history__step--next span{transform:rotate(225deg) translate(2px,2px);}
.about-history__step:hover:not(:disabled),.about-history__step:focus-visible{border-color:var(--about-blue);background:#f3f7ff;box-shadow:0 7px 18px rgba(23,75,164,.16);outline:0;}
.about-history__step:disabled{opacity:.32;cursor:default;box-shadow:none;}
.about-history__years{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:52px;}
.about-history__years:before{content:"";position:absolute;top:10px;bottom:10px;left:15px;width:1px;background:repeating-linear-gradient(to bottom,#a6afbc 0 3px,transparent 3px 8px);}
.about-history__years button{position:relative;z-index:1;display:none;min-width:150px;padding:5px 10px 5px 62px;border:0;background:transparent;color:#d6d8de;font-size:27px;line-height:1.2;text-align:left;font-weight:700;cursor:pointer;}
.about-history__years button.is-visible{display:block;}
.about-history__event-copy{display:none;}
.about-history__years button:before{content:"";position:absolute;left:5px;top:17px;width:26px;height:1px;background:#9fa8b6;}
.about-history__years button.is-active{color:var(--about-blue);font-size:43px;}
.about-history__years button.is-active:before{width:43px;background:var(--about-blue);}
.about-history__watermark{position:absolute;right:110px;top:-32px;margin:0;color:#e5eafd;font:700 130px/1 Arial,sans-serif;letter-spacing:0;pointer-events:none;}
.about-history__image{position:relative;z-index:1;overflow:hidden;margin:0;border-radius:5px;aspect-ratio:1.62;background:#e9eef6;}
.about-history__image img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s;}
.about-history__event{position:relative;z-index:1;align-self:center;padding-top:160px;}
.about-history__event time{display:block;color:var(--about-blue);font-size:32px;line-height:1.2;font-weight:700;white-space:nowrap;}
.about-history__event p{margin:13px 0 0;color:#4f5969;font-size:17px;line-height:1.7;white-space:pre-line;}
.about-cta{min-height:370px;padding:75px 0;display:flex;align-items:center;box-sizing:border-box;background-position:center;background-size:cover;}
.about-cta__inner{text-align:center;color:#fff;}
.about-cta__inner h2{margin:0;font-size:44px;line-height:1.35;font-weight:700;letter-spacing:0;}
.about-cta__button{display:inline-flex;align-items:center;justify-content:center;min-width:305px;height:72px;margin-top:42px;border-radius:38px;background:#ff5a14;color:#fff;font-size:24px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;}
.about-cta__button:hover{background:var(--about-blue);color:#fff;transform:translateY(-2px);}
@media(max-width:1100px){
    .about-shell{width:calc(100% - 48px);}
    .about-hero{min-height:560px;}
    .about-business{margin-top:-100px;}
    .about-business__grid{min-height:220px;}
    .about-business__item{min-height:160px;padding:0 18px;}
    .about-business__item img{width:128px;height:110px;}
    .about-intro{min-height:auto;padding:150px 0 100px;}
    .about-intro__content{max-width:60%;font-size:17px;}
    .about-metrics{gap:28px;}
    .about-history__stage{grid-template-columns:150px 1fr 260px;gap:28px;}
}
@media(max-width:767px){
    .about-shell{width:calc(100% - 32px);}
    .about-hero{min-height:350px;}
    .about-hero__inner{padding-bottom:35px;}
    .about-hero h1{font-size:27px;}
    .about-hero__subtitle{margin-top:17px;font-size:16px;}
    .about-business{margin-top:-38px;}
    .about-business__grid{min-height:0;grid-template-columns:repeat(2,1fr);}
    .about-business__item{min-height:148px;padding:14px;border-bottom:1px dashed #c7cfdb;}
    .about-business__item:nth-child(2){border-right:0;}
    .about-business__item:nth-last-child(-n+2){border-bottom:0;}
    .about-business__item img{width:90px;height:76px;}
    .about-business__item h2{margin-top:7px;font-size:16px;}
    .about-intro{min-height:0;padding:82px 0 64px;background-position:right top 80px;background-size:92% auto;}
    .about-section-heading h2,.about-section-heading--left h2{font-size:25px;}
    .about-section-heading--ornament h2{gap:11px;}
    .about-section-heading--ornament h2:before,.about-section-heading--ornament h2:after{width:38px;background-size:28px 1px;}
    .about-intro__content{max-width:none;margin-top:28px;padding:10px 0;background:rgba(255,255,255,.82);font-size:14px;line-height:1.9;}
    .about-metrics{grid-template-columns:repeat(2,1fr);gap:28px 20px;margin-top:40px;}
    .about-metric{padding-left:14px;}
    .about-metric:before{width:3px;height:18px;}
    .about-metric strong{font-size:27px;}
    .about-metric em{font-size:13px;}
    .about-metric span{margin-top:10px;font-size:12px;}
    .about-culture{min-height:0;padding:65px 0;}
    .about-culture__grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:36px;}
    .about-culture__card{min-height:205px;padding:26px 12px 20px;}
    .about-culture__icon{width:64px;height:64px;transform:scale(.75);transform-origin:top center;margin-bottom:-16px;}
    .about-culture__card h3{margin:17px 0 8px;font-size:16px;}
    .about-culture__card p{font-size:12px;line-height:1.6;}
    .about-history{min-height:0;padding:65px 0 78px;}
    .about-history__stage{grid-template-columns:68px 1fr;gap:14px;min-height:0;margin-top:30px;}
    .about-history__timeline{gap:10px;}
    .about-history__step{width:34px;height:30px;margin-left:0;}
    .about-history__step span{width:8px;height:8px;border-width:2px;}
    .about-history__years{gap:22px;}
    .about-history__years button{min-width:0;padding:5px 0 5px 23px;font-size:14px;}
    .about-history__years button:before{left:5px;top:12px;width:12px;}
    .about-history__years button.is-active{font-size:20px;}
    .about-history__years button.is-active:before{width:15px;}
    .about-history__image{aspect-ratio:1.25;}
    .about-history__event{grid-column:2;padding-top:0;}
    .about-history__event time{font-size:20px;}
    .about-history__event p{font-size:13px;}
    .about-history__watermark{right:-10px;top:-25px;font-size:62px;}
    .about-cta{min-height:245px;padding:54px 0;}
    .about-cta__inner h2{font-size:25px;}
    .about-cta__button{min-width:170px;height:46px;margin-top:28px;font-size:15px;}
}