@charset "utf-8";
/* ==========================================================================
   home.css —— 首页版面美化（仅 Default.aspx 引用，加载于 main.css 之后）
   只做覆盖，不改动 main.css / bootstrap.css 原有规则，其他页面不受影响。
   设计基调：浅蓝灰背景 + 白色圆角卡片 + 蓝色主色 + 橙色强调色。
   ========================================================================== */

:root {
    --hm-primary: #0a6fd0;
    --hm-primary-light: #2f8ce0;
    --hm-accent: #ff8a00;
    --hm-accent-light: #ffa733;
    --hm-text: #243447;
    --hm-text-weak: #7b8a9c;
    --hm-line: #e8eef6;
    --hm-bg: #f2f6fb;
    --hm-radius: 12px;
    --hm-shadow: 0 2px 12px rgba(18, 46, 79, .07);
    --hm-shadow-hover: 0 10px 28px rgba(18, 46, 79, .14);
}

/* --------------------------------------------------------------------------
   1. 基础排版
   -------------------------------------------------------------------------- */
body {
    color: var(--hm-text);
    background: var(--hm-bg);
    -webkit-font-smoothing: antialiased;
}

a {
    transition: color .2s ease;
}

/* 顶部与导航容器与下方 1100px 内容区左右对齐（1130 - 左右各 15 padding） */
.header > .container,
.divmenu > .container {
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
}

/* --------------------------------------------------------------------------
   2. 顶部 LOGO / 服务热线
   -------------------------------------------------------------------------- */
.header {
    background: #fff;
    box-shadow: 0 1px 0 var(--hm-line), 0 4px 18px rgba(18, 46, 79, .05);
    position: relative;
    z-index: 20;
}

.header .logo {
    padding: 18px 0;
}

/* 原样式把 LOGO 强制右移 15%，与左侧留白失衡，这里回归左对齐 */
.header .minlogo img {
    margin-left: 0;
    max-height: 66px;
    width: auto;
}

.header .divleftline {
    padding: 26px 0 26px 20px;
    font-size: 26px;
    letter-spacing: .5px;
    color: var(--hm-primary);
    text-shadow: none;
}

.header .divlineimg {
    margin-right: 6px;
    opacity: .9;
}

/* --------------------------------------------------------------------------
   3. 主导航条
   -------------------------------------------------------------------------- */
.divmenu {
    background: linear-gradient(135deg, var(--hm-primary) 0%, var(--hm-primary-light) 100%);
    box-shadow: 0 6px 18px rgba(10, 111, 208, .22);
    position: relative;
    z-index: 15;
}

.divmenu .navbar,
.divmenu .navbar-default {
    min-height: 54px;
    margin-bottom: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.divmenu .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    box-shadow: none;
}

@media (min-width: 768px) {
    /* 用 flex 均分，避免原 40px 左右内边距在多菜单时挤到换行 */
    .divmenu .navbar-nav {
        display: flex;
        align-items: stretch;
        float: none;
        margin: 0;
    }

    .divmenu .navbar-default .navbar-nav > li {
        float: none;
        position: relative;
    }

    .divmenu .navbar-default .navbar-nav > li > a {
        height: 54px;
        line-height: 54px;
        padding: 0 26px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .5px;
        color: #fff;
        background: transparent;
        border-bottom: 0;
        transition: background .22s ease;
    }

    /* 原 hover 用 3px 下边框，会改变盒高造成跳动，这里改用绝对定位的指示条 */
    .divmenu .navbar-default .navbar-nav > li > a::after {
        content: "";
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        height: 3px;
        border-radius: 2px 2px 0 0;
        background: var(--hm-accent);
        opacity: 0;
        transition: left .25s ease, right .25s ease, opacity .25s ease;
    }

    .divmenu .navbar-default .navbar-nav > li > a:hover,
    .divmenu .navbar-default .navbar-nav > li > a:focus {
        color: #fff;
        border-bottom: 0;
        background: rgba(255, 255, 255, .15);
    }

    .divmenu .navbar-default .navbar-nav > li > a:hover::after,
    .divmenu .navbar-default .navbar-nav > li > a:focus::after {
        left: 14px;
        right: 14px;
        opacity: 1;
    }

    /* 首项原来是红色 + 23px 内边距，与其他项不一致 */
    .divmenu #shouye {
        padding-left: 26px;
        padding-right: 26px;
        color: #fff;
    }

    /* 二级菜单：原来 width:100% / top:54px 会撑成整行宽，改为跟随父项自适应 */
    .divmenu #nav li ul {
        top: 54px;
        left: 0;
        width: auto;
        min-width: 172px;
        padding: 8px 0;
        background: #fff;
        border: 0;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 14px 30px rgba(18, 46, 79, .18);
        overflow: hidden;
    }

    .divmenu #nav li ul li {
        float: none;
        border-bottom: 1px solid #f1f5fa;
    }

    .divmenu #nav li ul li:last-child {
        border-bottom: 0;
    }

    .divmenu #nav li ul li a {
        display: block;
        padding: 10px 18px;
        line-height: 1.5;
        font-size: 13px;
        color: var(--hm-text);
        text-align: left;
        white-space: nowrap;
    }

    .divmenu #nav li ul li a:hover {
        color: #fff;
        background: var(--hm-primary);
    }
}

