/* ==========================================================================
   partner-strip.css
   首页「合作伙伴」轮播条专用样式
   --------------------------------------------------------------------------
   只被 partner.aspx 引用 —— 该页只加载了 test/style.css，看不到外层的
   site-layout.css，所以条内的定位问题只能在这里修。
   原状与问题：
     · body 默认 8px 外边距，让 iframe 里外各多出一圈空白；
     · .content_pn 固定 1200px，而轮播脚本给 .bx_container 设的是
       「单个 logo 宽 × 显示数量」的行内宽度，.bx_container 又是块级元素、
       没有 auto 外边距 → 整条 logo 在容器里靠左，右侧空出一大段；
     · .in_partner 固定 90px 高，与内容实际高度不符，底部留白。
   原则：只做覆盖，不改 test/style.css 原件。
   ========================================================================== */

body {
    margin: 0;
}

.in_partner {
    float: none;
    width: 100%;
    height: auto;
}

.content_pn {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 关键：轮播容器是脚本按 logo 宽度算出行内宽度的块级元素，
   必须让它在本行居中，整条 logo 才不会偏到左边 */
.bx_container {
    margin: 0 auto;
}

#example {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* logo 统一为描边卡片，悬停描边加深，比裸图更整齐。
   顺带清掉 test/style.css 里 <a> 自带的那 20px 右边距 ——
   它会和 li 的 10px 间距叠加成 30px，logo 之间显得很散 */
.bx_container li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
}

.bx_container li a {
    display: block;
    margin: 0;
    padding: 4px;
    border: 1px solid #e6ebf2;
    background: #fff;
    -webkit-transition: border-color .2s ease, box-shadow .2s ease;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.bx_container li a:hover {
    border-color: #b9cfea;
    box-shadow: 0 2px 8px rgba(36, 80, 154, .12);
}

.partner_img {
    display: block;
    width: 112px;
    height: 50px;
    border: 0;
    background: #fff;
}

/* 配合 partner.aspx 里按 iframe 宽度动态取的显示数量，窄屏把 logo 缩小 */
@media (max-width: 991px) {
    .partner_img {
        width: 96px;
        height: 44px;
    }
}
@media (max-width: 767px) {
    .partner_img {
        width: 84px;
        height: 40px;
    }
}