<?php
// about_1.html 关于我们模块·样式1：左图右文（无图时文字通栏）
// 可用变量：$title_text $title_style $title_color（block_title_html 输出标题）
//          $about 数组：name 单页名 / image 形象图URL(可空) / intro 简介纯文本 / url 查看更多链接
$ab1       = isset($about) && is_array($about) ? $about : array();
$ab1_name  = isset($ab1['name']) ? $ab1['name'] : '';
$ab1_img   = isset($ab1['image']) ? trim($ab1['image']) : '';
$ab1_intro = isset($ab1['intro']) ? $ab1['intro'] : '';
$ab1_url   = isset($ab1['url']) && $ab1['url'] !== '' ? $ab1['url'] : '#';
$ab1_tt    = isset($title_text) && $title_text !== '' ? $title_text : $ab1_name;
$ab1_ts    = isset($title_style) ? (int)$title_style : 1;
$ab1_tc    = isset($title_color) ? $title_color : '';
?>
<style>
.yk-ab1{margin-bottom:30px;}
.yk-ab1 .yk-ab1-box{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden;display:flex;align-items:stretch;}
.yk-ab1 .yk-ab1-img{flex:none;width:calc(44% - 44px);min-height:300px;background:#e9ecef;margin:22px;border-radius:10px;overflow:hidden;}
.yk-ab1 .yk-ab1-img img{width:100%;height:100%;object-fit:contain;}
.yk-ab1 .yk-ab1-body{flex:1;min-width:0;padding:44px 48px;display:flex;flex-direction:column;justify-content:center;}
.yk-ab1 .yk-ab1-body .yk-tt{margin:0 0 18px;}
.yk-ab1 .yk-ab1-intro{color:#666;font-size:14px;line-height:2;text-align:justify;}
.yk-ab1 .yk-ab1-more{margin-top:26px;}
.yk-ab1 .yk-ab1-more a{display:inline-block;padding:9px 30px;border:1px solid var(--yk-accent,#e63946);color:var(--yk-accent,#e63946);border-radius:30px;font-size:14px;transition:all .25s;}
.yk-ab1 .yk-ab1-more a:hover{background:var(--yk-accent,#e63946);color:#fff;}
@media (max-width:1199px){
  .yk-ab1 .yk-ab1-body{padding:34px 36px;}
  .yk-ab1 .yk-ab1-img{min-height:260px;}
}
@media (max-width:767px){
  .yk-ab1 .yk-ab1-box{flex-direction:column;}
  .yk-ab1 .yk-ab1-img{width:calc(100% - 32px);margin:16px;min-height:0;height:210px;}
  .yk-ab1 .yk-ab1-body{padding:24px 20px 28px;}
}
</style>
<div class="yk-ab1">
<div class="yk-wrap">
  <div class="yk-ab1-box">
    <?php if ($ab1_img !== '') { ?>
    <div class="yk-ab1-img"><img src="<?php echo e($ab1_img); ?>" alt="<?php echo e($ab1_name); ?>"></div>
    <?php } ?>
    <div class="yk-ab1-body">
      <?php echo block_title_html($ab1_tt, $ab1_ts, $ab1_tc); ?>
      <?php if ($ab1_intro !== '') { ?><div class="yk-ab1-intro"><?php echo nl2br(e($ab1_intro)); ?></div><?php } ?>
      <div class="yk-ab1-more"><a href="<?php echo e($ab1_url); ?>">查看更多 &rarr;</a></div>
    </div>
  </div>
</div>
</div>
