@charset "utf-8";

/* ============================================================
   手机端适配样式（屏幕宽度 <= 768px 时生效，电脑端不受影响）
   ============================================================ */
@media (max-width: 768px) {

    /* ---------- 全局 ---------- */
    body {
        background: #fff !important;
        background-image: none !important;
        padding: 0 !important;
        overflow-x: hidden;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }

/* ===== 手机端导航：4 个一行 + 竖线分隔 + 与 logo 间距 4px ===== */
#navdh {
    display: flex;
    flex-wrap: nowrap;              /* 关键：不换行，一行显示 */
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    margin: 4px 0 0 0 !important;   /* 与上方 logo 间距 4px */
    width: 100% !important;
}
.navdhli {
    float: none !important;
    display: inline-block;
    padding: 6px 0 !important;
    position: relative;
    flex-shrink: 0;                 /* 不压缩 */
}
.navdhli a {
    font-size: 15px !important;     /* 字号缩小一点，让 4 个能挤在一行 */
    line-height: 1.6;
    padding: 0 8px;                 /* 每项左右内边距缩小 */
    display: inline-block;
    white-space: nowrap;
}
/* 每项之间加竖线 */
.navdhli + .navdhli::before {
    content: "|";
    color: rgba(255,255,255,0.6);
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 13px;
}
/* 隐藏：公司新闻、行业动态、养殖技术 */
.navdhli:nth-child(2),
.navdhli:nth-child(3),
.navdhli:nth-child(5) {
    display: none !important;
}



    /* ---------- 隐藏 header 里的电脑版 banner ---------- */
    .dingbg .carousel,
    .dingbg #myCarousel,
    .dingbg #xxx {
        display: none !important;
    }

    /* ---------- 手机端顶部 banner ---------- */
    .m-banner {
        position: relative;
        width: 100%;
        height: 200px;
        margin-top: 4px;
        overflow: hidden;
        background: #eee;
    }
    .m-banner .m-banner-item {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .m-banner .m-banner-item.active {
        display: block;
    }
    .m-banner .m-banner-item img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        display: block;
    }
    .m-banner .m-banner-dots {
        position: absolute;
        right: 12px;
        bottom: 12px;
        z-index: 10;
    }
    .m-banner .m-banner-dots .m-dot {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-left: 5px;
        background: rgba(255,255,255,0.5);
        border-radius: 50%;
        cursor: pointer;
    }
    .m-banner .m-banner-dots .m-dot.active {
        background: #fff;
    }

    /* ---------- 顶部横幅区域 ---------- */
    .dingbg {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        background-size: cover;
    }
    .container {
        width: 100% !important;
        padding: 0 8px !important;
        box-sizing: border-box;
    }
    .dhleft {
        width: 100% !important;
        height: auto !important;
        text-align: center;
        margin-top: 8px;
    }
    .dhleft img {
        max-width: 80%;
        height: auto;
    }
    .dhright {
        display: none !important;
    }
    .dhtiao {
        height: auto !important;
        margin-top: 5px !important;
    }

    /* ---------- 导航栏 ---------- */
    #navdh {
        width: 100% !important;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .navdhli {
        float: none !important;
        display: inline-block;
        padding: 6px 5px !important;
    }
    .navdhli a {
        font-size: 16px !important;
        line-height: 1.6;
    }
    .dhfgf {
        display: none !important;
    }
    .jrsc {
        display: none !important;
    }

    /* ---------- 内容区 ---------- */
    .indexcenter {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
        border: none !important;
        box-shadow: none !important;
        min-height: 0 !important;
    }
    .indexleft,
    .indexright {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
        float: none !important;
    }
    .indexleft001 {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        float: none !important;
    }
    #con {
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
    }
    #tags {
        width: 100% !important;
        box-sizing: border-box;
    }
    .tagContent {
        width: 100% !important;
        box-sizing: border-box;
    }

    /* ---------- 新闻列表 ---------- */
    .lbnews {
        width: 78% !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 32px !important;
        float: left;
    }
    .lbnews a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }
    .lbsj {
        width: 20% !important;
        float: right;
        line-height: 32px !important;
        text-align: right;
    }

    /* ---------- 企业简介 ---------- */
    .sbabout {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        float: none !important;
    }
    .sbaboutpic {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        float: none !important;
    }
    .sbaboutpic img {
        width: 100% !important;
        height: auto !important;
    }
    .sbaboutfont {
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
        padding: 8px;
        box-sizing: border-box;
        float: none !important;
        clear: both;
    }
    /* 企业简介标题图 */
    .qyjj {
        float: none !important;
        margin: 10px 10px 0 !important;
    }
    .qyjj img {
        width: 158px !important;
        height: auto !important;
        max-width: 100% !important;
        display: block;
    }

    /* ---------- 产品中心标题栏 ---------- */
    .jiaxiaotop-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 10px;
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        overflow: visible;
    }
    .jiaxiaotop {
        float: none !important;
        margin: 0 !important;
        height: 30px;
        line-height: 30px;
    }
    .jiaxiaotop img {
        width: 258px !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        display: block;
    }
    .jiaxiaotopmore {
        float: none !important;
        margin: 0 !important;
        height: 30px;
        line-height: 30px;
    }
    .fgx {
        width: 100% !important;
    }

    /* ---------- 产品中心：两列居中显示 ---------- */
    #scroll_div {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
    #scroll_div table,
    #scroll_div tbody,
    #scroll_div tr,
    #scroll_div td {
        display: block;
        width: 100% !important;
    }
    #scroll_end {
        display: none !important;
    }
    #scroll_begin {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .jiaxiaopic {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        float: none !important;
    }
    .jiaxiaopicm {
        width: 31% !important;
        height: auto !important;
        margin: 5px 1% !important;
        box-sizing: border-box;
        float: none !important;
        overflow: hidden;
        text-align: center;
    }
    .jiaxiaopicm img {
        width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto !important;
    }

    /* ---------- 右侧栏：全部撑满 ---------- */
    .indexbmxz0 {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
        float: none !important;
    }
    .indexbmxz0 > a {
        display: block;
        width: 100%;
    }
    .indexbmxz0 > a img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    .flbg {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        background-size: cover;
        box-sizing: border-box;
        float: none !important;
    }