/* 移动端汉堡按钮 */
.divmenu .navbar-default .navbar-toggle {
    margin-top: 9px;
    margin-bottom: 9px;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 6px;
    background: rgba(255, 255, 255, .16);
}

.divmenu .navbar-default .navbar-toggle:hover,
.divmenu .navbar-default .navbar-toggle:focus {
    background: rgba(255, 255, 255, .28);
}

/* --------------------------------------------------------------------------
   4. Banner 轮播
   -------------------------------------------------------------------------- */
#Banner {
    float: left;
    width: 100%;
}

.slick-slider {
    margin-bottom: 0;
}

/* 各帧等高：slick 的轨道高度取最高一帧，若图片高度不一，
   圆点会落在图片下方的空白里，这里统一高度避免错位 */
#Banner .slick img,
#Banner .div_bannerimg {
    display: block;
    width: 100%;
    height: 420px;
    object-fit: cover;
    border: 0;
}

#Banner .slick-dots {
    bottom: 16px;
    margin-bottom: 0;
    line-height: 0;
    z-index: 10;
}

#Banner .slick-dots li {
    margin: 0 0 0 8px;
}

#Banner .slick-dots li button {
    width: 22px;
    height: 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .55);
    transition: width .25s ease, background .25s ease;
}

#Banner .slick-dots .slick-active button {
    width: 44px;
    background: #fff;
}

/* --------------------------------------------------------------------------
   5. 三栏区（货物追踪 / 新闻 / 登录 + 快捷导航）
   改为「两行三列」网格：同一行的三张卡片强制等高、上下边缘横向对齐。
   （flex 按列排布时各列独立伸缩，上一张卡变高会把同列下一张往下推，
    造成第二行卡片错位；网格按行分配高度则天然对齐。）
   -------------------------------------------------------------------------- */
.divpricing {
    background: var(--hm-bg);
}

.divcontainers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* 两行三列，同一行的三张卡片由网格强制等高、上下边缘横向对齐 */
    grid-template-areas:
        "track  news1  login"
        "price  news2  nav";
    gap: 22px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 26px 15px 6px;
    box-sizing: border-box;
}

/* 列容器退化为透明包装：让 6 张卡片成为网格的直接子项，
   再按 grid-area 指派到上面的具名区域（保持原语义分组）*/
.div_left1,
.divmiddle1,
.divright1 {
    display: contents;
}

.div_left1 > .trackdiv:nth-child(1) { grid-area: track; }
.div_left1 > .trackdiv:nth-child(2) { grid-area: price; }
.divmiddle1 > #News1 { grid-area: news1; }
.divmiddle1 > #News2 { grid-area: news2; }
.divright1 > .trackdiv:nth-child(1) { grid-area: login; }
.divright1 > .trackdiv:nth-child(2) { grid-area: nav; }

/* 网格单元是 #News1/#News2 包装层（被网格拉伸为整行高），
   而它里面的 .trackdiv 高度只有内容那么高，白底到列表就断了，
   下方露出页面灰底。用 flex 把卡片及其内容列表都撑满单元，
   保证同行三张卡片白底等高。 */
.divmiddle1 > #News1,
.divmiddle1 > #News2 {
    display: flex;
    flex-direction: column;
}

