.aboutOverview{display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center;padding-top:110px;padding-bottom:95px}
.aboutMedia{position:relative;display:block;min-height:560px;overflow:hidden;background:linear-gradient(0deg,rgba(8,18,32,.3),rgba(8,18,32,.05)),url('assets/images/home-slider/qingyao-quality-supply-hero.png') 66% center/cover;box-shadow:0 28px 70px rgba(12,25,43,.16)}
.aboutMedia:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.24);margin:18px;pointer-events:none}
.aboutPlay{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:#f05a28;color:#fff;font-size:23px;box-shadow:0 15px 35px rgba(0,0,0,.28);transition:.3s}
.aboutMedia:hover .aboutPlay{transform:translate(-50%,-50%) scale(1.1)}
.aboutMediaLabel{position:absolute;z-index:2;left:42px;bottom:38px;color:#fff;font-size:11px;letter-spacing:.18em;font-weight:700}
.aboutVideo{background:#091423;box-shadow:0 28px 70px rgba(12,25,43,.16);overflow:hidden}.aboutVideo video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}.aboutVideo>span{display:block;padding:15px 20px;color:#fff;font-size:11px;letter-spacing:.16em;font-weight:700;background:#091423}
.aboutCopy h2,.aboutReasons h2{font:500 clamp(40px,4.5vw,64px)/1.03 Manrope;letter-spacing:-.045em;margin:22px 0 30px}.aboutCopy h2 em,.aboutReasons h2 em{color:#f05a28;font-style:normal;font-weight:400}.aboutCopy>p:not(.sectionNo){color:#626d7b;line-height:1.82}.aboutCopy .lead{color:#202b3a!important;font-size:19px!important;line-height:1.65!important}.aboutLink{display:inline-flex;gap:28px;margin-top:18px;padding-bottom:9px;border-bottom:1px solid #172030;font-weight:700}
.aboutMetrics{display:grid;grid-template-columns:repeat(4,1fr);padding:0 7vw 95px;background:#fff}.aboutMetrics>div{text-align:center;padding:38px 25px;border-right:1px solid #d9d6cf}.aboutMetrics>div:last-child{border-right:0}.aboutMetrics b{display:flex;align-items:flex-start;justify-content:center;color:#f05a28;font:600 clamp(45px,5vw,72px)/1 Manrope}.aboutMetrics sup{font-size:20px;margin:7px 0 0 7px}.aboutMetrics p{margin:14px 0 0;color:#68717d;font-size:14px}
.aboutReasons{padding-top:100px;padding-bottom:110px}.aboutReasonsHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.aboutReasonsHead>p{max-width:470px;color:#68717d;line-height:1.75;margin-bottom:24px}.aboutReasonGrid{display:grid;grid-template-columns:repeat(3,1fr)}.aboutReasonGrid article{padding:40px;min-height:260px;border:1px solid #d9d6cf;margin-left:-1px}.aboutReasonGrid article>span{color:#f05a28;font-size:12px;letter-spacing:.12em}.aboutReasonGrid h3{font:600 24px Manrope;margin:65px 0 15px}.aboutReasonGrid p{color:#68717d;line-height:1.7}
@media(max-width:900px){.aboutOverview{grid-template-columns:1fr;padding-top:75px}.aboutMedia{min-height:450px}.aboutVideo{width:100%}.aboutMetrics{grid-template-columns:1fr 1fr;padding:0 5vw 75px}.aboutMetrics>div:nth-child(2){border-right:0}.aboutMetrics>div{border-bottom:1px solid #d9d6cf}.aboutReasonsHead{display:block}.aboutReasonGrid{grid-template-columns:1fr}}
@media(max-width:560px){.aboutOverview{padding-top:55px;padding-bottom:65px}.aboutMedia{min-height:330px}.aboutMetrics{grid-template-columns:1fr}.aboutMetrics>div{border-right:0}.aboutReasons{padding-top:70px;padding-bottom:75px}.aboutReasonGrid article{min-height:220px}.aboutReasonGrid h3{margin-top:45px}}