/* 关于我们 article-index-about.html — 板块顺序与 HTML 一致；先基础样式，@media 集中在板块末尾 */

/* ===== .banner-all ===== — 见 common.css .banner .banner-all */


/* ===== .about-paper ===== */
.about-paper{padding-bottom:150px}
.about-paper h2{color:var(--c-text)}
.about-paper h2::after{content:"";display:block;width:33px;height:3px;background-color:var(--public-color-secondary);margin-top:15px}
.about-paper h3{font-size:24px;line-height:32px;font-weight:600}
.about-paper h3::after{content:"";display:block;width:33px;height:3px;background-color:var(--public-color-secondary);margin-top:15px}
.about-paper .text{font-weight:300;margin-top:25px}
.about-paper .text p{margin-bottom:20px}
.about-paper .text p:last-child{margin-bottom:0}
.about-paper img,
.about-paper img > img{border-radius:8px}
.about-paper .content{display:flex;align-items:center;justify-content:space-between;gap:60px}
@media(max-width:1200px){
    .about-paper{padding-bottom:100px}
    .about-paper .content{gap:40px}
}
@media(max-width:768px){
    .about-paper{padding-bottom:60px}
    .about-paper h2.title-53{font-size:28px;line-height:36px}
    .about-paper h2.title-36{font-size:22px;line-height:30px}
    .about-paper .text{font-size:15px;line-height:24px;margin-top:18px}
}


