/*
铂铄官网首页｜关于我们优化版 V2
上传：/skin/ecms280/css/boshuo-home-about-v2.css
*/

.boshuo-home-about,.boshuo-home-about *{box-sizing:border-box}

.max.boshuo-home-about{
  position:relative!important;display:block!important;width:100%!important;height:auto!important;
  margin:0!important;padding:10px 0 10px!important;overflow:hidden!important;
  background:radial-gradient(circle at 94% 8%,rgba(7,89,232,.055),transparent 27%),
  linear-gradient(180deg,#fff 0%,#f6f9fc 100%)!important
}
.max.boshuo-home-about:before{
  content:"";position:absolute;top:-210px;right:-180px;width:450px;height:450px;
  border:1px solid rgba(7,89,232,.08);border-radius:50%;pointer-events:none
}
.max.boshuo-home-about>.box{position:relative!important;z-index:2!important;height:auto!important;overflow:visible!important}

.boshuo-home-about__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}
.boshuo-home-about__head small{display:block;margin-bottom:8px;color:#94a2b0;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.17em}
.boshuo-home-about__head h2{margin:0;color:#202d3a;font-size:32px;line-height:1.3}
.boshuo-home-about__head h2:after{content:"";display:block;width:55px;height:3px;margin-top:14px;background:#0759e8}
.boshuo-home-about__head-more{display:inline-flex;min-height:39px;align-items:center;gap:9px;padding:0 15px;border:1px solid #d7e2ec;color:#63778a;background:rgba(255,255,255,.9);font-size:11px;transition:.22s}
.boshuo-home-about__head-more i{color:#0759e8;font-family:Arial,sans-serif;font-size:15px;font-style:normal;transition:transform .22s}
.boshuo-home-about__head-more:hover{color:#fff;border-color:#0759e8;background:#0759e8}
.boshuo-home-about__head-more:hover i{color:#fff;transform:translateX(3px)}

.boshuo-home-about__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:520px;border:1px solid #dfe7ef;background:#fff;box-shadow:0 16px 46px rgba(21,57,94,.075)}

.boshuo-home-about__visual{position:relative;display:block;min-width:0;min-height:520px;overflow:hidden;background:#d9e2ea}
.boshuo-home-about__visual img{display:block!important;width:100%!important;height:100%!important;min-height:520px!important;object-fit:cover!important;transition:transform .6s ease!important}
.boshuo-home-about__visual:hover img{transform:scale(1.045)}
.boshuo-home-about__visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,30,55,.02) 20%,rgba(5,30,55,.82) 100%)}
.boshuo-home-about__visual-copy{position:absolute;z-index:2;right:28px;bottom:28px;left:28px;color:#fff}
.boshuo-home-about__visual-copy small{display:block;color:#b8d7ff;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.15em}
.boshuo-home-about__visual-copy strong{display:block;margin-top:9px;color:#fff;font-size:22px;line-height:1.45}
.boshuo-home-about__visual-mark{position:absolute;z-index:2;top:24px;left:24px;display:flex;min-width:90px;min-height:76px;flex-direction:column;align-items:center;justify-content:center;border-left:3px solid #0759e8;color:#fff;background:rgba(6,39,73,.88)}
.boshuo-home-about__visual-mark b{font-size:20px;line-height:1.2}
.boshuo-home-about__visual-mark small{margin-top:5px;color:#b9cce0;font-size:9px;letter-spacing:.08em}

.boshuo-home-about__content{display:flex;min-width:0;flex-direction:column;padding:42px 40px 38px}
.boshuo-home-about__tabs{display:flex;gap:22px;padding-bottom:18px;border-bottom:1px solid #e5ebf1}
.boshuo-home-about__tabs a{position:relative;color:#8292a2;font-size:12px;transition:color .2s}
.boshuo-home-about__tabs a:hover,.boshuo-home-about__tabs a.on{color:#0759e8}
.boshuo-home-about__tabs a.on:after{content:"";position:absolute;right:0;bottom:-19px;left:0;height:2px;background:#0759e8}
.boshuo-home-about__content h3{margin:29px 0 18px;color:#26394c;font-size:24px;line-height:1.45}
.boshuo-home-about__intro{color:#6f8193;font-size:12px;line-height:1.9}
.boshuo-home-about__intro p{margin:0 0 12px;text-indent:0}

.boshuo-home-about__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px;border-top:1px solid #e3eaf1;border-left:1px solid #e3eaf1}
.boshuo-home-about__feature{display:flex;min-width:0;min-height:83px;align-items:center;gap:13px;padding:14px;border-right:1px solid #e3eaf1;border-bottom:1px solid #e3eaf1;background:#fbfcfe}
.boshuo-home-about__feature>span{display:flex;flex:0 0 auto;width:35px;height:35px;align-items:center;justify-content:center;border:1px solid #b9cff0;color:#0759e8;font-family:Arial,sans-serif;font-size:10px}
.boshuo-home-about__feature b{display:block;color:#344b60;font-size:13px;line-height:1.4}
.boshuo-home-about__feature small{display:block;margin-top:4px;color:#8b9aa8;font-size:9px;line-height:1.5}

.boshuo-home-about__actions{display:flex;gap:10px;margin-top:auto;padding-top:25px}
.boshuo-home-about__primary,.boshuo-home-about__secondary{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:9px;padding:0 18px;font-size:11px;transition:.22s}
.boshuo-home-about__primary{color:#fff;border:1px solid #0759e8;background:#0759e8}
.boshuo-home-about__primary i{font-family:Arial,sans-serif;font-size:15px;font-style:normal;transition:transform .22s}
.boshuo-home-about__primary:hover{border-color:#064bbd;background:#064bbd}
.boshuo-home-about__primary:hover i{transform:translateX(3px)}
.boshuo-home-about__secondary{color:#566b7e;border:1px solid #d7e2ec;background:#fff}
.boshuo-home-about__secondary:hover{color:#0759e8;border-color:#0759e8}

@media screen and (max-width:980px){
  .boshuo-home-about__grid{grid-template-columns:1fr}
  .boshuo-home-about__visual,.boshuo-home-about__visual img{min-height:430px!important}
}

@media screen and (max-width:640px){
  .max.boshuo-home-about{padding:20px 0 20px!important}
  .boshuo-home-about__head{margin-bottom:26px}
  .boshuo-home-about__head h2{font-size:26px}
  .boshuo-home-about__head-more{min-height:35px;padding:0 12px;font-size:10px}
  .boshuo-home-about__visual,.boshuo-home-about__visual img{min-height:290px!important}
  .boshuo-home-about__visual-copy{right:18px;bottom:18px;left:18px}
  .boshuo-home-about__visual-copy strong{font-size:18px}
  .boshuo-home-about__visual-mark{top:16px;left:16px;min-width:78px;min-height:66px}
  .boshuo-home-about__content{padding:29px 20px 26px}
  .boshuo-home-about__content h3{margin-top:25px;font-size:20px}
  .boshuo-home-about__intro{font-size:11px;line-height:1.85}
  .boshuo-home-about__features{grid-template-columns:1fr}
  .boshuo-home-about__actions{display:grid}
  .boshuo-home-about__primary,.boshuo-home-about__secondary{width:100%}
}