/* =========================================
   CEO 致辞
========================================= */

.ys-ceo-section,
.ys-ceo-section *{
    box-sizing:border-box;
}

.ys-ceo-section{
    width:100%;
    background:#ffffff;
    padding:70px 28px;
    font-family:
        "Microsoft YaHei",
        "PingFang SC",
        Arial,
        sans-serif;
    color:#15263a;
}

.ys-ceo-container{
    width:100%;
    max-width:1440px;
    margin:0 auto;

    display:grid;
    grid-template-columns:36% 64%;
    gap:28px;
    align-items:stretch;
}


/* =========================================
   左侧人物
========================================= */

.ys-ceo-left{
    min-width:0;
}

.ys-ceo-photo{
    width:100%;
    height:620px;
    overflow:hidden;
    border-radius:10px;
    background:#e9eef3;
}

.ys-ceo-photo img{
    width:100%;
    height:100%;
    display:block;

    object-fit:cover;
    object-position:center top;

    transition:transform .55s ease;
}

.ys-ceo-photo:hover img{
    transform:scale(1.018);
}


/* 左下装饰 */

.ys-ceo-caption{
    display:flex;
    align-items:flex-start;
    gap:20px;

    margin-top:22px;
}

.ys-ceo-caption-line{
    flex:0 0 48px;
    height:2px;

    margin-top:8px;

    background:#7d9fbe;
}

.ys-ceo-caption-text{
    font-size:11px;
    line-height:2;

    letter-spacing:5px;

    color:#9aafc3;
}


/* =========================================
   右侧致辞区域
========================================= */

.ys-ceo-message{
    position:relative;

    min-height:620px;

    padding:80px 70px 65px;

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            #f8fbfe 0%,
            #f2f7fb 52%,
            #f8fbfd 100%
        );

    display:flex;
    flex-direction:column;
    justify-content:center;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.ys-ceo-message:hover{
    transform:translateY(-3px);

    box-shadow:
        0 14px 35px rgba(37,73,104,.07);
}


/* =========================================
   标题
========================================= */

.ys-ceo-title{
    margin:0;

    font-size:56px;
    line-height:1.2;

    font-family:
        "Songti SC",
        "STSong",
        "SimSun",
        serif;

    font-weight:700;

    letter-spacing:1px;

    color:#10243d;
}

.ys-ceo-title-line{
    width:65px;
    height:3px;

    margin:24px 0 38px;

    background:#174f82;
}


/* =========================================
   正文
========================================= */

.ys-ceo-text{
    max-width:780px;

    font-size:20px;
    line-height:2.05;

    color:#3f5268;
}

.ys-ceo-text p{
    margin:0 0 12px;
}

.ys-ceo-text p:last-child{
    margin-bottom:0;
}


/* =========================================
   姓名 + 签名
========================================= */

.ys-ceo-footer{
    display:flex;
    align-items:flex-end;

    margin-top:50px;
}

.ys-ceo-person{
    min-width:170px;
}

.ys-ceo-name{
    margin:0 0 8px;

    font-size:25px;
    line-height:1.3;

    font-weight:700;

    color:#14253a;
}

.ys-ceo-position{
    font-size:14px;

    letter-spacing:2px;

    color:#61768c;
}


/* 分隔线 */

.ys-ceo-sign-divider{
    width:1px;
    height:52px;

    margin:0 35px;

    background:#c8d6e3;
}


/* 英文签名 */

.ys-ceo-signature{
    font-family:
        "Segoe Script",
        "Brush Script MT",
        cursive;

    font-size:34px;
    line-height:1;

    font-style:italic;

    color:#7299bf;

    transform:rotate(-5deg);
}


/* 右下装饰文字 */

.ys-ceo-slogan{
    margin-left:auto;

    padding-left:30px;

    text-align:right;

    font-size:10px;
    line-height:2.2;

    letter-spacing:4px;

    color:#aac0d3;
}


/* =========================================
   平板
========================================= */

@media(max-width:1100px){

    .ys-ceo-container{
        grid-template-columns:40% 60%;
        gap:22px;
    }

    .ys-ceo-photo{
        height:540px;
    }

    .ys-ceo-message{
        min-height:540px;
        padding:55px 42px;
    }

    .ys-ceo-title{
        font-size:44px;
    }

    .ys-ceo-text{
        font-size:17px;
    }

    .ys-ceo-slogan{
        display:none;
    }
}


/* =========================================
   手机
========================================= */

@media(max-width:760px){

    .ys-ceo-section{
        padding:45px 16px;
    }

    .ys-ceo-container{
        display:block;
    }

    .ys-ceo-photo{
        height:auto;
        aspect-ratio:4 / 5;
    }

    .ys-ceo-caption{
        margin:16px 0 28px;
    }

    .ys-ceo-caption-text{
        font-size:9px;
        letter-spacing:3px;
    }

    .ys-ceo-message{
        min-height:auto;

        padding:40px 25px 35px;
    }

    .ys-ceo-title{
        font-size:36px;
    }

    .ys-ceo-title-line{
        width:48px;

        margin:18px 0 28px;
    }

    .ys-ceo-text{
        font-size:15px;
        line-height:1.9;
    }

    .ys-ceo-footer{
        margin-top:35px;

        align-items:center;
    }

    .ys-ceo-person{
        min-width:120px;
    }

    .ys-ceo-name{
        font-size:22px;
    }

    .ys-ceo-position{
        font-size:12px;
        letter-spacing:1px;
    }

    .ys-ceo-sign-divider{
        height:42px;

        margin:0 20px;
    }

    .ys-ceo-signature{
        font-size:27px;
    }
}