/* ===== .about-1 ===== */
.about-1{padding:155px 0 85px}
.about-1 .content{margin-bottom:50px}
.about-1 .left{width:46%;min-width:0}
.about-1 .right{width:50%;min-width:0;border-radius:10px;overflow:hidden}
.about-1 .content:not(:has(.right)) .left{width:100%}
.about-1 .right > img{width:100%;height:auto;max-width:100%;display:block;border-radius:10px}
.about-1 h2.title-53{font-weight:600}
.about-1 .text{font-weight:300}
.about-1 .data{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee;border-bottom:1px solid #eee}
.about-1 .data .d{padding:28px 30px;border-right:1px solid #eaeaea;text-align:center;min-width:0}
.about-1 .data .d:last-child{border-right:none}
.about-1 .data .num{font-size:20px;line-height:28px;font-weight:600;color:var(--c-text);margin-bottom:5px}
.about-1 .data .cont{line-height:24px;font-weight:300}
.about-1 .data .cont p{margin:0}

@media(max-width:1720px){
    .about-1{padding:140px 0 80px}
    .about-1 h2.title-53{font-size:48px;line-height:56px}
}
@media(max-width:1570px){
    .about-1{padding:128px 0 76px}
    .about-1 .content{margin-bottom:44px}
    .about-1 h2.title-53{font-size:44px;line-height:52px}
}
@media(max-width:1430px){
    .about-1{padding:116px 0 72px}
    .about-1 h2.title-53{font-size:40px;line-height:48px}
    .about-1 .data .d{padding:24px 22px}
    .about-1 .data .num{font-size:18px;line-height:26px}
}
@media(max-width:1200px){
    .about-1{padding:100px 0 70px}
    .about-1 .content{margin-bottom:40px}
    .about-1 h2.title-53{font-size:36px;line-height:44px}
    .about-1 .data .d{padding:22px 16px}
}

@media(min-width:992px) and (max-width:1199px){
    .about-1 .left{width:48%}
    .about-1 .right{width:48%}
    .about-1 h2.title-53{font-size:36px;line-height:44px}
    .about-1 .data .d{padding:20px 12px}
    .about-1 .data .num{font-size:17px;line-height:24px}
    .about-1 .data .cont{font-size:14px;line-height:22px}
}

@media(min-width:900px) and (max-width:991px){
    .about-1{padding:80px 0 60px}
    .about-1 .content{margin-bottom:36px}
    .about-1 .left{width:50%}
    .about-1 .right{width:46%}
    .about-1 h2.title-53{font-size:30px;line-height:38px}
    .about-1 .data .d{padding:18px 10px}
    .about-1 .data .num{font-size:16px;line-height:22px}
    .about-1 .data .cont{font-size:13px;line-height:20px}
}

@media(max-width:899px){
    .about-1{padding:70px 0 55px}
    .about-1 .content{flex-direction:column-reverse;align-items:stretch;gap:24px;margin-bottom:40px}
    .about-1 .left,
    .about-1 .right{width:100%;max-width:100%}
    .about-1 h2.title-53{font-size:32px;line-height:40px}
    .about-1 .data{grid-template-columns:repeat(2,1fr)}
    .about-1 .data .d{padding:22px 16px}
    .about-1 .data .d:nth-child(2n){border-right:none}
    .about-1 .data .d:nth-child(1),
    .about-1 .data .d:nth-child(2){border-bottom:1px solid #eaeaea}
}

@media(max-width:768px){
    .about-1{padding:50px 0 40px}
    .about-1 .content{gap:20px;margin-bottom:30px}
    .about-1 h2.title-53{font-size:24px;line-height:32px}
    .about-1 .text{font-size:14px;line-height:22px}
   
    .about-1 .data .num{font-size:18px;line-height:26px}
    .about-1 .data .cont{font-size:14px;line-height:22px}
}

@media(max-width:540px){
    .about-1{padding:40px 0 32px}
    .about-1 h2.title-53{font-size:22px;line-height:30px}
    .about-1 .data .d{padding:16px 12px}
}
@media(max-width:440px){
    .about-1 h2.title-53{font-size:20px;line-height:28px}
    .about-1 .data{grid-template-columns:1fr}
    .about-1 .data .d{border-right:none;border-bottom:1px solid #eaeaea;padding:20px 15px}
    .about-1 .data .d:nth-child(1),
    .about-1 .data .d:nth-child(2){border-bottom:1px solid #eaeaea}
    .about-1 .data .d:last-child{border-bottom:none}
}


/* ===== .about-2 ===== */
.about-2{padding:110px 0;background-color:#f8f8f8}
.about-2 .left{width:45%;min-width:0;border-radius:10px;overflow:hidden}
.about-2 .right{width:50%;min-width:0}
.about-2 .content:not(:has(.left)) .right{width:100%}
.about-2 .left > img{width:100%;height:auto;max-width:100%;display:block;border-radius:10px}
.about-2 h2.title-36{font-weight:600}
.about-2 .text{font-weight:300}
.about-2 ul{display:flex;flex-wrap:wrap;gap:20px 40px;margin:30px 0 0;padding:20px 0 0;border-top:1px solid #d4d4d4;list-style:none}
.about-2 li{position:relative;padding-left:20px;font-size:18px;line-height:26px;font-weight:600;color:var(--c-text);margin-top: 0;}
.about-2 li::before{content:"";width:8px;height:8px;border-radius:100%;background-color:var(--public-color-secondary);position:absolute;left:0;top:8px}

@media(max-width:1570px){
    .about-2{padding:100px 0}
}
@media(max-width:1430px){
    .about-2{padding:92px 0}
    .about-2 h2.title-36{font-size:34px;line-height:44px}
    .about-2 ul{gap:16px 32px;margin-top:26px}
}
@media(max-width:1200px){
    .about-2{padding:80px 0}
    .about-2 h2.title-36{font-size:32px;line-height:42px}
    .about-2 li{font-size:17px;line-height:24px}
}

@media(min-width:992px) and (max-width:1199px){
    .about-2 .left{width:46%}
    .about-2 .right{width:50%}
    .about-2 h2.title-36{font-size:30px;line-height:40px}
    .about-2 ul{gap:14px 28px;margin-top:24px;padding-top:16px}
    .about-2 li{font-size:16px;line-height:24px}
}

@media(min-width:900px) and (max-width:991px){
    .about-2{padding:68px 0}
    .about-2 .left{width:48%}
    .about-2 .right{width:50%}
    .about-2 h2.title-36{font-size:28px;line-height:36px}
    .about-2 ul{gap:12px 24px;margin-top:20px;padding-top:16px}
    .about-2 li{font-size:15px;line-height:22px}
}

@media(max-width:899px){
    .about-2{padding:60px 0}
    .about-2 .content{flex-direction:column;align-items:stretch;gap:24px}
    .about-2 .left{width:80%}
    .about-2 .right{width:100%;max-width:100%}
    .about-2 h2.title-36{font-size:26px;line-height:34px}
}

@media(max-width:768px){
    .about-2{padding:45px 0}
    .about-2 .content{gap:20px}
    .about-2 .left{width:100%}
    .about-2 h2.title-36{font-size:24px;line-height:32px}
    .about-2 .text{font-size:14px;line-height:22px}
    .about-paper .text p{margin-bottom: 10px;}
    .about-2 ul{gap:14px 24px;margin-top:22px;padding-top:16px}
    .about-2 li{font-size:15px;line-height:22px}
    .about-2 li::before{top:7px}
}

@media(max-width:540px){
    .about-2{padding:36px 0}
    .about-2 h2.title-36{font-size:22px;line-height:30px}
    .about-2 ul{gap:12px 20px}
}
@media(max-width:430px){
    .about-2 h2.title-36{font-size:20px;line-height:28px}
    .about-2 li{font-size:14px;line-height:22px}
}


/* ===== .about-3 ===== */
.about-3{margin-top:90px}
.about-3 .left{width:40%;min-width:0}
.about-3 h2.title-36{font-weight:600}
.about-3 h3::after{display:none}
.about-3 .right{width:55%;min-width:0}
.about-3 .right .text{margin-bottom:40px;font-weight:300}
.about-3 .right .img{border-radius:10px;overflow:hidden}
.about-3 .right .img > img{width:100%;height:auto;max-width:100%;display:block;border-radius:10px}
.about-3 .timeline{margin:25px 0 0;padding:0;list-style:none}
.about-3 .timeline li{display:flex;align-items:flex-start;gap:20px;padding:30px 20px;border-top:1px solid #f0f0f0}
.about-3 .timeline li:last-child{padding-bottom:0}
.about-3 .timeline .year{min-width:70px;font-size:22px;line-height:30px;font-weight:600;color:var(--public-color-secondary);display:flex;align-items:center;gap:15px;flex-shrink:0}
.about-3 .timeline .year::after{content:"";width:8px;height:8px;border-radius:100%;background-color:var(--public-color-secondary);display:block;flex-shrink:0}
.about-3 .timeline .cont{flex:1;min-width:0;font-size:18px;line-height:26px;font-weight:300}
.about-3 .timeline .cont p{margin:0}

@media(max-width:1570px){
    .about-3{margin-top:80px}
}
@media(max-width:1430px){
    .about-3{margin-top:76px}
    .about-3 h2.title-36{font-size:34px;line-height:44px}
    .about-3 .timeline li{padding:26px 16px}
    .about-3 .timeline .year{font-size:20px;line-height:28px}
    .about-3 .timeline .cont{font-size:17px;line-height:26px}
}
@media(max-width:1200px){
    .about-3{margin-top:70px}
    .about-3 h2.title-36{font-size:32px;line-height:42px}
    .about-3 .right .text{margin-bottom:32px}
    .about-3 .timeline li{padding:24px 12px;gap:16px}
    .about-3 .timeline .year{min-width:64px;font-size:18px;line-height:26px;gap:12px}
    .about-3 .timeline .cont{font-size:16px;line-height:24px}
}

@media(min-width:992px) and (max-width:1199px){
    .about-3 .left{width:42%}
    .about-3 .right{width:54%}
    .about-3 h2.title-36{font-size:30px;line-height:40px}
    .about-3 .timeline li{padding:22px 8px;gap:14px}
    .about-3 .timeline .year{min-width:58px;font-size:17px;line-height:24px}
    .about-3 .timeline .cont{font-size:15px;line-height:24px}
}

@media(min-width:900px) and (max-width:991px){
    .about-3{margin-top:60px}
    .about-3 .left{width:44%}
    .about-3 .right{width:52%}
    .about-3 h2.title-36{font-size:28px;line-height:36px}
    .about-3 .right .text{margin-bottom:28px}
    .about-3 .timeline{margin-top:20px}
    .about-3 .timeline li{padding:18px 0;gap:12px}
    .about-3 .timeline .year{min-width:52px;font-size:16px;line-height:22px;gap:10px}
    .about-3 .timeline .cont{font-size:14px;line-height:22px}
}

@media(max-width:899px){
    .about-3{margin-top:55px}
    .about-3 .content{flex-direction:column-reverse;align-items:stretch;gap:28px}
    .about-3 .left,
    .about-3 .right{width:100%;max-width:100%}
    .about-3 .right{display: flex;flex-direction: column-reverse;}
    .about-3 h2.title-36{font-size:26px;line-height:34px;margin-top: 0;}
    .about-3 .right .text{margin-bottom:0px}
    .about-3 .timeline li{padding:22px 0}
}

@media(max-width:768px){
    .about-3{margin-top:40px}
    .about-3 .content{gap:24px}
    .about-3 h2.title-36{font-size:22px;line-height:32px}
    .about-3 .text{font-size:14px;line-height:22px}
    .about-3 .timeline{margin-top:16px}
    .about-3 .timeline li{padding:18px 0;gap:12px}
    .about-3 .timeline .year{min-width:56px;font-size:18px;line-height:26px;gap:10px}
    .about-3 .timeline .cont{font-size:14px;line-height:22px}
}

@media(max-width:540px){
    .about-3{margin-top:32px}
    .about-3 h2.title-36{font-size:22px;line-height:30px}
    .about-3 .timeline li{flex-direction:column;gap:8px;padding:16px 0}
    .about-3 .timeline .year{min-width:0}
}
@media(max-width:430px){
    .about-3 h2.title-36{font-size:20px;line-height:28px}
    .about-3 .timeline .year{font-size:16px;line-height:24px}
}


/* ===== .about-4 ===== */
.about-4{margin-top:100px}
.about-4 .content{display:flex;align-items:center;justify-content:space-between;gap:60px}
.about-4 .left{width:40%;min-width:0;background-color:#f4f7f9;border-radius:10px;padding:85px 50px}
.about-4 .right{width:46%;min-width:0}
.about-4 .content:not(:has(.left)) .right{width:100%}
.about-4 .left > img{width:100%;height:auto;max-width:100%;display:block}
.about-4 h2.title-36{font-weight:600}
.about-4 .text{font-weight:300}

@media(max-width:1570px){
    .about-4{margin-top:90px}
    .about-4 .left{padding:76px 44px}
}
@media(max-width:1430px){
    .about-4{margin-top:84px}
    .about-4 .content{gap:48px}
    .about-4 .left{padding:68px 40px}
    .about-4 h2.title-36{font-size:34px;line-height:44px}
}
@media(max-width:1200px){
    .about-4{margin-top:80px}
    .about-4 .content{gap:40px}
    .about-4 .left{padding:60px 40px}
    .about-4 h2.title-36{font-size:32px;line-height:42px}
}

@media(min-width:992px) and (max-width:1199px){
    .about-4 .left{width:42%;padding:48px 32px}
    .about-4 .right{width:50%}
    .about-4 .content{gap:32px}
    .about-4 h2.title-36{font-size:30px;line-height:40px}
}

@media(min-width:900px) and (max-width:991px){
    .about-4{margin-top:68px}
    .about-4 .content{gap:24px}
    .about-4 .left{width:44%;padding:40px 24px}
    .about-4 .right{width:52%}
    .about-4 h2.title-36{font-size:28px;line-height:36px}
}

@media(max-width:899px){
    .about-4{margin-top:60px}
    .about-4 .content{flex-direction:column;align-items:stretch;gap:24px}
    .about-4 .left,
    .about-4 .right{width:100%;max-width:100%}
    .about-4 .left{padding:40px 30px;text-align:center}
    .about-4 h2.title-36{font-size:26px;line-height:34px}
}

@media(max-width:768px){
    .about-4{margin-top:45px}
    .about-4 .content{gap:20px}
    .about-4 .left{padding:30px 20px}
    .about-4 h2.title-36{font-size:22px;line-height:32px}
    .about-4 .text{font-size:14px;line-height:22px}
}

@media(max-width:540px){
    .about-4{margin-top:36px}
    .about-4 .left{padding:24px 16px}
    .about-4 h2.title-36{font-size:22px;line-height:30px}
}
@media(max-width:430px){
    .about-4 h2.title-36{font-size:20px;line-height:28px}
    .about-4 .left{padding:20px 14px}
}