.divmiddle1 > #News1 > .trackdiv,
.divmiddle1 > #News2 > .trackdiv {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.divmiddle1 > #News1 > .trackdiv .product_33,
.divmiddle1 > #News2 > .trackdiv .product_33 {
    flex: 1 1 auto;
}

/* --------------------------------------------------------------------------
   6. 卡片（.trackdiv）
   注意：不要给卡片加 overflow:hidden，否则「地区」下拉框会被裁掉
   -------------------------------------------------------------------------- */
.trackdiv {
    float: none;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    background: #fff;
    border: 1px solid var(--hm-line);
    border-radius: var(--hm-radius);
    box-shadow: var(--hm-shadow);
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
}

/* 原样式 hover 时加 1px 边框会撑大 2px 造成跳动，这里改为只改阴影与位移 */
.trackdiv:hover {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    border: 1px solid #d7e3f1;
    background: #fff;
    box-shadow: var(--hm-shadow-hover);
    transform: translateY(-2px);
}

/* 卡片标题栏：替换 biaot2.jpg 底图 */
.trackdiv_h3 {
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    height: 52px;
    line-height: 52px;
    padding: 0 16px 0 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff;
    background: linear-gradient(135deg, var(--hm-primary) 0%, var(--hm-primary-light) 100%);
    border-radius: var(--hm-radius) var(--hm-radius) 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 标题栏左侧强调色块 */
.trackdiv_h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 0 3px 3px 0;
    background: var(--hm-accent);
}

.trackdiv_h3 .div_more1 {
    float: right;
    padding-right: 0;
    font-size: 12px;
    font-weight: 400;
}

.trackdiv_h3 .div_more1 a {
    color: rgba(255, 255, 255, .88);
}

.trackdiv_h3 .div_more1 a:hover {
    color: #fff;
    text-decoration: underline;
}

