@charset "UTF-8";

/* 全局 */
html,
body {
    overflow-x: hidden;
}

body {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, 'microsoft yahei', Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    /* 核心属性：去除下划线 */
    color: #333;
    /* 可选：统一链接颜色（替换为你需要的颜色） */
}

a,
button {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

h2 {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style: none;
}


ul {
    list-style-type: none;
    /* 移除列表项前的标记 */
    padding-left: 0;
    margin: 0;
}

.main {
    width: 1400px;
    margin: 0 auto;
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 1400px;
    max-width: 1400px;
}

.main-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.top-col {
    background-color: #134D75;
}

.top-color.active {
    background-color: #0068AF;
}

.pc-height {
    height: 60px;
}

.main-height {
    height: 104px;
}

.main-height-mini {
    height: 60px;
}

.main-height #navbarNavDropdown .list-all {
    padding: 40px 3rem;
}

.main-height-mini .nav-item .nav-link {
    padding: 18px 3rem;
}

.list-all {
    padding: 18px 3rem;
}

#navbarNavDropdown a {
    color: #fff;
    height: -webkit-fill-available;
}

.mySwiper .swimg {
    width: 100%;
    filter: contrast(1.3);
}

.shou-top {
    margin-top: 104px;
}

.topimg {
    height: 100%;
}

.juse {
    background-color: #f1790e;
}

.hez {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    text-align: center;
    background-color: #F5F5F5;
    color: #f1790e;
    float: left;
    padding: 0px 2px;
    margin-right: 1.25rem;
}

.hez i {
    display: block;
    font-size: 0.8rem;
    font-style: normal;
}

.wenzi {
    width: calc(100% - 6.25rem);
    min-width: 0;
    box-sizing: border-box;
    margin-left: 6.25rem;
}

.text-ellipsis-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-ellipsis-2 {
    font-style: normal;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 3em;
    font-size: 0.8rem;
}

/* top-new */
.tab-img-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px;
}

.tab-img-item {
    flex: 0 0 calc(50% - 7.5px);
    /* 一行2组 */
}

.tab-img-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #eee;
}

/* 按钮样式：无框线 + 居中 */
.tab-btn-group {
    display: flex;
    justify-content: center;
    /* 按钮组居中 */
    gap: 16px;
    /* 按钮间距 */
    margin-bottom: 20px;
}

.tab-btn {
    border: none !important;
    /* 去除边框 */
    box-shadow: none !important;
    /* 去除阴影 */
    padding: 8px 20px;
    /* 按钮内边距 */
}

/* 未激活按钮 */
.tab-btn:not(.active) {
    background-color: transparent !important;
    color: #f1790e !important;
    /* 蓝色文字 */
}

/* 激活按钮 */
.tab-btn.active {
    background-color: #f1790e !important;
    color: white !important;
}

/* new */
.custom-card {
    border: none;
    /* 移除边框 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* 柔和阴影 */
    transition: all 0.3s ease;
    /* 过渡动画 */
    border-radius: 8px;
    /* 轻微圆角增强视觉效果 */
}

.custom-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    /*  hover时阴影加深 */
    transform: translateY(-3px);
    /* 轻微上浮效果 */
}

.card-img-top {
    border-top-left-radius: 8px;
    /* 图片顶部圆角与卡片一致 */
    border-top-right-radius: 8px;
    object-fit: cover;
    /* 图片裁剪适配，避免拉伸 */
    height: 200px;
    /* 固定图片高度，保持布局统一 */
    min-height: 200px;
}

.badge {
    font-size: 0.75em;
    padding: 0.25em 0.5em;
}

.fs-7 {
    font-size: 0.85rem;
}

.fs-8 {
    font-size: 0.75rem;
}

.fs-9 {
    font-size: 0.625rem;
}

.text-line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 最大行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* 超出隐藏 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    min-height: calc(1.5 * 2em);
}

.list-des {
    line-height: 1.5rem;
    color: #7F7F80;
}

.product-5 {
    width: 20%;
}

.row {
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-1 * var(--bs-gutter-x));
    margin-left: calc(-1 * var(--bs-gutter-x));
}

