@charset "utf-8";
/* =========================================================
   下载中心页  down.css
   ========================================================= */

/* ===== 内容区（浅灰底） ===== */
.art-down { background-color: #F1F4F9; padding: 89px 0 110px; -webkit-font-smoothing: antialiased;}
.art-down_layout { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; gap: 44px;}

/* ===== 左侧资料分类 ===== */
.art-down-side { width: 296px; flex: none; background-color: #fff; border-radius: 6px; overflow: hidden;}
.art-down-side_title { position: relative; height: 100px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding-left: 34px; background-color: #005BAC; color: #fff; font-size: 23px; font-weight: bold;}
/* 标题右侧电路纹理 */
.art-down-side_title::after { content: ''; position: absolute; right: 0; top: 0; width: 108px; height: 100px; background: url(/images/down-side-deco.png) no-repeat right top; background-size: 108px 100px;}
.art-down-side_icon { width: 30px; height: 30px; flex: none; margin-right: 22px; border-radius: 8px; background-color: rgba(255,255,255,.2); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.art-down-side_icon svg { width: 26px; height: 26px; fill: #fff;}

.art-down-side_list>li { position: relative; height: 70px;}
.art-down-side_list>li>a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; padding: 0 34px 0 35px; font-size: 18px; color: #757575;}
.art-down-side_list>li>a svg { width: 7px; height: 12px; flex: none; fill: none; stroke: #C0C6CF; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.art-down-side_list>li>a:hover { color: #005BAC;}
.art-down-side_list>li>a:hover svg { stroke: #005BAC;}
.art-down-side_list>li.active { background-color: #D9E7F2;}
.art-down-side_list>li.active>a { color: #005BAC;}
.art-down-side_list>li.active>a svg { stroke: #005BAC;}
/* 相邻非激活项之间的细分割线 */
.art-down-side_list>li + li:not(.active)::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background-color: #E6E6E6;}
.art-down-side_list>li.active + li::before { display: none;}

/* ===== 右侧资料列表 ===== */
.art-down-main { -webkit-flex: 1; flex: 1; min-width: 0; background-color: #fff; border-radius: 4px; padding: 0 55px 78px;}

/* 搜索 */
.art-down-search { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 110px; padding-top: 24px; border-bottom: 1px solid #E6E6E6;}
.art-down-search svg { width: 25px; height: 25px; flex: none; color: #999; margin-right: 19px;}
.art-down-search input { -webkit-flex: 1; flex: 1; height: 40px; border: 0; outline: 0; background: none; font-family: inherit; font-size: 16px; color: #333;}
.art-down-search input::placeholder { color: #999;}

/* 分类标题 */
.art-down-title { margin-top: 41px; font-size: 36px; line-height: 43px; font-weight: 400; color: #3A3A3A;}

/* 卡片列表 */
.art-down-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-top: 32px;}
.art-down-item { position: relative; width: 565px; height: 104px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0 24px 0 30px; background-color: #fff; border: 1px solid #E6E6E6; border-radius: 6px; transition: all .3s ease;}
.art-down-item_icon { width: 44px; height: 44px; flex: none; margin-right: 13px; border-radius: 10px; background-color: #EAF0F7; --pdf-line: #005BAC; --pdf-band: #005BAC; --pdf-txt: #fff; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
.art-down-item_icon svg { width: 26px; height: 26px;}
.art-down-item_info { -webkit-flex: 1; flex: 1; min-width: 0;}
.art-down-item_name { font-size: 16px; line-height: 21px; color: #212121; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.art-down-item_size { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: 6px; font-size: 14px; line-height: 20px; color: #A8A8A8;}
.art-down-item_size svg { width: 12px; height: 12px; flex: none; margin-right: 10px; fill: none; stroke: #C9C9C9; stroke-width: 1.6; stroke-linejoin: round;}
.art-down-item_btn { display: none; -webkit-flex: none; flex: none; width: 98px; height: 36px; margin-left: 14px; border-radius: 18px; background-color: #005BAC; color: #fff; font-size: 16px; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; gap: 8px;}
.art-down-item_btn svg { width: 20px; height: 20px; flex: none; color: #fff;}
.art-down-item_btn:hover { background-color: #0A6BC0; color: #fff;}

/* 激活 / 悬停 */
.art-down-item.active { border-color: #005BAC; box-shadow: 0 0 0 3px rgba(0,91,172,.05);}
.art-down-item.active .art-down-item_icon { background-color: #005BAC; --pdf-line: #fff; --pdf-band: #fff; --pdf-txt: #005BAC;}
.art-down-item.active .art-down-item_btn { display: -webkit-flex; display: flex;}
.art-down-item:hover { border-color: #005BAC;}
.art-down-item:hover .art-down-item_btn { display: -webkit-flex; display: flex;}

/* 分页 */
.art-down-pager { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: 12px; margin-top: 56px;}
.art-down-pager a { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #E6E6E6; border-radius: 8px; font-size: 16px; color: #666; background-color: #fff;}
.art-down-pager a svg { width: 12px; height: 12px; fill: none; stroke: #999; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.art-down-pager a:hover { border-color: #005BAC; color: #005BAC;}
.art-down-pager a:hover svg { stroke: #005BAC;}
.art-down-pager a.active { background-color: #005BAC; border-color: #005BAC; color: #fff;}

/* ===== 响应式 ===== */
@media (max-width:1680px) {
  .art-down { padding: 70px 0 90px;}
  .art-down-item { width: calc(50% - 10px);}
}
@media (max-width:1280px) {
  .art-down { padding: 56px 0 70px;}
  .art-down_layout { gap: 28px;}
  .art-down-side { width: 250px;}
  .art-down-side_title { padding-left: 24px; font-size: 20px;}
  .art-down-side_icon { width: 36px; height: 34px; margin-right: 14px;}
  .art-down-side_title::after { width: 90px; background-size: 90px 100px;}
  .art-down-side_list>li>a { padding: 0 24px; font-size: 16px;}
  .art-down-main { padding: 0 32px 56px;}
  .art-down-search { height: 88px; padding-top: 16px;}
  .art-down-title { margin-top: 32px; font-size: 28px; line-height: 34px;}
  .art-down-list { margin-top: 24px; gap: 14px;}
  .art-down-item { width: calc(50% - 7px); height: 92px; padding: 0 18px;}
  .art-down-item_icon { width: 40px; height: 40px; margin-right: 12px;}
  .art-down-item_name { font-size: 15px;}
  .art-down-item_size { font-size: 13px; margin-top: 4px;}
  .art-down-item_btn { width: 84px; height: 32px; font-size: 13px; margin-left: 10px;}
  .art-down-pager { margin-top: 40px;}
}
@media (max-width:1080px) {
  .art-down_layout { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch; gap: 20px;}
  .art-down-side { width: 100%;}
  .art-down-main { width: 100%;}
  .art-down-side_title::after { display: none;}
  .art-down-side_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #E6E6E6;}
  .art-down-side_list>li { width: 50%; height: 56px;}
  .art-down-side_list>li + li:not(.active)::before { display: none;}
  .art-down-side_list>li:nth-child(even)::after { content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 1px; background-color: #E6E6E6;}
  .art-down-side_list>li:nth-child(n+3) { border-top: 1px solid #E6E6E6;}
  .art-down-item { width: 100%;}
}
@media (max-width:767px) {
  .art-down { padding: 36px 0 50px;}
  .art-down-main { padding: 0 18px 36px;}
  .art-down-search { height: 70px; padding-top: 8px;}
  .art-down-search svg { width: 20px; height: 20px; margin-right: 12px;}
  .art-down-search input { font-size: 14px;}
  .art-down-title { margin-top: 22px; font-size: 22px; line-height: 28px;}
  .art-down-list { margin-top: 18px;}
  .art-down-item { height: 86px; padding: 0 14px;}
  .art-down-item_icon { width: 36px; height: 36px; border-radius: 8px; margin-right: 10px;}
  .art-down-item_icon svg { width: 18px; height: 23px;}
  .art-down-item_name { font-size: 13px; line-height: 18px;}
  .art-down-item_size { font-size: 12px; margin-top: 3px;}
  .art-down-item_size svg { margin-right: 6px;}
  .art-down-item_btn { width: 68px; height: 30px; font-size: 12px; gap: 4px; margin-left: 8px;}
  .art-down-item_btn svg { width: 15px; height: 15px;}
  .art-down-pager { margin-top: 28px; gap: 8px;}
  .art-down-pager a { width: 34px; height: 34px; font-size: 14px;}
  .art-down-side_list>li { width: 100%; height: 50px;}
  .art-down-side_list>li:nth-child(n+2) { border-top: 1px solid #E6E6E6;}
  .art-down-side_list>li:nth-child(even)::after { display: none;}
}

/* ===== 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;}