.divboxt {
    float: none;
    width: 100%;
    padding: 18px 20px;
    box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   7. 表单控件（追踪输入、价格查询、会员登录）
   -------------------------------------------------------------------------- */
.trackdiv .textareainput {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.7;
    color: var(--hm-text);
    background: #fbfdff;
    border: 1px solid #dbe5f0;
    border-radius: 8px;
    resize: vertical;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.trackdiv .textareainput::placeholder {
    color: #a7b4c4;
}

.trackdiv .textareainput:focus {
    outline: none;
    background: #fff;
    border-color: var(--hm-primary-light);
    box-shadow: 0 0 0 3px rgba(47, 140, 224, .14);
}

.trackdiv .form-control {
    height: 38px;
    padding: 6px 10px;
    font-size: 13px;
    color: var(--hm-text);
    background: #fbfdff;
    border: 1px solid #dbe5f0;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
}

.trackdiv .form-control:focus {
    outline: none;
    background: #fff;
    border-color: var(--hm-primary-light);
    box-shadow: 0 0 0 3px rgba(47, 140, 224, .14);
}

.trackdiv .control-label {
    color: var(--hm-text-weak);
    font-size: 13px;
    font-weight: 400;
}

/* 主按钮（查询 / 登录） */
.divinputtrack,
.divinputtrack2 {
    float: none;
    display: block;
    width: 100%;
    height: 44px;
    padding: 0;
    margin: 14px 0 0;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    background: linear-gradient(135deg, var(--hm-accent) 0%, var(--hm-accent-light) 100%);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(255, 138, 0, .26);
    transition: background .25s ease, box-shadow .25s ease, transform .15s ease;
}

.divinputtrack:hover,
.divinputtrack2:hover {
    font-size: 15px;
    background: linear-gradient(135deg, var(--hm-primary) 0%, var(--hm-primary-light) 100%);
    box-shadow: 0 8px 20px rgba(10, 111, 208, .32);
    transform: translateY(-1px);
}

.divinputtrack:active,
.divinputtrack2:active {
    transform: translateY(0);
}

/* 17TRACK 标识 */
.17track {
    margin-top: 12px;
    opacity: .9;
    transition: opacity .2s ease;
}

.17track:hover {
    opacity: 1;
}

.form_control_img {
    max-width: 100%;
    height: auto;
}

/* --------------------------------------------------------------------------
   8. 会员登录 / 注册
   -------------------------------------------------------------------------- */
.div_loggindiv {
    float: none;
    width: 100%;
    padding: 0;
}

.div_loggindiv ul li {
    float: none;
    width: 100%;
    margin-bottom: 12px;
}

.div_loggindiv ul li > span:last-child {
    display: block;
}

.div_loggindiv ul li input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    padding: 0 14px;
    font-family: inherit;
    font-size: 13px;
    color: var(--hm-text);
    background: #fbfdff;
    border: 1px solid #dbe5f0;
    border-radius: 8px;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.div_loggindiv ul li input:focus {
    outline: none;
    background: #fff;
    border-color: var(--hm-primary-light);
    box-shadow: 0 0 0 3px rgba(47, 140, 224, .14);
}

/* 原来的 gx.png 分割图 + 负 margin 排版较乱，改为居中的文字链接 */
.divzhuce {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 12px;
    padding-top: 12px;
    background: none;
    border-top: 1px dashed var(--hm-line);
    text-align: center;
    line-height: 1.6;
}

.divzhuce a {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0;
    font-size: 13px;
    color: var(--hm-primary);
}

.divzhuce a:hover {
    color: var(--hm-accent);
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   9. 新闻列表（#News1 / #News2）
   -------------------------------------------------------------------------- */
.product_33 {
    float: none;
    width: 100%;
    padding: 6px 18px 14px;
    box-sizing: border-box;
    border-top: none;
}

.product_33 ul li {
    float: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 12px 2px;
    box-sizing: border-box;
    border-bottom: 1px dashed var(--hm-line);
    transition: background .2s ease, padding-left .2s ease;
}

.product_33 ul li:last-child {
    border-bottom: 0;
}

.product_33 ul li:hover {
    background: #f7fbff;
    padding-left: 6px;
}

.product_33 ul li span {
    float: none;
}

.product_33 ul li > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
}

/* 原 15px 的 article_arrow.gif 换成纯 CSS 圆点，避免位图发虚 */
.product_33 ul li span img {
    display: none;
}

.product_33 ul li > span:first-child::before {
    content: "";
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 50%;
    background: #c3d6ea;
    transition: background .2s ease;
}

.product_33 ul li:hover > span:first-child::before {
    background: var(--hm-accent);
}

.product_33 ul li a {
    float: none;
    display: block;
    min-width: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--hm-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_33 ul li a:hover {
    color: var(--hm-primary);
}

.product_33 ul li .date {
    flex: 0 0 auto;
    float: none;
    font-size: 12px;
    color: var(--hm-text-weak);
    font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   10. 快捷导航
   -------------------------------------------------------------------------- */
.ksdhcon {
    height: auto;
}

.ksdhcon ul li {
    height: auto;
    border-bottom: 1px solid var(--hm-line);
    font-size: 14px;
    transition: background .22s ease;
}

.ksdhcon ul li:last-child {
    border-bottom: 0;
}

.ksdhcon ul li a {
    width: auto;
    height: 46px;
    padding-left: 58px;
    line-height: 46px;
    color: var(--hm-text);
    border-radius: 8px;
    background-position: 26px center;
}

.ksdhcon ul li a span {
    display: none;
}

.ksdhcon ul li a:hover {
    color: var(--hm-primary);
    background-color: #f4f9ff;
}

/* --------------------------------------------------------------------------
   11. 区块标题（产品展示 / 合作伙伴）
   -------------------------------------------------------------------------- */
.hm-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 16px;
}

/* 与上一区块之间的留白 */
.hm-section-gap {
    padding-top: 34px;
}

.hm-section-title {
    position: relative;
    margin: 0;
    padding-left: 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .5px;
    color: var(--hm-text);
}

.hm-section-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--hm-primary) 0%, var(--hm-primary-light) 100%);
}

/* --------------------------------------------------------------------------
   12. 产品展示
   -------------------------------------------------------------------------- */
.divprucker {
    width: 100%;
    max-width: 1100px;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 22px 15px 26px;
    box-sizing: border-box;
    background: transparent;
}

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

.ds_ul {
    float: none;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    height: auto;
    padding: 0;
}

.ds_ul li {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
}

.ds_ul li a {
    display: block;
    color: inherit;
}

.ds_ul li .ds_img {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 1px solid var(--hm-line);
    border-radius: 10px;
    box-shadow: var(--hm-shadow);
    transition: box-shadow .28s ease, transform .28s ease, border-color .28s ease;
}

