/*
 * 栏目页精修（section-polish.css）
 * 适用：Albums / Articles / Comments / Downloads / Products / Recruit 六个前台栏目
 * 原则（与首页 home-polish.css 同一套设计语言）：只改观感，不改尺寸——
 *       容器宽高、边距、浮动位置保持不变，仅统一配色、描边、圆角、阴影与交互反馈。
 *       图片列表处用「边框改 1px + 内边距补 3px」替换原来的 4px 灰边框，占地完全不变。
 * 回滚：删掉各栏目 Main.master.cs 中对本文件的引用即可。
 */

/* ============ 通用基调 ============ */
body {
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

/* ============ 横幅 ============ */
body .divcebanner img,
body .divcebanner1 img,
body .containerbanner img {
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(20, 50, 100, .14);
}

/* ============ 面包屑 ============ */
body .div_vv {
    background: #fff;
    border: 1px solid #e6ecf4;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(20, 50, 100, .05);
    padding: 7px 14px;
    box-sizing: border-box;
}

body .div_vv .titlename { color: #666; font-size: 14px; }
body .div_vv .titlename a { color: #0d59af; }

/* ============ 侧栏标题 / 分类列表 ============ */
body .title18 {
    background: linear-gradient(90deg, #0d59af, #1e7ad4) !important;
    border-top: 0 !important;
    border-radius: 6px 6px 0 0;
}

body .title18 span.titlename { color: #fff !important; font-size: 15px; font-weight: 600; }
body .title18 span.more { display: none; }

body .product_11 {
    background: #fff !important;
    border: 1px solid #e6ecf4;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
}

body .product_11 ul li {
    border-bottom: 1px solid #f0f3f8 !important;
    padding: 0 14px !important;
}

body .product_11 ul li:last-child { border-bottom: 0 !important; }
body .product_11 ul li img { display: none; }
body .product_11 ul li a { color: #444; font-size: 14px; }
body .product_11 ul li a:hover { color: #0d59af !important; background: none !important; }
body .product_11 ul li a.hover_1 { color: #0d59af !important; font-weight: 600; }
body .product_11 ul li.child a { color: #6b7787; font-size: 13px; padding-left: 14px; }

/* ============ 内容列表（新闻 / 下载 / 图片 / 招聘） ============ */
body .product_1 ul li { border-bottom: 1px solid #f0f3f8; padding: 6px 0; }
body .product_3 ul li { border-bottom: 1px dashed #edf1f6; padding: 6px 0; }
body .product_1 ul li:last-child,
body .product_3 ul li:last-child { border-bottom: 0; }
body .product_1 ul li a,
body .product_3 ul li a { color: #333; font-size: 14px; }
body .product_1 ul li a:hover,
body .product_3 ul li a:hover { color: #0d59af !important; }
body .date { color: #98a4b3; font-size: 12px; }

/* ============ 图片网格（相册 / 图片列表） ============ */
/* 原 4px 灰边框 → 1px 细边框 + 3px 内边距，外框尺寸不变 */
body .img-wrap img {
    border: 1px solid #e9eef5;
    padding: 3px;
    background: #fff;
    border-radius: 6px;
    -webkit-transition: border-color .18s ease, box-shadow .18s ease;
    transition: border-color .18s ease, box-shadow .18s ease;
}

body .img-wrap:hover img {
    border-color: #0d59af;
    opacity: 1;
    box-shadow: 0 3px 10px rgba(20, 50, 100, .16);
}

body .img_3 ul li { border-bottom: 1px dashed #edf1f6; }

/* ============ 产品网格（Products 列表页） ============ */
/* 原问题：服务端图固定 224px 宽，超出 180px 的栅格列导致错位；
   顶部还有个空的面包屑卡片。以下修正：图片随列宽缩放、卡片化、悬停浮起。 */
body .product_3 .row { margin: 0 -8px; }

body .product_3 .row .img-wrap {
    background: #fff;
    border: 1px solid #e6ecf4;
    border-radius: 6px;
    padding: 10px 10px 4px;
    margin: 0 0 16px;
    box-sizing: border-box;
    -webkit-transition: border-color .18s ease, box-shadow .18s ease, -webkit-transform .18s ease;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body .product_3 .row .img-wrap:hover {
    border-color: #0d59af;
    box-shadow: 0 4px 14px rgba(20, 50, 100, .16);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

/* 覆盖内联的固定宽高：图片独占卡片整行（上），名称在下方（下）；
   服务端裁剪已改为 360x240，这里统一显示高度 150px、object-fit 裁齐。 */
body .img-wrap a.Productimg,
body .img-wrap > a {
    float: none;
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 4px;
}

body .img-wrap .div_titlep,
body .img-wrap p {
    float: none;
    width: 100%;
}

body .img-wrap img {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover;
    border: 0;
    border-radius: 4px;
    background: #f6f8fb;
}

body .product_3 .row .img-wrap .div_titlep { padding: 6px 0 2px; }
body .product_3 .row .img-wrap .div_titlep a { color: #333; font-size: 14px; }
body .product_3 .row .img-wrap .div_titlep a:hover { color: #0d59af; text-decoration: none; }

/* 空面包屑（title2 无内容时）不渲染空白卡片 */
body .div_vv .title2:empty { display: none !important; }
body .div_vv:has(> .title2:empty) {
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}

body .Productimg img {
    border: 1px solid #e6ecf4;
    border-radius: 6px;
    background: #fff;
    padding: 2px;
    box-sizing: border-box;
}

/* ============ 招聘（Bootstrap 栅格结构） ============ */
body .product_4 {
    background: #fff;
    border: 1px solid #e6ecf4;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}

body .product_1.category ul li { border-bottom: 1px solid #f0f3f8; padding: 10px 0; }
body .containerbanner img { width: 100%; }

/* ============ 单页内容（Content.aspx：关于我们 / 联系我们 / 人才招聘） ============ */
/* 页面标题：居中大标题 + 蓝色下划线 */
body .div_vvcenter {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 2px solid #d8e6fa;
    padding-bottom: 6px;
}

body .div_vvcenter .titlename {
    float: none;
    width: auto;
    height: auto;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #0d59af;
    line-height: 32px;
}

/* 正文容器：保持原宽度与外边距，仅做卡片化与排版优化 */
body .divContentDiv {
    background: #fff;
    border: 1px solid #e6ecf4;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(20, 50, 100, .06);
    padding: 6px 18px 18px;
}

body .divContentDiv .product_3 { padding: 4px 0 0; min-height: 0; }

body .divContentDiv,
body .divContentDiv div { font-size: 14px; color: #444; }

body .divContentDiv p { margin: 0 0 14px; line-height: 1.9; }
body .divContentDiv img { max-width: 100%; height: auto; border-radius: 6px; }
body .divContentDiv a { color: #0d59af; }
body .divContentDiv a:hover { text-decoration: underline; }
body .divContentDiv strong { color: #222; }

body .divContentDiv table { border-collapse: collapse; }
body .divContentDiv table td,
body .divContentDiv table th {
    border: 1px solid #e6ecf4;
    padding: 8px 10px;
    line-height: 1.8;
}

/* ============ 404 提示页 ============ */
body .page404 {
    text-align: center;
    padding: 40px 0;
    color: #6b7787;
    font-size: 15px;
}

body .page404 a {
    display: inline-block;
    padding: 8px 26px;
    border-radius: 6px;
    color: #fff !important;
    background: linear-gradient(180deg, #1a76d6, #0d59af);
    box-shadow: 0 2px 8px rgba(13, 89, 175, .28);
}

body .page404 a:hover { filter: brightness(1.08); }

/* ============ 站点地图 ============ */
body .SiteMapList,
body #SiteMapDiv { background: #fff; }

/* ============ 产品详情（Products/Detail.aspx） ============ */
/* 详情页内部又嵌了一层 .div_vv：撤销面包屑卡片样式，避免双层卡片错位 */
body .divContentDiv .div_vv {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: auto;
    float: none;
}

body .divContentDiv .div_vv .product_3 { padding: 0 !important; min-height: 0 !important; }

/* 标题 / 日期与点击次数 / 分隔线 */
body .divContentDiv h4 {
    margin: 4px 0 10px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
}

body .divContentDiv .dashed-line { border-bottom: 1px solid #eef2f6; margin: 10px 0; }
body .divContentDiv p.text-center span { color: #8b95a1; font-size: 13px; }

/* ============ 详情内容 ============ */
body .dashed-line { border-bottom: 1px solid #edf1f6; }
body .pageContent img { border-radius: 6px; }
body .line-height { line-height: 26px; }

/* ============ 表单 / 按钮（留言、搜索、价格查询） ============ */
body input[type="text"],
body input[type="password"],
body textarea,
body select { outline: none; }

body .div_input_l,
body .track_tex1,
body .weight,
body .postcode,
body .lefttracktextarea {
    border: 1px solid #ccd7e5;
    border-radius: 3px;
    -webkit-transition: border-color .16s ease, box-shadow .16s ease;
    transition: border-color .16s ease, box-shadow .16s ease;
}

body .div_input_l:focus,
body .track_tex1:focus,
body .weight:focus,
body .postcode:focus,
body .lefttracktextarea:focus {
    border-color: #4a90d9;
    box-shadow: 0 0 0 2px rgba(13, 89, 175, .12);
}

body .div_input,
body .div_input_finput,
body .input_tp,
body .lefttrackinput {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    background: linear-gradient(180deg, #1a76d6, #0d59af) !important;
    box-shadow: 0 1px 3px rgba(13, 89, 175, .28);
    -webkit-transition: filter .16s ease, box-shadow .16s ease;
    transition: filter .16s ease, box-shadow .16s ease;
}

body .div_input:hover,
body .div_input_finput:hover,
body .input_tp:hover,
body .lefttrackinput:hover {
    filter: brightness(1.08);
    box-shadow: 0 3px 8px rgba(13, 89, 175, .36);
}

body .div600 { color: #666; }
body .divtbao { color: #8b95a1; }
body .lefttrack17 { border-radius: 6px; overflow: hidden; }

/* ============ 左栏通用区块（部分栏目沿用首页左栏样式） ============ */
body .divrtop,
body .divpricetop2 {
    background: linear-gradient(90deg, #0d59af, #1e7ad4) !important;
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-size: 14px;
}

body .div_boxlogin,
body .div_boxlogints,
body .leftmenu,
body .divcright,
body .divcleft {
    background: #fff;
    border: 1px solid #e6ecf4;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(20, 50, 100, .06);
}

body .trackborder,
body .trackborder2 {
    border: 1px solid #e6ecf4 !important;
    border-radius: 0 0 6px 6px;
}

/* ============ 分页 ============ */
body .pager span.Pager,
body .pager span.btnLink { border: 1px solid #cfdced; border-radius: 4px; background: #fff; }
body .pager .Pager span span { background: #0d59af; border-radius: 3px; }
body .pager .Pager a { color: #555; }
body .pager .Pager a:hover { color: #0d59af !important; }
body .pager .Pager a:hover span.Pager,
body .pager .Pager a:hover span.btnLink { background: #0d59af !important; }
body .pager input.PagerBtn,
body .pager input.PagerInput { border: 1px solid #cfdced; border-radius: 4px; }

/* ============ 合作伙伴条 / 页脚（与首页保持一致） ============ */
body .content_pn {
    background: #fff;
    border: 1px solid #e6ecf4;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(20, 50, 100, .06);
}

body .partner_img { -webkit-transition: opacity .18s ease; transition: opacity .18s ease; }
body .partner_img:hover { opacity: .82; }

body #footer { background: linear-gradient(180deg, #123a72, #0f3160); }
body #footer .footBox { background: none !important; }
body ul.footerNav li a { color: #c9d9ef !important; }
body ul.footerNav li a:hover { color: #fff !important; }
body #footer .cpyright a,
body #footer .div_cyight_a { color: #9db8dc !important; }