<style>
*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;display:block}
:root{
    --main-color:#2b6cb0;
    --tag-color:#0055dd;
    --text-dark:#222;
    --text-gray:#555;
    --bg-gray:#f0f0f0;
    --card-hover-bg:#ffffff;
    --card-shadow:0 2px 8px rgba(0,0,0,0.08);
    --card-hover-shadow:0 8px 20px rgba(0,0,0,0.12);
    --shadow-card:0 4px 16px rgba(0,0,0,0.06)
}
.tangjiu_wrap{
    width:100%;
    background:var(--bg-gray);
    padding:60px 0
}
.tangjiu_container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px
}
.tangjiu_top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    margin-bottom:60px
}
.tangjiu_img img{
    width:100%;
    display:block;
    border-radius:4px;
    min-height:280px;
    object-fit:cover;
    loading:lazy;
    background:#e5e5e5
}
.tangjiu_text h2{
    font-size:28px;
    color:var(--text-dark);
    font-weight:bold;
    margin:0 0 16px 0;
    position:relative;
    padding-bottom:14px
}
.tangjiu_text h2::after{
    content:"";
    width:50px;
    height:3px;
    background:var(--main-color);
    position:absolute;
    left:0;
    bottom:0
}
.tangjiu_text p{
    font-size:16px;
    color:var(--text-gray);
    line-height:1.8;
    margin-bottom:18px;
    text-indent:2em
}
.tangjiu_data{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    text-align:center
}
.data_item{
    padding:24px 10px;
    border-radius:8px;
    background:transparent;
    transition:all 0.3s ease
}
.data_item:hover{
    transform:translateY(-6px);
    background:var(--card-hover-bg);
    box-shadow:var(--card-hover-shadow)
}
.data_item .num{
    font-size:44px;
    color:var(--text-dark);
    font-weight:bold;
    margin-bottom:8px
}
.data_item .desc{
    font-size:15px;
    color:var(--text-gray)
}
.mission_wrap{
    width:100%;
    margin-top:60px;
    margin-bottom:60px;
    background:#fff
}
.mission_box{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
    border-radius:12px;
    overflow:hidden
}
.mission_left{
    background:#82929c;
    padding:80px 60px
}
.mission_tag{
    display:inline-block;
    background:var(--tag-color);
    color:#fff;
    font-size:20px;
    padding:6px 14px;
    margin-bottom:30px
}
.mission_title{
    font-size:60px;
    color:#ffffff;
    font-weight:bold;
    line-height:1.3;
    margin:0
}
.mission_right img{
    width:100%;
    height:100%;
    min-height:320px;
    aspect-ratio:1280/960;
    object-fit:cover;
    display:block;
    loading:lazy;
    background:#e5e5e5
}
.founder_wrap{
    width:100%;
    background:var(--bg-gray);
    padding:60px 0
}
.founder_container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px
}
.founder_head{
    text-align:center;
    margin-bottom:50px
}
.founder_head h2{
    font-size:42px;
    color:var(--text-dark);
    font-weight:bold;
    margin-bottom:10px
}
.founder_head p{
    font-size:16px;
    color:var(--text-gray)
}
/* 创始人列表：垂直上下排列，不再并排 */
.founder_list{
    display:flex;
    flex-direction:column;
    gap:40px;
}
.founder_box{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:0;
    align-items:center
}
.founder_photo{
    border-radius:12px;
    overflow:hidden
}
.founder_photo img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    loading:lazy;
    background:#e5e5e5
}
.founder_text{
    background:#ffffff;
    padding:50px 40px;
    border-radius:0 12px 12px 0;
    box-shadow:var(--shadow-card)
}
.founder_text h3{
    font-size:46px;
    color:var(--text-dark);
    font-weight:bold;
    margin-bottom:12px
}
.founder_text .job{
    font-size:22px;
    color:var(--text-dark);
    margin-bottom:24px
}
.founder_text .intro{
    font-size:16px;
    color:var(--text-gray);
    line-height:1.8
}
/*====新增：核心优势板块样式====*/
.advantage_wrap{
    width:100%;
    background:#fff;
    padding:60px 0;
}
.advantage_container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}
.advantage_head{
    text-align:center;
    margin-bottom:50px;
}
.advantage_head h2{
    font-size:42px;
    color:var(--text-dark);
    font-weight:bold;
    margin-bottom:10px;
}
.advantage_head p{
    font-size:16px;
    color:var(--text-gray);
}
.advantage_grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}
.advantage_item{
    padding:32px 24px;
    border-radius:12px;
    background:#f8f9fa;
    transition:all 0.3s ease;
}
.advantage_item:hover{
    transform:translateY(-6px);
    box-shadow:var(--card-hover-shadow);
    background:#fff;
}
.advantage_item h4{
    font-size:20px;
    color:var(--text-dark);
    margin-bottom:12px;
    font-weight:bold;
}
.advantage_item p{
    font-size:15px;
    color:var(--text-gray);
    line-height:1.7;
}
@media only screen and (max-width:768px){
    .tangjiu_wrap{padding:40px 0}
    .tangjiu_top{grid-template-columns:1fr;gap:24px}
    .tangjiu_text h2{font-size:24px}
    .tangjiu_text p{text-indent:0}
    .tangjiu_data{grid-template-columns:repeat(2,1fr);gap:20px}
    .data_item{padding:16px 8px}
    .data_item .num{font-size:34px}
    .data_item:hover{transform:translateY(-3px)}
    .mission_box{grid-template-columns:1fr}
    .mission_left{padding:40px 24px;order:1}
    .mission_right{order:0}
    .mission_tag{font-size:16px;margin-bottom:20px}
    .mission_title{font-size:36px}
    .founder_wrap{padding:40px 0}
    .founder_head h2{font-size:30px}
    .founder_list{gap:30px;}
    .founder_box{grid-template-columns:1fr;gap:24px}
    .founder_photo{max-width:320px;margin:0 auto}
    .founder_text{border-radius:12px;padding:30px 20px}
    .founder_text h3{font-size:34px}
    .founder_text .job{font-size:18px}
    /*新增板块移动端适配*/
    .advantage_wrap{padding:40px 0;}
    .advantage_head h2{font-size:30px;}
    .advantage_grid{grid-template-columns:repeat(2,1fr);gap:16px;}
    .advantage_item{padding:20px 16px;}
}
</style>