.ds_ul li .ds_img:hover {
    border-color: #d7e3f1;
    box-shadow: var(--hm-shadow-hover);
    transform: translateY(-4px);
}

.ds_ul li .ds_img .img_none {
    display: block;
    width: 100%;
    height: 176px;
    object-fit: cover;
    transition: transform .5s ease;
}

.ds_ul li .ds_img:hover .img_none {
    transform: scale(1.06);
}

/* 产品标题：由「红字」改为底部说明条 */
.ds_hoverh3,
.ds_ul li .ds_img .ds_hoverh3 {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 11px 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--hm-text);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    border-top: 1px solid var(--hm-line);
    transition: color .22s ease;
}

.ds_ul li .ds_img:hover .ds_hoverh3 {
    color: var(--hm-primary);
}

/* --------------------------------------------------------------------------
   13. 友情链接
   -------------------------------------------------------------------------- */
/* 注意：本区块由 JS/partner.js 的 bxCarousel 接管。
   该插件把 #example 设为 width:999999 并靠 left 位移滚动，
   因此这里绝不能用 flex / justify-content:center 去排版 li
   ——否则 li 会被居中到 999999px 宽的容器正中，可视区只看到空白。
   只能沿用插件依赖的 float 布局（main.css 的 .bx_container li{float:left}）。*/
.bx_wrap {
    float: none;
    width: 100%;
    /* 原样式固定 80px 高，插件动态滚动时会把内容裁掉 */
    height: auto;
    margin: 0;
    /* 留出 hover 上浮与阴影的空间，避免被 overflow 裁掉 */
    padding: 6px 0;
    overflow: hidden;
    border-top: 0;
}

.bx_container {
    float: none;
    /* 插件会把可视宽度写成内联样式（width: 单个 li 宽 × display_num），
       这里不能设 width，否则覆盖后滚动窗口算错；用 auto 外边距让它在容器内居中 */
    margin: 0 auto;
    overflow: hidden;
}

/* li 保持左浮动，只收掉固定的 68px 高度，避免图片被压变形 */
.bx_container li {
    height: auto;
}

/* logo 保持彩色 */
.partner_img {
    display: block;
    width: 156px;
    height: 68px;
    padding: 6px;
    box-sizing: border-box;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--hm-line);
    border-radius: 8px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.bx_container li a {
    display: block;
}

.bx_container li a:hover .partner_img {
    transform: translateY(-3px);
    border-color: #d7e3f1;
    box-shadow: 0 8px 20px rgba(18, 46, 79, .14);
}

/* --------------------------------------------------------------------------
   13. 响应式
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
    /* 两列排布：三行，每行两张卡片自动等高对齐 */
    .divcontainers {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "track  news1"
            "price  news2"
            "login  nav";
    }

    .ds_ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .header .divleftline {
        padding: 22px 0 22px 12px;
        font-size: 22px;
    }
}

@media (max-width: 760px) {
    .divcontainers {
        grid-template-columns: 1fr;
        grid-template-areas:
            "track"
            "price"
            "news1"
            "news2"
            "login"
            "nav";
        padding: 18px 12px 4px;
        gap: 16px;
    }

    .header .logo {
        padding: 14px 0 0;
    }

    .header .minlogo {
        text-align: center;
    }

    .header .minlogo img {
        margin: 0 auto;
        max-height: 52px;
    }

    .header .divleftline {
        float: none;
        width: 100%;
        height: auto;
        padding: 8px 0 14px;
        font-size: 18px;
        text-align: center;
    }

    .header .divlineimg {
        display: none;
    }

    .divprucker {
        padding: 16px 12px 20px;
    }

    .ds_ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .ds_ul li .ds_img .img_none {
        height: 140px;
    }

    .ds_hoverh3,
    .ds_ul li .ds_img .ds_hoverh3 {
        padding: 9px 8px;
        font-size: 12px;
    }

    #Banner .slick img,
    #Banner .div_bannerimg {
        height: 180px;
    }

    #Banner .slick-dots {
        bottom: 10px;
    }

    .partner_img {
        width: 132px;
        height: 58px;
    }
}

@media (max-width: 400px) {
    .ds_ul {
        grid-template-columns: 1fr;
    }
}