﻿.head[data-v-32bbd554] {
    font-size: 14px;
    line-height: 24px;
    padding: 20px
}

.head h1[data-v-32bbd554] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.head .subtitle[data-v-32bbd554] {
    color: #333;
    font-size: 14px;
    margin-bottom: 20px
}

.head .summary[data-v-32bbd554] {
    color: #333;
    font-size: 14px;
    line-height: 28px
}

@media screen and (max-width: 1024px) {
    .head[data-v-32bbd554] {
        padding: 10px
    }

    .head h1[data-v-32bbd554] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px
    }

    .head .subtitle[data-v-32bbd554], .head .summary[data-v-32bbd554] {
        font-size: 14px;
        line-height: 20px
    }
}

.features .item[data-v-32bbd554] {
    display: flex;
    flex-wrap: wrap
}

.features .item li[data-v-32bbd554] {
    margin: 10px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 30%
}

@media screen and (max-width: 1024px) {
    .features .item li[data-v-32bbd554] {
        width: 100%
    }
}

.applocations .item[data-v-32bbd554] {
    display: flex;
    flex-wrap: wrap
}

.applocations .item li[data-v-32bbd554] {
    padding: 10px 10px 10px 0;
    width: 25%
}

@media screen and (max-width: 1024px) {
    .applocations .item li[data-v-32bbd554] {
        width: 100%
    }
}

.products table[data-v-32bbd554] {
    margin-top: 20px;
    width: 100%
}

.products table thead tr[data-v-32bbd554] {
    background-color: #f6f8fc;
    font-weight: 700
}

.products table tbody tr[data-v-32bbd554]:hover {
    background-color: #f6f8fccc
}

.products table td[data-v-32bbd554], .products table th[data-v-32bbd554] {
    border-bottom: 1px solid #d4d4d4;
    font-size: 12px;
    padding: 10px
}

@media screen and (max-width: 1024px) {
    .products table td[data-v-32bbd554], .products table th[data-v-32bbd554] {
        font-size: 10px;
        padding: 5
    }
}

.products table .mfg[data-v-32bbd554] {
    width: 20%
}

.products table .stock[data-v-32bbd554] {
    text-align: center;
    width: 15%
}

.products table .primary[data-v-32bbd554] {
    color: #4066b8;
    width: 8%
}

.products table .primary span[data-v-32bbd554] {
    cursor: pointer
}

    .products table .primary span[data-v-32bbd554]:hover {
        text-decoration: underline
    }

.products table .warning[data-v-32bbd554] {
    color: #ff6221;
    width: 8%
}

.products table .warning span[data-v-32bbd554] {
    cursor: pointer
}

    .products table .warning span[data-v-32bbd554]:hover {
        text-decoration: underline
    }

.products .nodata[data-v-32bbd554] {
    margin-bottom: 44px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .products .nodata[data-v-32bbd554] {
        font-size: 12px
    }

    .products .nodata img[data-v-32bbd554] {
        width: 120px
    }
}

.productPDFList ul[data-v-32bbd554] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    width: 100%
}

.productPDFList ul li[data-v-32bbd554] {
    padding: 10px 10px 10px 0;
    width: 20%
}

.productPDFList ul li a[data-v-32bbd554] {
    color: #333;
    font-size: 14px
}

.productPDFList ul li a .iconfont[data-v-32bbd554] {
    color: #c80000;
    font-size: 20px
}

.productPDFList ul li a[data-v-32bbd554]:hover {
    color: #c80000
}

.productPDFList .nodata[data-v-32bbd554] {
    margin: 100px 0;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .productPDFList .nodata[data-v-32bbd554] {
        font-size: 12px
    }

    .productPDFList .nodata img[data-v-32bbd554] {
        width: 120px
    }
}

.productPDFList .videoJson[data-v-32bbd554] {
    align-items: center;
    display: flex;
    flex-direction: column
}

.productPDFList .videoJson .videoImg[data-v-32bbd554] {
    height: 314px;
    position: relative;
    width: 560px
}

@media screen and (max-width: 1024px) {
    .productPDFList .videoJson .videoImg[data-v-32bbd554] {
        height: 200px;
        width: 100%
    }
}

.productPDFList .videoJson .videoImg img[data-v-32bbd554] {
    height: 100%;
    width: 100%
}

.productPDFList .videoJson .videoImg button[data-v-32bbd554] {
    background-color: #00000080;
    border-radius: 10px;
    height: 48px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s;
    width: 68px
}

.productPDFList .videoJson .videoImg button .iconfont[data-v-32bbd554] {
    color: #fff;
    font-size: 22px
}

.productPDFList .videoJson .videoImg button[data-v-32bbd554]:hover {
    background-color: #c80000
}

.productPDFList .videoJson > p[data-v-32bbd554] {
    font-weight: 700;
    line-height: 30px
}

.productPDFList #content[data-v-32bbd554] p {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.productPDFList #content[data-v-32bbd554] h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.productPDFList #content[data-v-32bbd554] ul {
    list-style: unset;
    margin: unset;
    margin-left: 20px;
    padding: unset
}

.productPDFList #content h3[data-v-32bbd554] {
    font-size: 1.17em;
    font-weight: 700
}

.productPDFList #content h3[data-v-32bbd554], .productPDFList #content p[data-v-32bbd554] {
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    display: block;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0
}

.productPDFList #content p[data-v-32bbd554] {
    line-height: 25px
}

.productPDFList #content strong[data-v-32bbd554] {
    font-weight: 700
}

.productPDFList #content em[data-v-32bbd554], .productPDFList #content i[data-v-32bbd554] {
    font-style: italic
}

.productPDFList #content[data-v-32bbd554] a {
    color: #4066b8;
    font-size: 14px
}

    .productPDFList #content[data-v-32bbd554] a:hover {
        text-decoration: underline
    }

.productPDFList #content[data-v-32bbd554] img {
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .productPDFList #content[data-v-32bbd554] {
        margin-bottom: 10px;
        width: 100%
    }

        .productPDFList #content[data-v-32bbd554] p {
            word-wrap: break-word;
            font-size: 16px !important
        }

            .productPDFList #content[data-v-32bbd554] p span {
                font-size: 16px !important;
                letter-spacing: normal !important
            }

            .productPDFList #content[data-v-32bbd554] p a span {
                font-size: 16px;
                letter-spacing: normal !important
            }

        .productPDFList #content[data-v-32bbd554] img {
            height: unset !important;
            max-width: 100%
        }

        .productPDFList #content[data-v-32bbd554] iframe {
            height: 300px;
            width: 100% !important
        }

        .productPDFList #content[data-v-32bbd554] table {
            width: 100% !important
        }

            .productPDFList #content[data-v-32bbd554] table p {
                font-size: 12px;
                line-height: 16px;
                word-break: break-all
            }

            .productPDFList #content[data-v-32bbd554] table span, .productPDFList #content[data-v-32bbd554] table td {
                font-size: 12px !important
            }
}

@media screen and (max-width: 1024px) {
    .productPDFList ul li[data-v-32bbd554] {
        width: 100%
    }
}
