/******************** 响应式样式 ********************/
@media (max-width: 1200px) {

    /********** 通用部分样式 **********/
    .container {
        padding: 0;
    }

    .bt-box-1200 {
        width: 100%;
    }

    .first-box,
    .second-box {
        padding: 0 3.2%;
    }

    /********** 第二部分样式 **********/
    .second-box {
        margin-bottom: 10px;
    }

    .second-box ul li {
        width: 31.5%;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {

    /********** 通用部分样式 **********/
    .first-box,
    .second-box {
        padding: 0 1.5rem;
    }

    /********** 第二部分样式 **********/
    .second-box ul li {
        width: 47.5%;
    }

    .second-box ul li p {
        padding: 0 10px;
    }
    .thr-box { 
        height: auto;
        padding: 20px; 
    }
    .thr-box .xnjd {
        width: 100%; 
    }
    .thr-box .xnjd span { 
        background: none;
        width: auto;
    }
    .thr-box .bjlb {
        width: 100%; 
    }
    .thr-box .bjlb li {
        width: 50%; 
        margin-right: 0; 
    }
}