.row>* {
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.time {
    bottom: 1rem;
    position: absolute;
    display: contents;
}

/* left */
.nav-title {
    color: #2C2B2B;
    font-weight: 500;
}

.left-body {
    color: #656464;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-group-item {
    border: none;
    padding: 12px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
}

.list-group-item.active {
    background-color: #fff8f2;
    color: #ff7b00;
    font-weight: 500;
}

.text-orange {
    color: #ff7b00;

}



/*分页*/
.pager {
    text-align: center;
    margin: 20px 0;
}

.pager ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pager ul li {
    display: inline-block;
}

.pager ul li a {
    padding: 5px 15px;
    margin: 15px 5px;
    border: #dddddd solid 1px;
    display: inline-block;
}

.pager ul li a:hover {
    border: #3ea8e2 solid 1px;
    color: #3ea8e2
}

.pager ul .active a {
    border: #3ea8e2 solid 1px;
    display: inline-block;
    background-color: #3ea8e2;
    color: #fff;
}

.pager ul a:not([href]):not([class]):hover {
    border: #dddddd solid 1px;
}

.pager ul .active a:hover {
    color: #fff;
    border: #3ea8e2 solid 1px !important;
}

.breadcrumb-item a {
    color: var(--bs-gray);
}

/* footer */
footer {
    background-color: #222;
    color: #fff;
    padding: 1.875rem 0;
}

.foot2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.footer-title {
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    display: contents;
}

.footer-title img {
    height: 60px;
}

.footer-links a {
    color: #ccc;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    transition: color 0.3s;
}

.footer-links a:hover {
    color: white;
}

.footer-links img {
    width: 10rem;
}

.text-you p a {
    color: #fff;
}

.anniu {
    color: #f1790e;
    border-color: #f1790e;
}

.anniu:hover {
    background-color: #f1790e;
    color: #fff;
    border-color: #f1790e;
}

a:hover {
    color: #f1790e;
}

/* 动画定义 */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 动画类 */
.animate-slide-up {
    animation: slideUp 0.8s ease forwards;
}

.animate-slide-down {
    animation: slideDown 0.8s ease forwards;
}

/* 初始状态 */
.animate-on-scroll {
    opacity: 0;
}

:root {
    --swiper-theme-color: #f1790e;
}

.swiper-thumbnails .swiper-wrapper {
    /* 让滑块组水平居中（关键） */
    justify-content: center;
}

.swiper-thumbnails .swiper-slide {
    width: 80px !important;
    /* 缩略图宽度（固定值，确保均匀） */
    height: 80px;
    /* 缩略图高度 */
    opacity: 0.6;
    /* 未激活状态透明度 */
    border: 2px solid transparent;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* 去除默认内边距，确保间距统一 */
    padding: 0 !important;
}

.swiper-thumbnails .swiper-slide-thumb-active {
    opacity: 1;
    /* 激活状态透明度 */
    border-color: #f1790e;
    /* 激活状态边框色 */
}

.swiper-thumbnails img {
    border: solid #ccc 1px;
    border-radius: 4px;
}

.img-zoom-container {
    text-align: center;
}

.color-all {
    color: #2C2B2B;
}

.nav-item:hover>a {
    background-color: #0068AF;
}

.navbar-nav>li .icon-xiangxia4 {
    position: absolute;
    top: 40%;
    right: 3px;
    color: #fff;
}

#navbar .secnav {
    position: absolute;
    width: 160px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #999;
    display: none;
}

.navbar-nav>.nav-item:hover .secnav {
    display: block !important;
}

#navbar .secnav li {
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;
}

#navbar .secnav a:hover li {
    background-color: #0068AF;
    color: #fff;
}

.bodys img {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    max-width: 100%;
    height: auto;
}

/* bar */
.navbar-toggle {
    border-color: #ddd;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.navbar-toggle .icon-bar {
    background-color: #ccc;
}

.fullscreen-dropdown {
    position: fixed;
    top: 60px;
    /* 距离顶部60px */
    left: 0;
    width: 100vw;
    height: calc(100vh - 60px);
    /* 全屏高度减去60px */
    background: white;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow-y: auto;
    /* 如果内容过多可以滚动 */
}
.logo{
    width: 110px;
}
@media (max-width: 768px) {
    .container {
        width: 94%;
        max-width: 94%;
        margin: 0 3%;
    }

    .main {
        width: 100%;
        background: #8aacb6;
    }

    .logo {
        width: 100%;
        max-height: 60px;
    }

    .logo .dropdown {
        float: right;
    }

    .banner-container,
    .swiper {
        display: block !important;
        height: auto !important;
        margin-top: 60px;
    }

    #navbarNavDropdown {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        background: #fff;
        /* 折叠菜单背景色，根据需求调整 */
    }

    .shou-top .container {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .main-height #navbarNavDropdown a {
        padding: 0;
    }

    .main-height-mini #navbarNavDropdown a {
        padding: 0;
    }

    .top-col,
    .container,
    .all {
        overflow-x: hidden;
    }

    /* 如果想在手机端显示为竖向菜单（推荐）：让 nav 项换成竖列 */
    nav.navbar {
        /* 如果你想让 navbar 在手机端可折叠显示，请去掉 d-none d-md-block 或保证 collapse 有被触发 */
    }

    nav.navbar .navbar-nav {
        flex-direction: column !important;
        flex-wrap: nowrap;
        width: 100%;
    }

    nav.navbar .nav-item {
        width: 100%;
    }

    nav.navbar .nav-link {
        padding: .75rem 1rem;
        display: block;
    }

    /* 产品 */
    .product-5 {
        width: 50%;
    }

    footer {
        padding: 0.5rem 0;
    }

    .footer-title {
        font-weight: 100;
    }

    .footer-links a {
        text-align: center;
    }

    .footer-links img {
        width: 8rem;
    }

    /* news */
    .card-img-top {
        height: 8rem;
        min-height: 8rem;
    }

    .my-text {
        font-size: 1rem !important;
        ;
    }
}