/* ==========================================================================
   DALY BMS — 产品分类页共用区块
   数值全部取自源站 style0305.css，勿凭感觉改
   ========================================================================== */

/* ---------- 通用区块标题 ---------- */
.about-title-hd {
  position: relative;
  display: block;
  margin: 0;
  font-weight: 500;
  font-size: 42px;
  line-height: 1;
  text-transform: uppercase;
}

.about-title-bar.center {
  text-align: center;
}

/* 源站 .index_hd.center .hd_title 的双线装饰：
   :after 82x3 #c80000 居中；:before 243x1 #000 opacity .7 */
.about-title-bar.center .about-title-hd {
  padding-bottom: 20px;
}

.about-title-bar.center .about-title-hd::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 9;
  display: block;
  margin-left: -41px;
  width: 82px;
  height: 3px;
  background-color: var(--daly-red-dark);
  content: "";
}

.about-title-bar.center .about-title-hd::before {
  position: absolute;
  bottom: 1px;
  left: 50%;
  z-index: 1;
  display: block;
  margin-left: -121px;
  width: 243px;
  height: 1px;
  background-color: #000;
  content: "";
  opacity: 0.7;
}

/* ==========================================================================
   Battery Management System Solutions
   源站 .about-advantage-container：padding 100px 0 145px；background-attachment:fixed；color:#fff
        .about-solutions-container .layout{padding:0 4%}
        .about-advantages{display:flex; margin-top:118px; justify-content:space-between; text-align:center}
        .about-advantage{max-width:235px}
        .about-advantage-title{margin:20px 0 10px; 20px/500 capitalize}
        .about-advantage-desc{16px/400/1.5}
        .about-title-desc{margin-top:60px; line-height:2}
   ========================================================================== */

.about-advantage-container {
  position: relative;
  padding: 100px 0 145px;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}

.about-solutions-container .layout {
  padding: 0 4%;
}

.about-solutions-container .about-title-desc {
  margin-top: 60px;
  line-height: 2;
}

.about-advantage-container .about-title-hd {
  color: #fff;
}

.about-advantage-container .about-title-desc {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.about-solutions-container .about-advantages {
  margin-top: 118px;
}

.about-advantage-container .about-advantages {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 140px;
  text-align: center;
}

.about-advantage-container .about-advantage {
  position: relative;
  max-width: 235px;
}

.about-advantage-container .about-advantage .icon {
  position: relative;
  display: block;
  line-height: 80px;
}

.about-advantage-container .about-advantage .icon img {
  display: inline-block;
  width: auto;
  max-height: 80px;
  vertical-align: middle;
}

.about-advantage-container .about-advantage-title {
  position: relative;
  margin: 20px 0 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  text-transform: capitalize;
}

.about-advantage-container .about-advantage-desc {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

/* ==========================================================================
   Sufficient Reasons
   源站 .about-choose-container：padding 125px 0；background-color #f5f5f5
        .about-title-bar{margin-bottom:120px}
        .about-chooses{display:flex; flex-wrap:wrap; margin:-11px}
        .about-choose{padding:11px; width:50%}
        .about-choose-title{padding:10px 30px; #000 20px/500 line-height 2.3;
                            :after 9% 宽 4px 高 #f43249，bottom:0 left:4%}
        .about-choose-desc{padding:25px 30px; bg #f6f6f6; #646464 16px/1.5}
   ========================================================================== */

.about-choose-container {
  position: relative;
  padding: 125px 0;
  background-color: #f5f5f5;
}

.about-choose-container .about-title-bar {
  margin-bottom: 120px;
}

.about-choose-container .about-title-hd {
  color: #000;
}

.about-chooses {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -11px;
}

.about-choose {
  padding: 11px;
  width: 50%;
}

.about-choose .choose-img {
  position: relative;
  line-height: 0;
}

.about-choose .choose-img img {
  width: 100%;
  height: auto;
}

.about-choose .about-choose-title {
  position: relative;
  margin: 0;
  padding: 10px 30px;
  width: 100%;
  background: #f6f6f6;
  color: #000;
  font-weight: 500;
  font-size: 20px;
  line-height: 2.3;
}

.about-choose .about-choose-title::after {
  position: absolute;
  bottom: 0;
  left: 4%;
  width: 9%;
  height: 4px;
  background-color: #f43249;
  content: "";
}

.about-choose .about-choose-desc {
  position: relative;
  margin: 0;
  padding: 25px 30px;
  background: #f6f6f6;
  color: #646464;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

/* ==========================================================================
   响应式（源站梯队）
   ========================================================================== */

@media (max-width: 1440px) {
  .about-advantage-container { padding: 80px 0 120px; }
  .about-advantage-container .about-advantages { margin-top: 100px; }
  .about-advantage-container .about-advantage-title { font-size: 18px; }
  .about-solutions-container .about-title-desc { margin-top: 45px; }
  .about-solutions-container .about-advantages { margin-top: 75px; }
}

@media (max-width: 1280px) {
  .about-title-hd { font-size: 32px; }
  .about-advantage-container .about-advantage-title { font-size: 16px; }
  .about-advantage-container .about-advantages { margin-top: 60px; }
  .about-advantage-container .about-advantage .icon { line-height: 66px; }
  .about-advantage-container .about-advantage .icon img { max-height: 60px; }
  .about-solutions-container .layout { padding: 0; }

  .about-choose-container { padding: 90px 0; }
  .about-choose-container .about-title-bar { margin-bottom: 75px; }
  .about-choose .about-choose-title { padding: 10px 15px; font-size: 18px; }
  .about-choose .about-choose-desc { padding: 20px 15px; font-size: 14px; }
}

@media (max-width: 1080px) {
  .about-title-hd { font-size: 26px; }
  .about-advantage-container {
    padding: 50px 0;
    background-attachment: scroll;
  }
  .about-advantage-container .about-advantages { display: block; margin-top: 40px; }
  .about-advantage-container .about-advantage {
    padding: 10px 0;
    max-width: unset;
  }
  .about-advantage-container .about-advantage-title { font-size: 15px; }

  .about-choose-container { padding: 60px 0; }
  .about-choose-container .about-title-bar { margin-bottom: 35px; }
  .about-choose { padding: 5px; }
  .about-choose .about-choose-desc { padding: 10px; font-size: 12px; }
  .about-choose .about-choose-title { padding: 10px; font-size: 16px; }

  .about-title-bar.center .about-title-hd::before { width: 180px; margin-left: -90px; }
}

@media (max-width: 640px) {
  .about-choose { padding: 5px 0; width: 100%; }
  .about-choose-container { padding: 35px 0; }
  .about-choose-container .about-title-bar { margin-bottom: 15px; }
}