.case_banner { margin-top: 82px; }
.case_banner img { width: 100%; }

.nav_box { background-color: #fff; border-bottom: 1px solid #D8D8D8; }
.nav_box .nav { max-width: 1320px; margin: 0 auto; }
.nav_box .nav .nav_con { display: flex; align-items: center; height: 70px; line-height: 70px; }
.nav_box .nav .nav_con img { width: 12px; height: 12px; margin-right: 6px; }


.case_list_box { background-color: #fff; margin-top: 70px; margin-bottom: 30px; }
.case_list { max-width: 1320px; margin: 0 auto; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06); border-radius: 10px; }
.case_title_con { padding: 0px 38px 40px 38px; }
.case_ul_con { padding: 0px 8px 40px 38px; }
.case_title { width: 350px; height: 76px; line-height: 76px; margin: 0 auto; text-align: center; font-size: 34px; color: #fff; }
.case_ul { margin-top: 60px; display: flex; flex-wrap: wrap; }
.case_li { margin-right: 3.3%; width: 30%; margin-bottom: 35px; }
.case_li_img { text-align: center; overflow: hidden; }
.case_li_img img { width: 100%; transition: all 0.6s; }
.case_li_img img:hover { transform: scale(1.05); }
.case_li_title { font-size: 16px; color: #333; margin-top: 28px; text-align: center; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1420px) {
    .nav_box .nav { max-width: 96%; }
    .case_list { max-width: 96%; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav_box .nav { max-width: 96%; }
    .case_list { max-width: 96%; }
    .case_title { width: 240px; height: 52px; line-height: 50px; font-size: 26px; }
}

/* ipad */
@media screen and (max-width:991px) {
    .nav_box .nav { max-width: 96%; }
    .case_list { max-width: 96%; }
    .case_title { width: 200px; height: 44px; line-height: 44px; font-size: 22px; }
    .case_title_con { padding: 0px 38px 20px 38px; }
    .case_ul_con { padding: 0px 8px 20px 38px; }
    .case_ul { margin-top: 36px; }
    .case_li { margin-bottom: 10px; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .case_banner { margin-top: 60px; }
    .nav_box .nav .nav_con { height: 56px; line-height: 56px; }
    .case_list_box { margin-top: 30px; }
    .case_ul_con { padding: 0px 10px 20px 10px; }
    .case_li { width: 49%; margin-right: 2%; margin-bottom: 20px; }
    .case_li:nth-child(2n) { margin-right: 0; }
    .case_li_title { margin-top: 8px; }
}