*{
    padding:0;
    margin:0;
}
ul, li{
    list-style: none;
}
a{
    text-decoration: none;
}
.banner_text{
    position: absolute;
    top: 30%;
    /* width: 100%; */
    left: 0%;
    color: #fff;
    box-sizing: border-box;
    padding-left: 5%;
}
.blue_line_banner{
    background-color: #0A51FB;
    width: 60px;
    height: 5px;
}
.banner_text h1{
    font-size: 60px;
    font-weight: bold;
    margin-top: 50px;
}
.banner_text h2{
    font-size: 35px;
    margin-top: 10px;
}


/* 产品详情页面 */
.product_con_box{
    border-radius: 27px;background-color: #fff;padding: 40px;width:90%;margin: 0 auto;max-width: 1250px;box-sizing: border-box;
}
.product_con .document {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 20px 35px -8px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.02);
    border-radius: 28px;
    padding: 3rem 2.5rem;
    transition: all 0.2s ease;
}
@media screen and (max-width: 768px) {
    .product_con .document {
    padding: 10px 10px;
    }
}
/* 精致分隔线 */
.product_con hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, #a0c0d9, #6b8fa7, #a0c0d9, transparent);
    margin: 2.2rem 0;
    opacity: 0.5;
}

.product_con .hr-light {
    background: linear-gradient(90deg, transparent, #d0dde8, transparent);
    margin: 1.8rem 0;
}

/* 标题层次 */
.product_con h1 {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    background: linear-gradient(145deg, #0b2b3b, #1d4a60);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.3rem;
    line-height: 1.2;
}

.product_con h1:lang(en) {
    background: linear-gradient(145deg, #153b4b, #1f5f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product_con h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0f3b4f;
    margin: 1.8rem 0 0.5rem 0;
    border-bottom: 2px solid rgba(16, 94, 120, 0.2);
    padding-bottom: 0.3rem;
}

.product_con h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1d5b74;
    margin: 1.5rem 0 1rem 0;
}

.product_con h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1c4e64;
    margin: 1.8rem 0 0.8rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.product_con .section-title-eng {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #527a8f;
    margin-bottom: 0.2rem;
}

/* 正文与强调 */
.product_con p {
    margin-bottom: 1.2rem;
    font-size: 1rem;
    color: #2c3f4c;
}

.product_con strong, b {
    color: #0f3d52;
    font-weight: 600;
}

/* 客户评价引用 */
.product_con blockquote {
    font-size: 1.1rem;
    font-style: italic;
    background: #f0f7fb;
    border-left: 5px solid #2b7c9c;
    padding: 1.5rem 2rem;
    margin: 1.8rem 0;
    border-radius: 0 24px 24px 0;
    color: #144257;
    font-weight: 400;
    box-shadow: 0 6px 14px rgba(34, 77, 95, 0.06);
}

.product_con blockquote::before {
    content: "“";
    font-size: 2.5rem;
    color: #2b7c9c;
    margin-right: 0.2rem;
    vertical-align: middle;
    font-family: serif;
}

.product_con blockquote::after {
    content: "”";
    font-size: 2.5rem;
    color: #2b7c9c;
    margin-left: 0.2rem;
    vertical-align: bottom;
    font-family: serif;
}

/* 列表样式 */
.product_con ul {
    list-style: none;
    margin: 1.2rem 0 1.5rem 0;
}

.product_con li {
    margin-bottom: 0.8rem;
    padding-left: 1.8rem;
    position: relative;
    font-size: 1rem;
    color: #1f4052;
}

/* 普通圆点列表 */
.product_con ul.disc li::before {
    content: "•";
    color: #1b7a9c;
    font-weight: bold;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
    top: -0.2rem;
}

/* 勾选清单 */
.product_con ul.checklist li::before {
    content: "✅";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.1rem;
    color: #0c6b4f;
}

/* 箭头/手势等特殊标记段落 */
.product_con .icon-line {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 1.15rem;
    margin: 1rem 0;
    padding: 0.5rem 0.8rem;
    background: #f4f9ff;
    border-radius: 40px;
    width: fit-content;
    padding-right: 1.8rem;
}

.product_con .icon-line strong {
    font-size: 1.2rem;
}

.product_con .promise-block {
    background: linear-gradient(135deg, #f6fbfe, #e7f0f7);
    padding: 2rem 2.2rem;
    border-radius: 32px;
    margin: 2rem 0 1rem 0;
    border: 1px solid rgba(25, 113, 145, 0.2);
}

.product_con .promise-block p:last-child {
    margin-bottom: 0;
}

.product_con .badge {
    background: #0b445a;
    color: white;
    font-weight: 500;
    padding: 0.3rem 1rem;
    border-radius: 40px;
    font-size: 0.9rem;
    display: inline-block;
    letter-spacing: 0.3px;
}

/* 双语分割视觉 */
.product_con .lang-divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 3rem 0 1.5rem 0;
    color: #618c9e;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.product_con .lang-divider-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #a6c5d7, transparent);
}

/* 小字号 */
.product_con .meta-note {
    color: #607f8e;
    font-size: 0.95rem;
}

/* 按钮样式 (申领样品) */
.product_con .sample-cta {
    display: inline-block;
    background-color: #116b89;
    color: white;
    font-weight: 600;
    padding: 0.6rem 1.6rem;
    border-radius: 60px;
    text-decoration: none;
    margin: 1rem 0 0.8rem 0;
    border: 1px solid #0f5e79;
    box-shadow: 0 8px 12px -6px rgba(12, 68, 88, 0.25);
    transition: 0.2s;
}

.product_con .sample-cta:hover {
    background-color: #0d5773;
    transform: scale(1.02);
}



.document table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Roboto, system-ui, sans-serif;
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0,40,60,0.08);
    border: 1px solid #a0bccf;
}
.document th {
    border: 1px solid #3a6e8c;
    padding: 12px 8px;
    text-align: center;
    background-color: #d7e6f0;
    font-weight: 600;
    color: #0b3c4f;
    letter-spacing: 0.3px;
}
.document td {
    border: 1px solid #b8cfde;
    padding: 10px 8px;
    vertical-align: top;
}
/* 斑马纹提高可读性 */
.document tr:nth-child(even) {
    background-color: #f8fbfe;
}
.document tr:nth-child(odd) {
    background-color: #ffffff;
}
/* 左侧序号列居中对齐 */
.document td:first-child {
    text-align: center;
    font-weight: 500;
    color: #1a4b5e;
    background-color: #f0f7fc;
}
/* 化学式、CAS 等稍等强调 */
.document td:nth-child(4), td:nth-child(5) {
    font-family: 'Courier New', monospace;
    font-weight: 500;
}
/* 让表格更精致 */
.document tr:hover td {
    background-color: #e1f0f9;
    transition: 0.1s;
}

/* ========== 移动端适配新增 ========== */
@media screen and (max-width: 768px) {
    .blue_line_banner{
        display: none;
    }
    .banner_text h1{
        margin-top: 25px;
    }
    body{
        padding-top: 70px!important;
    }
}


.pro_top_part {
    display: flex;
  }

  @media screen and (max-width: 768px) {
    .pro_top_part {
      display: block;
    }
  }


  
/* 回到顶部按钮样式，半透明背景，固定于右下角 */
.back-to-top {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    background-color: rgba(5, 81, 157, 0.65);  /* 半透明主题色 */
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.25s ease;
    backdrop-filter: blur(2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    opacity: 0.8;
}

.back-to-top:hover {
    background-color: rgba(5, 81, 157, 0.9);
    transform: translateY(-3px);
    opacity: 1;
}

/* 可选：手机端稍微缩小尺寸 */
@media (max-width: 700px) {
    .back-to-top {
        width: 44px;
        height: 44px;
        bottom: 16px;
        right: 16px;
        font-size: 24px;
    }
}