/* 产品分类列表：每行两个、字大、居中 */
.indexbmxz4 {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 5px !important;
    box-sizing: border-box;
    float: none !important;
}
.indexbmxz4 ul {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
}
.indexbmxz4 .navleftsy {
    width: 48% !important;
    margin: 6px 1% !important;
    padding: 0 !important;
    box-sizing: border-box;
    list-style: none;
    text-align: center;
    float: none !important;
}
.indexbmxz4 .navleftsy a {
    font-size: 16px !important;
    line-height: 30px !important;
    color: #333;
    display: block;
    text-decoration: none;
}
    .navleftsy a {
        line-height: 26px !important;
        font-size: 14px;
    }

/* 特别推荐：*/
.hzhb {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 10px 0 !important;
    display: block;
    text-align: left;   /* 图片靠左，和"企业简介"一样 */
}
.hzhb img {
    width: 200px !important;   /* 和"企业简介"标题图一样宽 */
    height: auto !important;
    display: block;
    margin: 0 0 0 10px;        /* 左边留 10px，和标题图对齐 */
}

    /* 产品分类下方的图（zsk.jpg 等） */
    .indexbmxz {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0 !important;
        float: none !important;
    }
    .indexbmxz img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }

    /* ---------- 联系我们 ---------- */
    .indexlxwm {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0 !important;
        float: none !important;
        box-sizing: border-box;
        clear: both;
    }
    .indexlxwm1 {
        width: 100% !important;
        float: none !important;
    }
    .indexlxwm1 img {
        width: 100% !important;
        height: auto !important;
        display: block;
    }
    .indexlxwmwz {
        width: 100% !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 1.9;
        color: #666;
        float: none !important;
    }

    /* ---------- 友情链接 ---------- */
    .indexlink {
        width: 100% !important;
        margin-left: 0 !important;
        box-sizing: border-box;
        float: none !important;
    }
    .indexlink1,
    .indexlink2 {
        width: 100% !important;
    }

    /* ---------- 页脚 ---------- */
    .footer2 {
        width: 100% !important;
        height: auto !important;
    }
    .footer1 {
        width: 100% !important;
        height: auto !important;
        padding: 10px;
        box-sizing: border-box;
    }
    .sbjxlogo,
    .sbjxdfont {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-left: 0 !important;
        text-align: center;
    }
    .sbjxlogo img {
        max-width: 80%;
    }

    /* ---------- 隐藏电脑端元素 ---------- */
    .hidden-phone {
        display: none !important;
    }
}