/* 新版样式全部限定在独立根节点，避免影响原 /about 及公共页头页脚。 */
.about-preview-page{--ap-brand:#4653a2;--ap-teal:#56acb6;--ap-paper:#f4f5fa;--ap-ink:#222637;--ap-muted:#687080;color:var(--ap-ink);background:var(--ap-paper);font:1.6rem/1.8 'hongmeng',Arial,sans-serif;isolation:isolate}
.about-preview-page *{box-sizing:border-box;line-height:inherit}
.about-preview-page h1,.about-preview-page h2,.about-preview-page h3,.about-preview-page h4,.about-preview-page p,.about-preview-page figure,.about-preview-page ul,.about-preview-page ol,.about-preview-page dl,.about-preview-page dd{margin:0}
.about-preview-page button,.about-preview-page input,.about-preview-page textarea{font:inherit}
.about-preview-page button,.about-preview-page a{-webkit-tap-highlight-color:transparent}
.about-preview-page button{cursor:pointer}
.about-preview-page button:focus-visible,.about-preview-page a:focus-visible,.about-preview-page [tabindex]:focus-visible{outline:0.3rem solid var(--ap-teal);outline-offset:0.4rem}
.about-preview-page button:disabled{cursor:wait;opacity:.6}
.about-preview-page [hidden]{display:none!important}
.about-preview-page h2{font-size:3rem;line-height:1.4;font-weight:700;text-align:center}
.about-preview-page h3{font-size:2.1rem;line-height:1.5;font-weight:700}
.about-preview-page a{color:inherit}
.about-preview-page .ap-container{width:min(168rem,88%);margin:auto}
.about-preview-page .ap-section{padding:7.2rem 0;scroll-margin-top:calc(var(--ap-header-height,9.5rem) + var(--ap-nav-height,6rem) + 2rem)}
.about-preview-page .ap-hero{height:clamp(26rem,26vw,50rem);position:relative;display:flex;align-items:center;background:var(--ap-brand);color:white;overflow:hidden}
.about-preview-page .ap-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-preview-page .ap-hero .ap-container{position:relative;z-index:1}
.about-preview-page .ap-hero h1{font-size:clamp(3.2rem,2.5vw,4.8rem);font-weight:700;color:white}
.about-preview-page .ap-nav{position:sticky;top:var(--ap-header-height,9.5rem);z-index:20;display:flex;min-height:6rem;background:white;box-shadow:0 0.6rem 1.8rem #272e5110;overflow-x:auto;scrollbar-width:thin}
.about-preview-page .ap-nav a{flex:1;min-width:14rem;text-align:center;padding:1.6rem 1.8rem;line-height:2.8rem;white-space:nowrap;text-decoration:none;color:var(--ap-brand);transition:background .2s,color .2s}
.about-preview-page .ap-nav a:hover{background:#eaf4f5}
.about-preview-page .ap-nav a.is-active{background:var(--ap-teal);color:white}
.about-preview-page .ap-intro{background:var(--ap-paper) url('/img/bg_contact_v3.png') no-repeat center;background-size:auto 90%}
/* 简介正文仅左对齐；技术平台标题仅加粗，保留原有对齐方式。 */
.about-preview-page .ap-intro-copy{max-width:122rem;margin:3.4rem auto 0;text-align:left}
.about-preview-page .ap-intro-copy p+p{margin-top:2rem}
/* 平台区与上方简介正文共用 120rem 宽度上限，窄屏不得超出父容器。 */
.about-preview-page .ap-platforms{width:100%;max-width:120rem;min-width:0;margin:3.4rem auto 0}
/* 使用站内独立粗体字体，确保中文标题使用实际粗体字形。 */
.about-preview-page .ap-platforms h3{font-size:1.7rem;font-family:'hongmengB','Microsoft YaHei',Arial;font-weight:700;margin-bottom:1.4rem}
.about-preview-page .ap-platforms ul{width:100%;min-width:0;padding:0;display:flex;gap:1.2rem;flex-wrap:wrap;list-style:none}
.about-preview-page .ap-platforms li{flex:1;min-width:11rem;border-radius:3rem;background:#eaf1f6;padding:0.6rem 1.7rem;text-align:center;font-size:1.4rem;white-space:nowrap}
.about-preview-page .ap-platforms li:nth-child(even){background:#eef3df}
.about-preview-page .ap-eyebrow{color:var(--ap-brand);font-size:1.7rem;margin-bottom:2.8rem;position:relative}
.about-preview-page .ap-eyebrow:after{content:'';position:absolute;left:0;bottom:-0.7rem;width:4.2rem;height:0.3rem;background:var(--ap-teal);border-radius:0.3rem}
.about-preview-page .ap-eyebrow span{font-size:1.4rem;color:inherit;margin-left:2.4rem;letter-spacing:.08em}
.about-preview-page .ap-section-heading{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;margin-bottom:2.2rem}
.about-preview-page .ap-section-heading h2{text-align:left;font-size:3.6rem;color:var(--ap-brand);font-weight:500}
.about-preview-page .ap-video-grid{display:grid;grid-template-columns:1.8fr 1.8fr 1fr 1fr;gap:2.2rem}
.about-preview-page .ap-video-card{position:relative;min-height:21.5rem;overflow:hidden;border:0;border-radius:2rem;background:linear-gradient(130deg,#3e73a6,#57b6b5,#8bb463);color:white;display:flex;justify-content:center;align-items:center;padding:0}
.about-preview-page .ap-video-main{grid-column:span 2;grid-row:span 2;min-height:45rem}
.about-preview-page .ap-video-card:only-child{grid-column:1/-1;aspect-ratio:16/7}
.about-preview-page .ap-video-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.about-preview-page .ap-video-card:hover>img{transform:scale(1.03)}
.about-preview-page .ap-play{display:grid;place-items:center;position:relative;width:6.4rem;height:6.4rem;background:#fffffff0;color:#172739;border-radius:50%;font-size:2.6rem;padding-left:0.4rem;box-shadow:0 0.5rem 2.4rem #15275120}
.about-preview-page .ap-video-main .ap-play{width:9.4rem;height:9.4rem;font-size:4rem}
.about-preview-page .ap-video-caption{position:absolute;bottom:0;left:0;width:100%;padding:1.8rem;text-align:left;display:flex;justify-content:space-between;gap:1.2rem;background:linear-gradient(transparent,#152632cc);line-height:1.5}
.about-preview-page .ap-video-main .ap-video-caption{padding:2.4rem;font-size:2.1rem}
.about-preview-page .ap-video-caption small{font-size:1.4rem;align-self:end}
.about-preview-page .ap-heading-controls{position:relative;margin-bottom:3.6rem}
.about-preview-page .ap-legacy-contact{position:relative}
.about-preview-page .ap-legacy-contact-image{width:100%;overflow:hidden}
.about-preview-page .ap-legacy-contact-image img{display:block;width:100%;height:auto}
.about-preview-page .ap-legacy-contact-card{position:absolute;right:10.8%;top:50%;transform:translateY(-50%);width:66rem;min-height:47rem;padding:6rem;border-radius:3rem;background:#fff url('/img/bg_logo_about2.png') no-repeat center/cover;box-shadow:0 0 5rem rgba(2,77,158,.1)}
.about-preview-page .ap-legacy-contact.has-no-image .ap-legacy-contact-card{position:relative;right:auto;top:auto;transform:none;margin:0 auto}
.about-preview-page .ap-legacy-contact-card h2{text-align:left;font-size:3.6rem;line-height:1.3;margin-bottom:3rem}
.about-preview-page .ap-legacy-contact-card dl>div{display:flex;align-items:flex-start;margin-bottom:1.5rem;font-size:1.8rem;line-height:1.5}
.about-preview-page .ap-legacy-contact-card dt{display:flex;align-items:center;white-space:nowrap}
.about-preview-page .ap-legacy-contact-card dt img{width:2rem;height:2rem;object-fit:contain;margin-right:1rem}
.about-preview-page .ap-legacy-contact-card dd{min-width:0;overflow-wrap:anywhere}
.about-preview-page .ap-legacy-contact-address{display:block!important}
/* 地址首行跟随标签，后续自然换行回到整行左侧，避免形成过窄的悬挂缩进。 */
.about-preview-page .ap-legacy-contact-address dt{display:inline-flex}
.about-preview-page .ap-legacy-contact-address dd{display:inline;margin:0}
.about-preview-page .ap-legacy-contact-card a:hover{text-decoration:underline;color:var(--ap-brand)}
.about-preview-page .ap-legacy-contact-hidden{display:none!important}
.about-preview-page .ap-legacy-contact-remark{margin-top:3rem;font-size:1.6rem;line-height:1.5;color:#666;overflow-wrap:anywhere}
.about-preview-page .ap-inquiry{background:var(--ap-paper) url('/img/bg_contact_v3.png') no-repeat center;background-size:auto 100%}
.about-preview-page .ap-inquiry-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:7rem;align-items:center}
.about-preview-page .ap-inquiry h2{text-align:left;font-size:2.4rem;margin-bottom:1rem}
.about-preview-page .ap-inquiry p,.about-preview-page .ap-inquiry figcaption{font-size:1.4rem;color:var(--ap-muted)}
.about-preview-page .ap-inquiry figure img{width:100%;max-width:43rem;display:block;margin:auto}
.about-preview-page .ap-inquiry figcaption{text-align:center;margin-top:1.2rem}
.about-preview-page .ap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 2.8rem;margin-top:3rem}
.about-preview-page .ap-form-grid label{display:flex;flex-direction:column;font-size:1.4rem;color:#5d6472}
.about-preview-page .ap-form-grid label>span{display:contents;color:#a23737}
.about-preview-page .ap-form-grid input,.about-preview-page .ap-form-grid textarea{width:100%;padding:0.7rem 0;color:var(--ap-ink);border:0;border-bottom:0.1rem solid #ccd0dd;background:transparent;border-radius:0;outline-offset:0.3rem;font-size:1.6rem;line-height:1.6}
.about-preview-page .ap-form-grid input:focus,.about-preview-page .ap-form-grid textarea:focus{outline:0.1rem solid var(--ap-teal);border-color:var(--ap-teal)}
.about-preview-page .ap-form-wide{grid-column:1/-1}
.about-preview-page .ap-form-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2.5rem;flex-wrap:wrap}
.about-preview-page .ap-form-actions button{border:0;border-radius:0.6rem;padding:0.8rem 3.2rem;background:var(--ap-brand);color:white;font-size:1.5rem}
.about-preview-page .ap-form-actions button[type=reset]{background:#767d89}
.about-preview-page .ap-form-actions [role=status]{font-size:1.4rem;color:var(--ap-brand)}
.about-preview-page .ap-dialog{border:0;border-radius:1.8rem;padding:4rem;width:min(90rem,92vw);max-height:88vh;overflow:auto;box-shadow:0 3rem 9rem #14213c44;color:var(--ap-ink);background:white;margin:auto}
.about-preview-page .ap-dialog::backdrop{background:#102036b8;backdrop-filter:blur(0.3rem)}
.about-preview-page .ap-dialog-close{position:absolute;right:1.2rem;top:0.8rem;font-size:3rem;border:0;background:transparent;color:#545d70;width:3.8rem;height:3.8rem}
.about-preview-page .ap-dialog h2{font-size:2.4rem;text-align:left;margin-bottom:2.2rem}
.about-preview-page .ap-dialog h3{margin-bottom:1rem}
.about-preview-page .ap-dialog h4{font-size:1.7rem;margin:2.5rem 0 0.8rem;color:var(--ap-brand)}
.about-preview-page .ap-detail-copy{white-space:pre-line;font-size:1.6rem}
.about-preview-page .ap-dialog video{display:block;width:100%;max-height:65vh;background:#111}

/* MasterGo 407:008012：1920px 画板，沿用全站 1rem = 10px（1920 宽）基准。
   正文采用现有完整资料，因此简介和职位区允许随实际内容增高，不裁掉真实内容。 */
.about-preview-page{--ap-teal:#00a4af;--ap-ink:#222;--ap-muted:#888;font-size:1.8rem;line-height:1.6}
.about-preview-page h2{font-size:3.2rem;line-height:4.2rem}
.about-preview-page h3{font-size:2.8rem}
.about-preview-page .ap-container{width:168rem;max-width:calc(100% - 18rem)}
.about-preview-page .ap-section{padding:9rem 0}
.about-preview-page .ap-hero{height:50rem}
.about-preview-page .ap-hero .ap-container{width:174rem}
.about-preview-page .ap-hero h1{font-size:4.8rem;line-height:1.4}
.about-preview-page .ap-nav{min-height:6rem;box-shadow:none;scrollbar-width:none}
.about-preview-page .ap-nav a{min-width:0;padding:1.6rem 1.8rem;font-size:1.8rem;line-height:2.8rem}
.about-preview-page .ap-intro{background-position:center top;background-size:88rem auto}
.about-preview-page .ap-intro-copy{max-width:120rem;margin-top:3rem;font-size:1.8rem;line-height:2.8rem}
.about-preview-page .ap-intro-copy p+p{margin-top:3rem}
.about-preview-page .ap-platforms{max-width:120rem;margin-top:3rem}
.about-preview-page .ap-platforms h3{font-size:1.8rem;margin-bottom:1.4rem}
.about-preview-page .ap-platforms ul{gap:1.2rem;flex-wrap:wrap}
.about-preview-page .ap-platforms li{font-size:1.6rem;padding:.6rem 1.7rem;min-width:0;flex:auto}
.about-preview-page .ap-videos{padding:0 0 3.9rem}
.about-preview-page .ap-videos .ap-container{width:170.4rem;max-width:calc(100% - 21.6rem)}
.about-preview-page .ap-eyebrow{font-size:2.4rem;line-height:3rem;margin-bottom:5.2rem}
.about-preview-page .ap-eyebrow:after{width:5.6rem;height:.4rem;bottom:-1rem}
.about-preview-page .ap-eyebrow span{font-size:1.8rem;color:#222;margin-left:4rem;letter-spacing:0}
.about-preview-page .ap-section-heading{margin-bottom:1.6rem;justify-content:flex-start;gap:0}
.about-preview-page .ap-section-heading h2{font-size:4.8rem;line-height:6rem;flex:0 0 68rem}
.about-preview-page .ap-section-heading p{font-size:2.2rem;color:#222}
.about-preview-page .ap-video-grid{grid-template-columns:repeat(2,minmax(0,52.8rem)) repeat(2,minmax(0,28.8rem));gap:2.4rem}
.about-preview-page .ap-video-card{min-height:28.8rem;border-radius:2.4rem;background:linear-gradient(135deg,#1c5b94 0%,#12abb2 55%,#73ae3f 100%)}
.about-preview-page .ap-video-main{min-height:60rem}
.about-preview-page .ap-video-card:nth-child(3),.about-preview-page .ap-video-card:nth-child(4){background:#000}
.about-preview-page .ap-play{width:7.2rem;height:7.2rem;color:#000;font-size:3.6rem;box-shadow:none;background:#fffffff0}
.about-preview-page .ap-video-main .ap-play{width:12.8rem;height:12.8rem;font-size:6rem}
.about-preview-page .ap-video-caption{font-size:1.8rem;padding:2rem;background:none}
.about-preview-page .ap-video-main .ap-video-caption{padding:2.8rem 4rem;font-size:2.8rem;background:#071b1ccc;min-height:11rem;align-items:center}
.about-preview-page .ap-video-caption small{font-size:1.8rem;align-self:center}

.about-preview-page .ap-heading-controls{margin-bottom:5rem}
.about-preview-page .ap-contacts{padding:4.6rem 0 9rem}
.about-preview-page .ap-inquiry{padding:6rem 0 5rem;background-size:100rem auto}
.about-preview-page .ap-inquiry-layout{width:158rem;grid-template-columns:94rem 46rem;gap:18rem}
.about-preview-page .ap-inquiry h2{font-size:2.4rem;line-height:3.4rem}
.about-preview-page .ap-inquiry p,.about-preview-page .ap-inquiry figcaption{font-size:1.6rem;line-height:2.6rem}
.about-preview-page .ap-inquiry figure img{max-width:46rem}
.about-preview-page .ap-form-grid{margin-top:4rem;gap:2rem 3.6rem}
.about-preview-page .ap-form-grid label{position:relative;font-size:1.6rem;display:block}
.about-preview-page .ap-form-grid input{font-size:1.8rem;line-height:2.4rem;padding:0;min-height:1rem}
.about-preview-page .ap-form-grid textarea{height:10rem}
.about-preview-page .ap-form-actions{gap:3.6rem;margin-top:3.6rem}
.about-preview-page .ap-form-actions button{width:13.6rem;padding:1rem 0;font-size:1.6rem}

@media(max-width:750px){.about-preview-page{font-size:3.2rem}
.about-preview-page .ap-container,.about-preview-page .ap-videos .ap-container{width:90%;max-width:none}
.about-preview-page .ap-hero{height:48rem}
.about-preview-page .ap-hero h1{font-size:6.4rem}
.about-preview-page .ap-platforms ul{flex-wrap:wrap}
.about-preview-page .ap-section-heading h2{flex:none;line-height:1.4}
.about-preview-page .ap-section-heading p{font-size:2.8rem}
.about-preview-page .ap-video-grid{grid-template-columns:1fr 1fr}
.about-preview-page .ap-video-main{grid-row:auto}
.about-preview-page .ap-legacy-contact-image{height:50rem}
.about-preview-page .ap-legacy-contact-image img{height:100%;object-fit:cover}
.about-preview-page .ap-legacy-contact-card,.about-preview-page .ap-legacy-contact.has-no-image .ap-legacy-contact-card{position:relative;right:auto;top:auto;transform:none;width:calc(100% - 5rem);min-height:0;margin:-12rem auto 0;padding:5rem 4rem}
.about-preview-page .ap-legacy-contact.has-no-image .ap-legacy-contact-card{margin:0 auto}
.about-preview-page .ap-legacy-contact-card h2{font-size:4rem;line-height:1.5}
.about-preview-page .ap-legacy-contact-card dl>div{font-size:2.8rem;line-height:1.5}
.about-preview-page .ap-legacy-contact-card dt img{width:3rem;height:4.2rem;flex-shrink:0}
.about-preview-page .ap-legacy-contact-remark{font-size:2.4rem;line-height:1.5}
.about-preview-page .ap-inquiry-layout{gap:6rem}
.about-preview-page .ap-form-grid label{font-size:2.8rem}
.about-preview-page .ap-form-grid input,.about-preview-page .ap-form-grid textarea{font-size:3.2rem;line-height:1.6}
.about-preview-page .ap-form-grid textarea{height:20rem}
.about-preview-page .ap-inquiry p,.about-preview-page .ap-inquiry figcaption{font-size:2.8rem;line-height:1.6}
.about-preview-page .ap-form-actions button{width:20rem;font-size:3rem}
.about-preview-page h2{font-size:5.2rem}
.about-preview-page h3{font-size:4rem}
.about-preview-page .ap-nav{min-height:10.4rem}
.about-preview-page .ap-nav a{min-width:24rem;font-size:2.8rem;padding:2.4rem 2.8rem}
.about-preview-page .ap-section{padding:8.4rem 0}
.about-preview-page .ap-intro-copy{text-align:left;margin-top:5rem}
.about-preview-page .ap-intro-copy p+p{margin-top:3.2rem}
.about-preview-page .ap-platforms{margin-top:5.2rem}
.about-preview-page .ap-platforms ul{gap:1.6rem}
.about-preview-page .ap-platforms li{flex-basis:calc(50% - 1.6rem);min-width:0;font-size:2.8rem}
.about-preview-page .ap-section-heading{display:block}
.about-preview-page .ap-section-heading h2{font-size:5.8rem}
.about-preview-page .ap-section-heading p{margin-top:2.4rem;font-size:2.8rem}
.about-preview-page .ap-video-grid{gap:2.4rem}
.about-preview-page .ap-video-main{min-height:46rem}
.about-preview-page .ap-video-card{border-radius:2.4rem;min-height:32rem}
.about-preview-page .ap-video-caption{font-size:2.8rem;padding:2.4rem}
.about-preview-page .ap-video-main .ap-video-caption{font-size:3.2rem;padding:3.2rem}
.about-preview-page .ap-play{width:9.6rem;height:9.6rem;font-size:4.2rem}
.about-preview-page .ap-video-main .ap-play{width:13.6rem;height:13.6rem;font-size:5.6rem}
.about-preview-page .ap-heading-controls h2{text-align:left;padding-right:25.6rem}
.about-preview-page .ap-inquiry-layout{grid-template-columns:1fr}
.about-preview-page .ap-inquiry figure{max-width:56rem;margin:auto}
.about-preview-page .ap-form-grid{gap:3.2rem}
.about-preview-page .ap-dialog{padding:7.2rem 4.4rem}
.about-preview-page .ap-dialog h2{font-size:4.4rem}}
/* 用几何图形代替字体字形；三角重心与圆心重合，不受字体、行高和设备缩放影响。 */
.about-preview-page .ap-play,.about-preview-page .ap-video-main .ap-play{padding:0;font-size:0;line-height:0}
.about-preview-page .ap-play:before{content:'';position:absolute;left:50%;top:50%;width:36%;height:44%;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(-33.333333%,-50%)}
@media(max-width:750px){}
/* 发展历程直接沿用 style.css 中旧版 .about .floor2 的桌面和手机规则。
   只限定新版作用域；不重新设计布局、色彩、卡片间距、箭头及悬停状态。 */
.about-preview-page .ap-history{padding: 6rem 0 12rem;}
.about-preview-page .ap-history .title{font-size: 3.6rem;color: #111;text-align: center;margin-bottom: 6rem;font-family: 'hongmengB';}

.about-preview-page .ap-history .swiper{width: 100%;position: relative;}
.about-preview-page .ap-history .swiper::before{position: absolute;left: 0;top: 0;background: linear-gradient(90deg, #FFFFFF, rgba(255,255,255,0));width: 36rem;height: 70rem;z-index: 2222;content: "";}
.about-preview-page .ap-history .swiper::after{position: absolute;right: 0;top: 0;background: linear-gradient(-90deg, #FFFFFF, rgba(255,255,255,0));width: 36rem;height: 70rem;z-index: 2222;content: "";}
.about-preview-page .ap-history .swiper .line{width: 100%;height: 0.2rem;background: #ddd;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 1;position: absolute;}

.about-preview-page .ap-history .swiper .swiper-container{z-index: 1111;}

.about-preview-page .ap-history .swiper .swiper-slide{width: 40rem;margin-left: 0;display: flex;flex-direction: column;height: 70rem;}
.about-preview-page .ap-history .swiper .swiper-slide:nth-child(2n+1){flex-direction: column-reverse;}
.about-preview-page .ap-history .swiper .swiper-slide .half{flex: 1;}

.about-preview-page .ap-history .swiper .swiper-slide .one{width: 40rem;flex: 1;display: flex;flex-direction: column;align-items: center;transition: all 0.3s;position: relative;}
.about-preview-page .ap-history .swiper .swiper-slide:nth-child(2n+1) .one{flex-direction: column-reverse;}

.about-preview-page .ap-history .swiper .swiper-slide .one .year{font-size: 2.4rem;color: #1D63A4;font-family: 'hongmengB';margin: 3rem 0;transition: all 0.3s;}
.about-preview-page .ap-history .swiper .swiper-slide .one .textBox{width: 100%;padding: 3rem;border-radius: 2rem;background: #F7F8FB;transition: all 0.3s;position: relative;}
.about-preview-page .ap-history .swiper .swiper-slide .one .textBox .img{width: 100%;margin-top: 2rem;}
.about-preview-page .ap-history .swiper .swiper-slide .one .textBox .desc{font-size: 1.6rem;color: #333;line-height: 1.5;text-align: center;}
.about-preview-page .ap-history .swiper .swiper-slide .one .textBox::before{position: absolute;width: 2rem;height: 2rem;transform: rotate(45deg);background: #F7F8FB;left: 0;right: 0;margin: 0 auto;top: -1rem;content: "";transition: all 0.3s;}
.about-preview-page .ap-history .swiper .swiper-slide:nth-child(2n+1) .one .textBox::before{top: auto;bottom: -1rem;}


.about-preview-page .ap-history .swiper .swiper-slide .one::before{position: absolute;width: 2rem;height: 2rem;border-radius: 50%;background: linear-gradient(0deg, #1D63A4, #7FB42B);content: "";top: -1rem;left: 0;right: 0;margin: auto;transition: all 0.3s;}
.about-preview-page .ap-history .swiper .swiper-slide:nth-child(2n+1) .one::before{top: auto;bottom: -1rem;background: linear-gradient(0deg, #1D63A4, #7FB42B);}

.about-preview-page .ap-history .swiper .swiper-slide .one:hover .textBox{background: #fff;box-shadow: 0px 0px 25px 0px rgba(51,51,51,0.1);}
.about-preview-page .ap-history .swiper .swiper-slide .one:hover .textBox::before{background: #fff;}
.about-preview-page .ap-history .swiper .swiper-slide .one:hover::before{background: #7FB42B;}
.about-preview-page .ap-history{background:#fff;line-height:1}
.about-preview-page .ap-history .title{line-height:1;font-weight:400}
/* 渐隐外观沿用旧版，装饰层不遮挡鼠标和触摸拖动。 */
.about-preview-page .ap-history .swiper::before,.about-preview-page .ap-history .swiper::after{pointer-events:none}
/* 配图是唯一内容扩展：等比显示且限制高度；两半固定均分，避免图片把年份节点挤离轴线。 */
.about-preview-page .ap-history .swiper-slide .one,.about-preview-page .ap-history .swiper-slide .half{min-height:0}
.about-preview-page .ap-history .swiper-slide .year,.about-preview-page .ap-history .swiper-slide .textBox{flex-shrink:0}
.about-preview-page .ap-history .textBox .img img{width:auto;height:auto;max-width:100%;max-height:10rem;object-fit:contain}
@media(max-width:750px){
.about-preview-page .ap-history{padding: 9.5rem 0 0;}
	.about-preview-page .ap-history .title{font-size: 4rem;margin-bottom: 4rem;}
	.about-preview-page .ap-history .swiper::before{width: 7rem;height: 110rem;}
	.about-preview-page .ap-history .swiper::after{width: 7rem;height: 110rem;}

	.about-preview-page .ap-history .swiper .swiper-wrapper{padding-left: 0;}

	.about-preview-page .ap-history .swiper .swiper-slide{width: 60rem;height: 110rem;}
	.about-preview-page .ap-history .swiper .swiper-slide .one{width: 60rem;}
	.about-preview-page .ap-history .swiper .swiper-slide .one .textBox .desc{font-size: 2.8rem;}

	.about-preview-page .ap-history .swiper .swiper-slide.swiper-slide-active .one .textBox{background: #fff;box-shadow: 0px 0px 25px 0px rgba(51,51,51,0.1);}
	.about-preview-page .ap-history .swiper .swiper-slide.swiper-slide-active .one .textBox::before{background: #fff;}
	.about-preview-page .ap-history .swiper .swiper-slide.swiper-slide-active .one::before{background: #7FB42B;}


	.about-preview-page .ap-history .swiper .swiper-slide .one .year{font-size: 3.6rem;transition: all 0.3s;margin: 4rem 0;}
	.about-preview-page .ap-history .swiper .swiper-slide.swiper-slide-active .one .year{color: #7FB42B;}


	.about-preview-page .ap-history .swiper .swiper-slide .one .textBox::before{width: 4rem;height: 4rem;top: -2rem;}
	.about-preview-page .ap-history .swiper .swiper-slide:nth-child(2n+1) .one .textBox::before{bottom: -2rem;}
.about-preview-page .ap-history .textBox .img img{max-height:20rem}
}
@media(prefers-reduced-motion:reduce){.about-preview-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 荣誉区复用旧版尺寸与线性走马灯，唯一视觉变更为设计稿背景色。 */
.about-preview-page .ap-honors{padding: 8rem 0 12rem;background: var(--ap-brand);}
.about-preview-page .ap-honors .title{font-size: 3.6rem;color: #fff;text-align: center;margin-bottom: 4rem;font-family: 'hongmengB';}

.about-preview-page .ap-honors .swiper-wrapper {
  -webkit-transition-timing-function: linear;    /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.about-preview-page .ap-honors .swiper .swiper-slide{margin-right: 3rem;width: auto;}
.about-preview-page .ap-honors .swiper .one {position: relative;padding-bottom: 6.8rem;}
.about-preview-page .ap-honors .swiper .one .img{height: 40rem;}
.about-preview-page .ap-honors .swiper .one .text{margin-top: 2rem;text-align: center;font-size: 1.8rem;line-height: 1.5;color: #fff;position: absolute;left: 0;right: 0;}



.about-preview-page .ap-honors{line-height:1}
.about-preview-page .ap-honors .title{font-weight:400;line-height:1}
@media(max-width:750px){
.about-preview-page .ap-honors{height:75rem;padding:6rem 0 0}
.about-preview-page .ap-honors .title{font-size:4rem;margin-bottom:4rem}
.about-preview-page .ap-honors .swiper .one{padding-bottom:10rem}
.about-preview-page .ap-honors .swiper .one .text{font-size:2.8rem}
}

/* 手机独立补齐阅读字号和触控尺寸，避免继承桌面 REM 值后缩成小字、小按钮。 */
@media(max-width:750px){
.about-preview-page .ap-hero .ap-container{width:90%;max-width:none}
.about-preview-page .ap-intro-copy{font-size:3.2rem;line-height:1.8}
.about-preview-page .ap-platforms h3{font-size:3.2rem;line-height:1.5;margin-bottom:2.4rem}
.about-preview-page .ap-nav{min-height:44px;overscroll-behavior-x:contain;scrollbar-width:none}
.about-preview-page .ap-nav a{flex:0 0 auto;min-width:24rem;min-height:44px;display:flex;align-items:center;justify-content:center;padding:2rem 2.4rem;line-height:1.5}
.about-preview-page .ap-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* 主视频保留独立高度，避免通用卡片规则覆盖后标题遮住播放按钮。 */
.about-preview-page .ap-video-card.ap-video-main{min-height:46rem}
.about-preview-page .ap-video-main .ap-play{transform:translateY(-2rem)}
.about-preview-page .ap-video-caption{display:block;line-height:1.5}
.about-preview-page .ap-video-caption small{display:block;font-size:2.4rem}.about-preview-page .ap-form-actions button{min-height:44px;line-height:1.5}
.about-preview-page .ap-inquiry h2{font-size:4rem;line-height:1.5}
.about-preview-page .ap-form-grid{grid-template-columns:minmax(0,1fr)}
.about-preview-page .ap-form-grid input{min-height:44px;font-size:max(16px,3.2rem)}
.about-preview-page .ap-form-grid textarea{font-size:max(16px,3.2rem)}
.about-preview-page .ap-form-actions [role=status]{width:100%;font-size:2.8rem}
.about-preview-page .ap-dialog{width:92vw;max-height:85dvh;padding:12rem 4rem 5rem;overscroll-behavior:contain;font-size:3.2rem;line-height:1.7}
.about-preview-page .ap-dialog-close{position:sticky;float:right;top:0;margin-top:-10rem;margin-right:-2rem;width:44px;height:44px;font-size:6rem;line-height:44px;background:#fff;border-radius:50%;z-index:1}
.about-preview-page .ap-dialog h2{font-size:4.4rem;line-height:1.5}
.about-preview-page .ap-dialog h3{font-size:3.6rem;line-height:1.5}
.about-preview-page .ap-dialog h4{font-size:3.2rem;line-height:1.5}
.about-preview-page .ap-detail-copy{font-size:3.2rem;line-height:1.8;overflow-wrap:anywhere}
.about-preview-page .ap-history-carousel{touch-action:pan-y}
}

/* 历程内部渐隐/轮播有高层级，必须限制在各自模块内，不能盖住吸顶导航。 */
.about-preview-page .ap-section{isolation:isolate}
.about-preview-page .ap-nav{z-index:30;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
@media(hover:hover){.about-preview-page .ap-nav{cursor:grab}.about-preview-page .ap-nav:active{cursor:grabbing}}

/* 视频弹窗去掉白色外框和内边距；标题蒙版仅叠加在画面顶部，不遮挡底部播放控件。 */
.about-preview-page .ap-dialog.ap-dialog-video{padding:0;border:0;border-radius:0;background:#000;color:#fff;overflow:hidden;max-height:85vh;max-height:85dvh}
.about-preview-page .ap-dialog-video .ap-dialog-body{position:relative;min-height:20rem;background:#000}
.about-preview-page .ap-dialog-video video{width:100%;max-height:85vh;max-height:85dvh;object-fit:contain}
.about-preview-page .ap-dialog-video #ap-dialog-title{position:absolute;z-index:2;top:0;left:0;width:100%;margin:0;padding:1.6rem calc(44px + 2rem) 3.2rem 2rem;font-size:2.4rem;line-height:1.5;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.55) 65%,transparent);text-shadow:0 1px 3px #000;pointer-events:none;overflow-wrap:anywhere}
.about-preview-page .ap-dialog-video .ap-dialog-close{position:absolute;z-index:3;top:.8rem;right:.8rem;float:none;margin:0;width:44px;height:44px;padding:0;line-height:44px;font-size:28px;color:#fff;background:rgba(0,0,0,.5);border-radius:50%}
.about-preview-page .ap-dialog-video .ap-dialog-body>p{padding:12rem 3rem 5rem;margin:0;text-align:center;color:#fff;font-size:1.8rem}
@media(max-width:750px){
.about-preview-page .ap-dialog-video #ap-dialog-title{font-size:3.2rem;padding:2.4rem calc(44px + 3rem) 4rem 3rem}
.about-preview-page .ap-dialog-video .ap-dialog-body{min-height:36rem}
.about-preview-page .ap-dialog-video .ap-dialog-body>p{font-size:3rem;padding-top:16rem}
}

/* 英文平台名称保持单行，胶囊根据文字宽度自动换到下一行。 */
.about-preview-page .ap-intro-copy{font-weight:400;text-align:left}
.about-preview-page .ap-platforms h3{font-family:'hongmengB',Arial,sans-serif;font-weight:800}
/* 使用内容宽度作为换行依据，不再强制桌面八列或手机两列。 */
.about-preview-page .ap-platforms li{white-space:nowrap;flex:1 0 auto;min-width:max-content;display:flex;align-items:center;justify-content:center;line-height:1.5;padding:1rem 1.7rem;min-height:0;overflow-wrap:normal}
.about-preview-page .ap-legacy-contact-card,.about-preview-page .ap-legacy-contact-card dd,.about-preview-page .ap-section-heading p{min-width:0;overflow-wrap:anywhere}
.about-preview-page .ap-video-card{min-width:0;width:100%}
.about-preview-page .ap-video-caption{overflow-wrap:anywhere;line-height:1.4}
.about-preview-page .ap-history .textBox{overflow-wrap:anywhere}
@media(max-width:750px){
.about-preview-page .ap-platforms li{flex-basis:auto;min-height:0;padding:1.6rem 2.4rem}
.about-preview-page .ap-video-card:only-child{aspect-ratio:auto}
}

/* 桌面缩小名称与内边距，使八个平台在简介正文宽度内保持一行；手机继续自动换行。 */
@media(min-width:751px){
.about-preview-page .ap-platforms ul{gap:.8rem}
.about-preview-page .ap-platforms li{font-size:1.35rem;padding:.8rem 1rem}
}
