﻿.pcba-banner{ width:100%; height:auto;}
.pcba-banner img{ width:100%; height:auto;}

.pcba-title{ padding:50px 0; text-align:center;}
.pcba-title h2{ font-size:2rem; line-height:42px; margin-bottom:10px;}
.pcba-title h2 span{ color:#00876D;}
.pcba-title p{ font-size:1rem; line-height:26px;}

.pcba-tech{gap: 30px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid; padding-bottom:50px;}
.pcba-tech-item{ width:100%; height:auto; border-radius:8px; transition: transform .22s ease; cursor:pointer;}
.pcba-tech-item img{width:100%; height:auto; border-radius:8px;}

.pcba-tech-item-info{ width:100%; padding-top:20px; font-size:1rem; line-height:26px;}
.pcba-tech-item-info b{ display:block; line-height:32px; margin-bottom:5px; font-size:1.2rem;}

.pcba-product-tab{ border-bottom:1px solid #ccc;  height:68px; line-height:67px;}
.pcba-product-tab ul{ width:100%; gap: 0; grid-template-columns: repeat(6, 1fr); /* 3 列 */  display: grid;}
.pcba-product-tab ul li{ cursor:pointer; text-align:center; font-size:1rem; font-weight:bold;}
.pcba-product-tab ul li.active{ color:#00876D; border-bottom:1px solid #00876D;}

.pcba-product-warp{ margin-top:30px;}

.pcba-product-list{ width:100%; }
.pcba-product-item{ width:100%; height:auto;}
.pcba-product-item img{ width:100%; height:auto; border-radius:8px;}
.pcba-product-item-pic{ width:40%;}
.pcba-product-item-info{ width:60%; padding-left:40px;}
.pcba-product-item-info b{ display:block; line-height:32px; margin-bottom:10px; font-size:1.2rem;}


.pcba-assembly-box{
    gap:60px;
    grid-template-columns:repeat(1, 1fr);
    display:grid;
}

.pcba-assembly{
    width:100%;
    display:flex;
    align-items:center;
}

.pcba-assembly-left{
    width:40%;
    height:auto;
}

.pcba-assembly-left img{
    width:100%;
    height:auto;
    border-radius:8px;
    display:block;
}

.pcba-assembly-right{
    width:60%;
    height:auto;
    padding-left:30px;
    padding-right:0;
}

.pcba-assembly-right-info{
    width:100%;
    border-top:1px solid #ccc;
}

.pcba-assembly-right-info dl{
    padding:20px 0;
    border-bottom:1px solid #ccc;
}

.pcba-assembly-right-info dl dt{
    font-size:1.2rem;
    line-height:26px;
    margin-bottom:10px;
    font-weight:bold;
    position:relative;
    padding-left:18px;
}

.pcba-assembly-right-info dl dt:before{
    content:"";
    width:8px;
    height:8px;
    background:#00876D;
    border-radius:50%;
    position:absolute;
    left:0;
    top:9px;
}

.pcba-assembly-right-info dl dd{
    font-size:1rem;
    line-height:24px;
}

/* 偶数项左右互换 */
.pcba-assembly:nth-child(even){
    flex-direction:row-reverse;
}

.pcba-assembly:nth-child(even) .pcba-assembly-right{
    padding-left:0;
    padding-right:30px;
}



.pcba-devices{  gap:30px; grid-template-columns:repeat(3, 1fr); display:grid; margin-bottom:50px;}
.pcba-devices dl{ width:100%; height:auto;}
.pcba-devices dl dt{width:100%; height:auto;}
.pcba-devices dl dt img{width:100%; height:auto; border-radius:8px;}
.pcba-devices dl dd{width:100%; height:auto; text-align:center; padding:15px 0; font-size:1.1rem; line-height:32px;}


@media screen and (max-width:768px){

    .pcba-banner{
        width:100%;
        height:auto;
    }
    .pcba-banner img{
        width:100%;
        height:auto;
    }

    .pcba-title{
        padding:30px 0;
    }
    .pcba-title h2{
        font-size:1.5rem;
        line-height:34px;
        margin-bottom:10px;
    }
    .pcba-title p{
        font-size:0.95rem;
        line-height:24px;
    }

    .pcba-tech{
        gap:20px;
        grid-template-columns:repeat(1, 1fr);
        padding-bottom:30px;
    }
    .pcba-tech-item-info{
        padding-top:12px;
        font-size:0.95rem;
        line-height:24px;
    }
    .pcba-tech-item-info b{
        font-size:1.1rem;
        line-height:28px;
        margin-bottom:4px;
    }

    .pcba-product-tab{
        height:auto;
        line-height:normal;
        border-bottom:none;
        margin-bottom:20px;
    }
    .pcba-product-tab ul{
        grid-template-columns:repeat(2, 1fr);
        gap:10px;
    }
    .pcba-product-tab ul li{
        font-size:1rem;
        line-height:22px;
        padding:12px 8px;
        border:1px solid #ddd;
        border-radius:6px;
    }
    .pcba-product-tab ul li.active{
        border:1px solid #00876D;
        border-bottom:1px solid #00876D;
        background:#f2fbf8;
    }

    .pcba-product-warp{
        margin-top:20px;
    }

    .pcba-product-list{
        gap:15px;
        grid-template-columns:repeat(2, 1fr);
    }
    .pcba-product-item img{
        border-radius:6px;
    }
    .pcba-product-item-pic{ width:100%;}
.pcba-product-item-info{ width:100%; padding-left:0;}
    .pcba-assembly-box{
        gap:30px;
    }

    .pcba-assembly{
        display:block;
    }

    .pcba-assembly-left{
        width:100%;
        margin-bottom:18px;
    }

    .pcba-assembly-right{
        width:100%;
        padding-left:0;
        padding-right:0;
    }

    .pcba-assembly:nth-child(even){
        flex-direction:unset;
    }

    .pcba-assembly:nth-child(even) .pcba-assembly-right{
        padding-left:0;
        padding-right:0;
    }

    .pcba-assembly-right-info dl{
        padding:14px 0;
    }

    .pcba-assembly-right-info dl dt{
        font-size:1.05rem;
        line-height:24px;
        margin-bottom:8px;
        padding-left:16px;
    }

    .pcba-assembly-right-info dl dt:before{
        width:7px;
        height:7px;
        top:8px;
    }

    .pcba-assembly-right-info dl dd{
        font-size:0.95rem;
        line-height:22px;
    }

    .pcba-devices{
        gap:20px;
        grid-template-columns:repeat(1, 1fr);
        margin-bottom:30px;
    }
    .pcba-devices dl dd{
        padding:12px 0;
        font-size:1rem;
        line-height:26px;
    }
}