<?php
// about_4.html 关于我们模块·样式4：无图纯文字居中大字号（有图时作上方横幅展示）
// 可用变量：$title_text $title_style $title_color（block_title_html 输出标题）
//          $about 数组：name 单页名 / image 形象图URL(可空) / intro 简介纯文本 / url 查看更多链接
$ab4       = isset($about) && is_array($about) ? $about : array();
$ab4_name  = isset($ab4['name']) ? $ab4['name'] : '';
$ab4_img   = isset($ab4['image']) ? trim($ab4['image']) : '';
$ab4_intro = isset($ab4['intro']) ? $ab4['intro'] : '';
$ab4_url   = isset($ab4['url']) && $ab4['url'] !== '' ? $ab4['url'] : '#';
$ab4_tt    = isset($title_text) && $title_text !== '' ? $title_text : $ab4_name;
$ab4_ts    = isset($title_style) ? (int)$title_style : 3;
$ab4_tc    = isset($title_color) ? $title_color : '';
?>
<style>
.yk-ab4{margin-bottom:20px;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);}
.yk-ab4 .yk-ab4-in{max-width:900px;margin:0 auto;padding:64px 24px;text-align:center;}
.yk-ab4 .yk-ab4-img{margin:0 auto 30px;max-width:640px;height:240px;border-radius:12px;overflow:hidden;box-shadow:0 12px 34px rgba(20,40,70,.12);}
.yk-ab4 .yk-ab4-img img{width:100%;height:100%;object-fit:contain;background:#f4f7fb;}
.yk-ab4 .yk-ab4-in .yk-tt{margin:0 0 22px;}
.yk-ab4 .yk-ab4-in .yk-tt span{font-size:26px;letter-spacing:2px;}
.yk-ab4 .yk-ab4-intro{color:#4a5568;font-size:17px;line-height:2.2;letter-spacing:.5px;}
.yk-ab4 .yk-ab4-line{width:56px;height:3px;background:var(--yk-accent,#e63946);border-radius:2px;margin:30px auto 0;}
.yk-ab4 .yk-ab4-more{margin-top:30px;}
.yk-ab4 .yk-ab4-more a{display:inline-block;font-size:15px;color:#1a5fb4;letter-spacing:1px;border-bottom:2px solid #1a5fb4;padding-bottom:5px;transition:all .25s;}
.yk-ab4 .yk-ab4-more a:hover{color:var(--yk-accent,#e63946);border-color:var(--yk-accent,#e63946);}
@media (max-width:1199px){
  .yk-ab4 .yk-ab4-in{padding:52px 24px;}
  .yk-ab4 .yk-ab4-intro{font-size:16px;}
}
@media (max-width:767px){
  .yk-ab4 .yk-ab4-in{padding:38px 18px;}
  .yk-ab4 .yk-ab4-in .yk-tt span{font-size:21px;}
  .yk-ab4 .yk-ab4-intro{font-size:15px;line-height:2;text-align:justify;}
  .yk-ab4 .yk-ab4-img{height:180px;margin-bottom:22px;}
}
</style>
<div class="yk-ab4">
  <div class="yk-ab4-in">
    <?php if ($ab4_img !== '') { ?>
    <div class="yk-ab4-img"><img src="<?php echo e($ab4_img); ?>" alt="<?php echo e($ab4_name); ?>"></div>
    <?php } ?>
    <?php echo block_title_html($ab4_tt, $ab4_ts, $ab4_tc); ?>
    <?php if ($ab4_intro !== '') { ?><div class="yk-ab4-intro"><?php echo nl2br(e($ab4_intro)); ?></div><?php } ?>
    <div class="yk-ab4-line"></div>
    <div class="yk-ab4-more"><a href="<?php echo e($ab4_url); ?>">查看更多 &rarr;</a></div>
  </div>
</div>
