/* About page components share the site's typography and spacing settings. */
/* One gap between sections; inner components never add a second section margin. */
.legacy-company-about .legacy-company-main{display:flow-root;padding-bottom:var(--ui-space)}
.legacy-company-about .legacy-company-main>.part_1,
.legacy-company-about .legacy-company-main>.part_2,
.legacy-company-about .legacy-company-main>.about_1{margin-top:var(--ui-space);margin-bottom:0}
.legacy-company-about .part_2{width:var(--ui-width);max-width:var(--ui-max-width);margin-inline:auto}
.legacy-company-about .index_bt{margin:0 0 var(--ui-gap);gap:var(--ui-gap)}
.legacy-company-about .index_bt .title{margin:0}
.legacy-company-about .index_bt .more img{display:block;width:28px;height:28px}
.legacy-company-about .culture_1,.legacy-company-about .innova{margin:0}
.legacy-company-about .part_1.no3,.legacy-company-about .culture_1{gap:var(--ui-gap)}
.legacy-company-about .part_1.no3 .content,.legacy-company-about .culture_1 .content{margin:0;min-width:0}
.legacy-company-about .culture_1 .photo{margin:0}
.legacy-company-about .part_1 .content .pic,.legacy-company-about .innova .photo{margin:0 0 var(--ui-gap)}
.legacy-company-about .part_1 .content .pic img,
.legacy-company-about .culture_1 .photo img,
.legacy-company-about .innova .photo img,
.legacy-company-about .our_service ul li img{display:block;width:100%;height:auto;border-radius:var(--ui-radius)}
.legacy-company-about .company-video-trigger{display:block;position:relative;overflow:hidden;border-radius:var(--ui-radius);background:#0c1b29}
.legacy-company-about .company-video-trigger img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.legacy-company-about .company-video-caption{position:absolute;left:16px;top:16px;padding:6px 12px;border-radius:4px;background:#003d6dcf;color:#fff;font-size:var(--ui-small);line-height:1.5}
.legacy-company-about .company-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#004b85b8;box-shadow:0 4px 20px #0003;transition:background .2s}
.legacy-company-about .company-video-play::after{content:"";display:block;width:0;height:0;margin-left:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff}
.legacy-company-about .company-video-trigger:hover .company-video-play{background:var(--ui-brand)}
.legacy-company-about .company-video-trigger:focus-visible{outline:3px solid var(--ui-brand);outline-offset:4px}
.legacy-company-about #overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"heading heading" "photo video" "description description";gap:24px;align-items:start}
.legacy-company-about #overview .company-overview-heading{grid-area:heading;margin:0}
.legacy-company-about #overview .company-overview-photo{grid-area:photo;min-width:0}
.legacy-company-about #overview .company-overview-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--ui-radius)}
.legacy-company-about #overview .video{grid-area:video;width:100%;min-width:0;overflow:visible}
.legacy-company-about #overview .company-overview-description{grid-area:description;margin:0;font-size:var(--ui-body);line-height:1.8;text-align:left}
@media(max-width:750px){.legacy-company-about #overview{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "photo" "description" "video"}}
.legacy-company-about .culture_1 .content .title{margin:0 0 calc(var(--ui-gap) / 3)}
.legacy-company-about .culture_1 .content .desc{margin:0 0 var(--ui-gap);font-size:var(--ui-body)}
.legacy-company-about .culture_1 .content .desc:last-child{margin-bottom:0}
.legacy-company-about .our_service ul{gap:var(--ui-gap);margin:0 0 var(--ui-gap)}
.legacy-company-about .innova .desc,.legacy-company-about .our_service .desc{margin:0;font-size:var(--ui-body);line-height:var(--ui-leading-body)}
.legacy-company-about .part_2 ul{gap:var(--ui-gap);margin:0}
.legacy-company-about #overview,.legacy-company-about #culture,.legacy-company-about #innovation,
.legacy-company-about #history,.legacy-company-about #honors,.legacy-company-about #service{scroll-margin-top:100px}

.legacy-company-about .index_bt .eng{font-size:var(--ui-small);font-weight:var(--ui-weight-control);letter-spacing:.08em;color:var(--ui-muted);margin-bottom:8px}
.legacy-company-about .index_bt .title{font-size:var(--ui-section);font-weight:var(--ui-weight-heading);line-height:var(--ui-leading-heading)}
.legacy-company-about .process,.legacy-company-about .honor_1{overflow:hidden}
.legacy-company-about .process .swiper-wrapper{align-items:stretch}
.legacy-company-about .process ul li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;float:none;border:1px solid var(--ui-line);border-radius:var(--ui-radius);overflow:hidden;background:#f5f8fa}
.legacy-company-about .process ul li .photo{margin:0;border-radius:0;min-height:300px;height:100%}
.legacy-company-about .process ul li .photo img{position:absolute;inset:0;display:block;object-fit:cover}
.legacy-company-about .process ul li .box{position:static;inset:auto;width:auto;height:auto;padding:var(--ui-gap);border-radius:0;background:transparent;justify-content:flex-start;min-width:0}
.legacy-company-about .process ul li .box .txt{margin-bottom:16px;color:var(--ui-brand);font-size:var(--ui-card);font-weight:var(--ui-weight-card)}
.legacy-company-about .process ul li .box .link{overflow:visible;overflow-wrap:anywhere;font-size:var(--ui-body);line-height:var(--ui-leading-body)}
.legacy-company-about .process ul li .box .link p{margin:0 0 8px}
.legacy-company-about .honor_1 ul li{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff}
.legacy-company-about .honor_1 ul li .photo img{object-fit:contain;padding:16px;box-sizing:border-box}
.legacy-company-about .honor_1 ul li:hover .photo img{transform:none}
.legacy-company-about .honor_1 ul li .title{padding:16px var(--ui-gap) 24px;font-size:var(--ui-card);font-weight:var(--ui-weight-card)}
@media(max-width:750px){.legacy-company-about .process ul li{grid-template-columns:minmax(0,1fr)}.legacy-company-about .process ul li .photo{min-height:0;height:auto;aspect-ratio:16/9}}