.bg-sanhaotongxue {
    background-color: #ee6215;
}

.bg-sanhaotongxue-bar {
    backdrop-filter: blur(10px);
    background-color: rgba(238, 98, 21, 0.8);
    /* 修改为半透明背景 */
    height: 60px;
    z-index: 1;
    /* 确保导航栏在遮罩层之上 */
    padding: 0 0;
}

.border-sanhaotongxue-radius {
    border-radius: 15px;
}

.mt-navbar {
    margin-top: 60px;
}

.section_brand {
    padding: 5px 5px;
}

.section_brand_animation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    height: 100%;
    width: 100%;
    gap: 10px;
}


/* 定义动画 */
@keyframes slideRight {
    from {
        transform: translateX(-50%);
        opacity: 0;
    }

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

@keyframes slideUp {
    from {
        transform: translateY(100px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* 初始隐藏图片 */
.section_brand img {
    transform: translateX(-50%);
    opacity: 0;
    transition: none;
    animation-delay: .5s;
}

/* 图片进入视口时的样式 */
.section_brand img.animate {
    animation: slideRight 1s ease-out forwards;
}

.need_up {
    margin-top: 60px;
    padding: 0 60px;
    animation-delay: .5s;
    transform: translateY(100px);
}

.need_up.animate {
    animation: slideUp 1s ease-out forwards;
}

.section_row {
    margin-top: 60px;
    padding: 0 60px;
}

.section_title {
    display: flex;
    align-items: center;
    margin-top: 95px;
}

.plat_desc {
    font-size: 16px;
    margin-top: 30px;
    line-height: 32px;
    color: #3a3839;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.title {
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

.desc {
    font-size: 14px;
    text-transform: uppercase;
    word-break: break-all;
    margin-left: 10px;
}


/* 为 section_product 类添加边框和阴影样式 */
.section_product {
    border: 1px solid #e0e0e0;
    /* 添加 1 像素宽的浅灰色边框 */
    border-radius: 15px;
    /* 边框圆角 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /* 添加阴影，水平偏移 0，垂直偏移 2 像素，模糊半径 4 像素，颜色为半透明黑色 */
    padding: 15px;
    /* 内边距，让内容与边框有一定间距 */
    transition: all 0.3s ease;
    /* 添加过渡效果，使阴影变化更平滑 */
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    margin: 10px 0;
}

/* 鼠标悬停时增加阴影强度 */
.section_product:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.section_product.animate {
    animation: zoomIn 1s ease-out forwards;
}

.section_desc {
    font-size: 20px;
    color: #555;
    line-height: 1.8;
    /* margin-bottom: 30px; */
    padding: 5px;
    /* border: 1px solid #ddd; */
    border-radius: 15px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    background: linear-gradient(135deg, #ffffff, #f8f8f8);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.disease_item {
    background-color: #f7f7f7;
    border-radius: 20px;
    text-align: center;
    color: #767676;
    margin-bottom: 40px;
    padding: 50px;
    padding-top: 30px;
    transition: all 0.3s ease;
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
}

.disease_item .title {
    font-size: 24px;
    font-weight: bold;
    color: #767676;
}

.disease_item .desc {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
}

.disease_item.animate {
    animation: zoomIn 1s ease-out forwards;
}

.app_item {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    text-align: center;
    margin: 10px;
    transition: all 0.3s ease;
}

/* 鼠标悬停时增加阴影强度和边框颜色 */
.app_item:hover {
    border-color: #ee6215;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    cursor: pointer;
}

.app_item .desc {
    text-transform: none;
}



.foot_warp {
    background-color: #201f1c;
    width: 100vw;
    height: auto;
    color: #ddd;
    margin-top: 50px;
}

.foot_conect_text {
    font-size: 16px;
    line-height: 22.72px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    height: 50px;
    /* 让内容靠下 */
}

.foot_conect_us {
    margin-bottom: 10px;
}

.foot_conect_tel {
    /* border-bottom: 1px solid #999; */
    margin-left: 10px;
    margin-bottom: 10px;
}

.foot_conect_pic {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.foot_conect_pic img {
    width: 100px;
}

.top_line {
    border-top: 1px solid #999;
}

.foot_desc_info {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

* {
    box-sizing: border-box; /* 让 padding 和 border 包含在元素的宽度内 */
}

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* 隐藏水平滚动条 */
}

img,
video,
iframe {
    max-width: 100%; /* 确保媒体元素不会超出视口宽度 */
    height: auto; /* 保持元素的比例 */
}