.container-nav ul{
    display:flex;
}
.container-nav ul li a {
    font-size: 0.94vw;
    color: #999999; 
    padding:0.52vw 0.78vw 0.52vw 0.78vw;
}
.container-nav ul li a.active {
    background: #1148A0;
    color: #fff;
    font-weight: bold;
}
.container-product {
    background: #F5F5F5;
    padding-bottom:2.60vw;
}
.container-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
    .container-list ul li {
        display: block;
        flex: 1;
        margin: 0 1.04vw 1.04vw 0;
        width: calc((100%-4.17vw) /3);
        min-width: calc((100% - 4.17vw) / 3);
        max-width: calc((100% - 4.17vw) / 3);
    }
    .container-list ul li a {
        display: block;
        height: auto;
        background: #fff;
        text-align: center;
        padding-bottom: 2.60vw;
    }
        .container-list ul li a:hover img {
            height: 30vw;
            width: auto;
        }
        .container-list ul li a img {
            width: 70%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* 使用transform属性进行居中定位 */
            max-width: 100%;
            max-height: 100%;
        }
.container-list .product-title {
    padding-left:1.04vw;
    text-align:left;
    font-size:0.94vw;
    font-weight:300;
    font-weight:bold;
}
.container-list .product-title .icon {
    display: block;
    height: 2.08vw;
    width: 2.08vw;
    background-image: url('/static/images/arrow-qx.png');
    background-size: 2.08vw 2.08vw;
    float: right;
    margin-right:0.52vw;
}
.title-introducton h1, .title-introducton h2 {
    color: #1148A0;
}
.title-introducton h1 {
    font-size:1.8vw;
}
.title-introducton h2 {
    font-size:1.04vw;
}
.title-spec {
    margin-top:2.60vw;
}
.title-spec h1, .title-spec h2 {
    color: #222;
}

.title-spec h1 {
    font-size: 2.08vw;
}

.title-spec h2 {
    font-size: 1.04vw;
}
.p-content {
    width:100%;
}
.p-content-zhaiyao {
    font-size: 1.15vw;
    color: #333;
    text-indent: 2em;
}
.p-content-zhaiyao h2 {
    font-size:1.88vw;
    color:#333;
    margin:0.78vw;
}
    .p-content .p-content-left {
        width: 48%;
        float: left;
    }
.p-content .p-content-right {
    width:48%;
    float:right;
}
.table-spec {
    width:100%;
    text-align:center;
    margin-top:2vw;
}
.table-spec tr th{
    color:#FF0000;
    font-size:0.94vw;
    border-bottom:solid 0.10vw #666;
    padding:0.52vw;
    text-align:center;
}
    .table-spec tr td {
        font-size: 0.94vw;
        border-bottom: solid 0.05vw #E4E4E4;
        padding: 0.52vw;
    }
.litpic {
    position: relative;
    height: 20.8333vw;
}
.container-product .row {
    width: 80%;
    margin: 0 auto;
}
.p-content-title {
    font-size: 2vw;
    color: #333;
    margin: 2.604vw 0 2.604vw 0;
}
@media (max-width:1000px) {
    .container-nav {
        margin:20px 0px 20px 0px;
    }
    .container-nav ul li a {
        font-size: 18px;
        padding: 10px;
    }
    .container-product .row {
        width: 90vw;

    }
    .container-list ul {
        display:block;
    }
        .container-list ul li {
            width: 90vw;
            min-width:unset;
            max-width:unset;
            margin:40px 0;
        }
    .litpic {
        height:400px;
    }
    .container-list ul li a img {
        width: 100%;
        height: auto;
    }
    .container-list .product-title {
        font-size: 18px;
        text-align: center;
        padding: 20px;
    }
        .container-list .product-title .icon {
            width: 30px;
            height: 30px;
            background-size: 30px 30px;
        }
    .title-introducton h1, .title-spec h1 {
        font-size: 28px;
        text-align:center;
    }
    .title-introducton h2, .title-spec h2 {
        font-size: 20px;
        text-align: center;
    }
    .p-content .p-content-right, .p-content .p-content-left {
        float: none;
        width:100%;
    }
    .p-content-title {
        font-size:25px;
        text-align:center;
    }
    .p-content-zhaiyao {
        font-size:16px;
    }
    .p-content-right {
        margin:20px;
    }
    .table-spec {
        margin-bottom:400px;
        margin-top:20px;
    }
    .table-spec tr th{
    color:#FF0000;
    font-size:18px;
    border-bottom:solid 0.10vw #666;
    padding:0.52vw;
    text-align:center;
}
    .table-spec tr td {
        font-size: 18px;
        border-bottom: solid 0.05vw #E4E4E4;
        padding: 0.52vw;
    }
}