/* =========================================================
   阿尔泰科技 · solution.css
   解决方案页面专属样式（按 1920 设计稿 1:1 还原）
   设计稿关键数值（1920 宽）:
     Banner      0-698
     Tab         700-789 (高90, F1F4F9)
     方案概述     790-1139 (白底)
     方案优势     1140-1819 (暗底 060709→000000)
     案例展示     1820-3998 (白底)
     Footer      3999-4706 (707 高)
     容器         1600 (左 161 / 右 1759)
   前缀: art-
   ========================================================= */

/* =========================================================
   一、方案概述（白底）
   ========================================================= */
.art-sol-intro { position: relative; padding: 144px 0 134px; background-color: #fff; overflow: hidden;}
.art-sol-intro-container { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start;}
.art-sol-intro_left { flex-shrink: 0; width: 560px;}
.art-sol-intro_title { font-size: 36px; font-weight: bold; color: #232323; line-height: 1.2; font-family: 'AlimamaShuHeiTi-Bold', 'Microsoft Yahei', sans-serif;}
.art-sol-intro_tag { display: inline-block; margin-left: 24px; padding: 4px 18px; border: 1px solid #D8D8D8; border-radius: 20px; font-size: 16px; color: #999; vertical-align: middle; line-height: 1.4;}
.art-sol-intro_tag i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #005BAC; margin-right: 6px; vertical-align: middle;}
.art-sol-intro_right { -webkit-flex: 1; flex: 1; margin-left: 73px; padding-top: 10px;}
.art-sol-intro_desc { font-size: 16px; color: #666; line-height: 1.9;}
/* 左上 + 右下电路纹理装饰（抠自设计稿） */
.art-sol-intro::before { content: ''; position: absolute; left: 0; top: 0; width: 340px; height: 130px; background: url(/images/sol-intro-deco-l.png) no-repeat left top; pointer-events: none;}
.art-sol-intro::after { content: ''; position: absolute; right: 0; bottom: 0; width: 500px; height: 179px; background: url(/images/sol-intro-deco.png) no-repeat right bottom; pointer-events: none;}

/* =========================================================
   二、方案优势（暗底）
   ========================================================= */
.art-sol-adv { position: relative; padding: 125px 0 150px; background: linear-gradient(180deg, #060709 0%, #000000 100%); overflow: hidden;}
.art-sol-adv_title { font-size: 36px; font-weight: bold; color: #fff; line-height: 1; margin-bottom: 80px; font-family: 'AlimamaShuHeiTi-Bold', 'Microsoft Yahei', sans-serif;}

/* Swiper 卡片容器 */
.art-sol-adv-swiper { position: relative;}
.art-sol-adv-swiper .swiper-container { overflow: visible;}
.art-sol-adv-swiper .swiper-slide { width: 511px; flex-shrink: 0;}
.art-sol-adv_card { position: relative; width: 511px; height: 290px; border-radius: 12px; padding: 36px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-transition: all .3s; transition: all .3s;}
/* 卡片1：蓝色 + 右侧电路纹理 */
.art-sol-adv_card.card-blue { background-color: #005BAC;}
.art-sol-adv_card.card-blue::before { content: ''; position: absolute; right: 0; top: 0; width: 291px; height: 290px; background: url(/images/sol-card-deco.png) no-repeat right top; pointer-events: none;}
/* 优势区右下蓝色光束（置于卡片层之下） */
.art-sol-adv::after { content: ''; position: absolute; right: 0; bottom: 0; width: 820px; height: 341px; background: url(/images/sol-adv-beam.png) no-repeat right bottom; pointer-events: none;}
.art-sol-adv .container-width { position: relative; z-index: 1;}
/* 卡片2-4：深灰底 + 边框 */
.art-sol-adv_card.card-dark { background: linear-gradient(135deg, #1a1d22 0%, #14171c 100%); border: 1px solid rgba(255,255,255,0.12);}
.art-sol-adv_card.card-dark::after { content: ''; position: absolute; right: 0; bottom: 0; width: 200px; height: 120px; background: radial-gradient(ellipse at right bottom, rgba(0,91,172,0.35) 0%, transparent 70%); pointer-events: none;}

/* 卡片内部元素 */
.art-sol-adv_card_icon { width: 70px; height: 70px; border: 1px solid rgba(255,255,255,0.4); border-radius: 16px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 48px;}
.art-sol-adv_card_icon svg { width: 32px; height: 32px; fill: #fff;}
.art-sol-adv_card_num { position: absolute; top: 36px; right: 40px; font-size: 20px; color: rgba(255,255,255,0.5); font-weight: 300;}
.art-sol-adv_card_title { font-size: 24px; font-weight: bold; color: #fff; line-height: 1.2; margin-bottom: 20px;}
.art-sol-adv_card_desc { font-size: 14px; color: rgba(255,255,255,0.75); line-height: 1.8;}

/* =========================================================
   三、案例展示（白底）
   ========================================================= */
.art-sol-case { padding: 118px 0 110px; background-color: #fff;}
.art-sol-case_title { font-size: 36px; font-weight: bold; color: #232323; line-height: 1.2; margin-bottom: 60px; font-family: 'AlimamaShuHeiTi-Bold', 'Microsoft Yahei', sans-serif;}

/* 案例列表 */
.art-sol-case_list { border-top: 1px solid #E6E6E6;}
.art-sol-case_item { border-bottom: 1px solid #E6E6E6; -webkit-transition: border-color .3s; transition: border-color .3s;}
.art-sol-case_item:hover { border-bottom-color: #005BAC;}
.art-sol-case_item > a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 291px; -webkit-box-sizing: border-box; box-sizing: border-box;}

/* 左侧文字 */
.art-sol-case_txt { -webkit-flex: 1; flex: 1; min-width: 0; padding-right: 60px;}
.art-sol-case_name { font-size: 24px; font-weight: bold; color: #222; line-height: 1.2; margin-bottom: 18px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: color .3s; transition: color .3s;}
.art-sol-case_item:hover .art-sol-case_name { color: #005BAC;}
.art-sol-case_brief { font-size: 14px; color: #999; line-height: 1.6; margin-bottom: 24px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.art-sol-case_time { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; font-size: 14px; color: #999;}
.art-sol-case_time svg { width: 16px; height: 16px; margin-right: 8px; fill: #999;}

/* 右侧图片 */
.art-sol-case_img { width: 370px; height: 234px; flex-shrink: 0; overflow: hidden; border-radius: 4px;}
.art-sol-case_img img { width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; display: block; -webkit-transition: transform .4s; transition: transform .4s;}
.art-sol-case_item:hover .art-sol-case_img img { -webkit-transform: scale(1.05); transform: scale(1.05);}

/* 分页 */
.art-sol-case_pager { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-top: 56px;}
.art-sol-case_pager a { width: 40px; height: 40px; border: 1px solid #E6E6E6; border-radius: 4px; background-color: #fff; color: #666; font-size: 16px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-left: 12px; -webkit-transition: all .3s; transition: all .3s;}
.art-sol-case_pager a:first-child { margin-left: 0;}
.art-sol-case_pager a svg { width: 14px; height: 14px; fill: #666; -webkit-transition: fill .3s; transition: fill .3s;}
.art-sol-case_pager a.active, .art-sol-case_pager a:hover { background-color: #005BAC; border-color: #005BAC; color: #fff;}
.art-sol-case_pager a.active svg, .art-sol-case_pager a:hover svg { fill: #fff;}

/* =========================================================
   四、解决方案 Tab 覆盖（3 项 + 图标）
   ========================================================= */
.art-sol-tab .art-tab_list>li { width: auto; padding: 0 60px; font-size: 22px;}
.art-sol-tab .art-tab_list>li svg { width: 22px; height: 22px; margin-right: 8px; fill: #9AA7B4; -webkit-transition: fill .3s; transition: fill .3s;}
.art-sol-tab .art-tab_list>li.active svg { fill: #005BAC;}
.art-sol-tab .art-tab_list>li:hover svg { fill: #005BAC;}

/* =========================================================
   五、响应式
   ========================================================= */
@media (max-width:1680px) {
  .art-sol-intro { padding: 120px 0 100px;}
  .art-sol-intro_title { font-size: 32px;}
  .art-sol-adv_title { font-size: 32px;}
  .art-sol-case_title { font-size: 32px;}
  .art-sol-adv_card { width: 440px; height: 270px; padding: 30px 34px;}
}
@media (max-width:1440px) {
  .art-sol-intro { padding: 100px 0 80px;}
  .art-sol-intro_title { font-size: 28px;}
  .art-sol-intro_left { width: 480px;}
  .art-sol-adv_title { font-size: 28px;}
  .art-sol-case_title { font-size: 28px;}
  .art-sol-adv_card { width: 380px; height: 250px; padding: 26px 30px;}
  .art-sol-adv_card_title { font-size: 20px;}
  .art-sol-adv_card_desc { font-size: 13px;}
}
@media (max-width:1280px) {
  .art-sol-intro_left { width: 420px;}
  .art-sol-intro_title { font-size: 26px;}
  .art-sol-adv_card { width: 340px; height: 240px;}
  .art-sol-case_name { font-size: 20px;}
  .art-sol-case_img { width: 320px; height: 200px;}
  .art-sol-case_item > a { height: 250px;}
}
@media (max-width:1080px) {
  .art-sol-intro-container { -webkit-flex-direction: column; flex-direction: column;}
  .art-sol-intro_left { width: 100%; margin-bottom: 30px;}
  .art-sol-intro_right { margin-left: 0;}
  .art-sol-adv_card { width: 300px; height: 220px; padding: 20px 24px;}
  .art-sol-adv_card_icon { width: 56px; height: 56px; margin-bottom: 30px;}
  .art-sol-adv_card_icon svg { width: 26px; height: 26px;}
  .art-sol-adv_card_title { font-size: 18px; margin-bottom: 14px;}
  .art-sol-case_item > a { -webkit-flex-direction: column; flex-direction: column; height: auto; padding: 30px 0;}
  .art-sol-case_txt { padding-right: 0; margin-bottom: 20px;}
  .art-sol-case_img { width: 100%; height: 200px;}
}
@media (max-width:767px) {
  .art-sol-intro { padding: 60px 0 50px;}
  .art-sol-intro_title { font-size: 22px;}
  .art-sol-intro_tag { font-size: 13px; padding: 3px 12px; margin-left: 12px;}
  .art-sol-adv { padding: 60px 0;}
  .art-sol-adv_title { font-size: 22px; margin-bottom: 40px;}
  .art-sol-adv_card { width: 280px; height: 200px; padding: 16px 20px;}
  .art-sol-case { padding: 60px 0;}
  .art-sol-case_title { font-size: 22px; margin-bottom: 30px;}
  .art-sol-case_name { font-size: 17px;}
  .art-sol-case_brief { font-size: 13px;}
  .art-sol-case_pager a { width: 34px; height: 34px; font-size: 14px;}
  .art-sol-tab .art-tab_list>li { padding: 0 20px; font-size: 15px;}
  .art-sol-tab .art-tab_list>li svg { width: 16px; height: 16px;}
}

/* ===== logo 高清版 + 双 logo 切换 ===== */
.art-header-logo img { width: auto; height: 50px;}
.art-header-logo_white { display: none;}
.art-header-logo_dark { display: block;}
.art-header-trans .art-header-logo_dark { display: none;}
.art-header-trans .art-header-logo_white { display: block;}
.art-header-trans.fxd .art-header-logo_dark { display: block;}
.art-header-trans.fxd .art-header-logo_white { display: none;}
.art-footer_logo img { display: block; width: auto; height: 50px;}