.industries-section{
    padding:3rem 0;
}
.industries-section .section-header{
    text-align:center;
    margin-bottom:3rem;
}
.industries-section .section-header h2{
    font-size:2rem;
    color:#111;
    margin-bottom:1rem;
}
.industries-section .section-header p{
    margin:auto;
    color:#666;
}
.industries-section .industries-grid{

}
.industries-section .industry-card{
    background:#fff;
    border-radius:1rem;
    padding:1rem;
    transition:all .3s ease;
    box-shadow:0 12px 35px rgba(0,0,0,0.06);
    margin-bottom: 2rem;
}
.industries-section .industry-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,0.12);
}
.industries-section .industry-icon {
    margin-bottom:1rem;
    display: flex;
    align-items: center;
}
.industries-section .industry-icon img{
    width: 10rem;
    height: 10rem;
    border-radius:10%;
    margin-right: 1rem;
}
.industries-section .industry-card h3{
    font-size: 1.2rem;
    margin-bottom:0.8rem;
    color:#111;
}
.industries-section .industry-card .intro{
    color:#666;
    margin-bottom: 1rem;
}

.industries-section .industry-card .content{
    color: #343434;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.industries-section .card-tags{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
}
.industries-section .card-tags span{
    background:#f0f4f8;
    color:var(--subcolor);
    padding:0.5rem 1rem;
    border-radius: 0.5rem;
    font-size:0.9rem;
    font-weight:600;
}

@media  screen and (max-width: 765px){
    .industries-section{
        padding:1.5rem 0;
    }
}



.category-section {
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
}
.category-section li{
    background:#f0f4f8;
    color:#333333;
    padding:1rem 2rem;
    border-radius: 0.5rem;
    font-size:0.9rem;
    font-weight:600;
    cursor: pointer;
}
.category-section li.cur {
    background: var(--comcolor);
    color:#ffffff;
}

@media  screen and (max-width: 765px){
    .category-section li {
        padding:1rem;
    }
}


.product-list-grid {
    position: relative;
    padding:3rem 0;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.product-list-grid.cur {
    display: flex;
}
.product-list-grid .product-card {
    background: #fff;
    box-shadow: 2px 2px 10px #909090;
}
.product-list-grid .product-card .pic {
    width: 100%;
    overflow: hidden;
}
.product-list-grid .product-card li .pic img {
    width: 100%;
    vertical-align: middle;
}
.product-list-grid .product-card .item {
    width: 90%;
    margin:1rem auto;
}
.product-list-grid .product-card .tit {
    font-size: 1rem;
    height: 3.5rem;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-list-grid .product-card .btn{
    margin-top: 1rem;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.product-list-grid .product-card .btn a {
    height: 2.5rem;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    background: var(--comcolor);
}
.product-list-grid .product-card .btn a:nth-child(2) {
    background: var(--subcolor);
}
.product-list-grid .product-card .btn a:hover {
    background: #2c8c71;
}

@media  screen and (min-width: 1000px){
    .product-list-grid .product-card {
        flex: 0 0 calc(33.333% - 1.333rem);
    }
}

@media  (min-width: 600px) and (max-width: 1000px){
    .product-list-grid .product-card {
        flex: 0 0 calc(50% - 1rem);
    }
}
@media  screen and (max-width: 600px){
    .product-list-grid .product-card {
        width: 100%;
    }
}