﻿/* 园区布局规划设计 */

.class_box_1 .img_item1:nth-child(1) {
    background: url(/img/caseClass1/D2.jpg) !important;
    grid-row: span 2;
    grid-column: span 2;
}

.class_box_1 .img_item1:nth-child(2) {
    background: url(/img/caseClass1/E1.jpg) !important;
    grid-column: span 2;
}

.class_box_1 .img_item1:nth-child(3) {
    background: url(/img/caseClass1/F1.jpg) !important;
}

.class_box_1 .img_item1:nth-child(4) {
    background: url(/img/caseClass1/F2.jpg) !important;
}

.class_box_1 .img_item1:nth-child(5) {
    background: url(/img/caseClass1/E2.jpg) !important;
    grid-column: span 2;
}

.class_box_1 .img_item1:nth-child(6) {
    background: url(/img/caseClass1/E3.jpg) !important;
    grid-column: span 2;
}

.class_box_1 .img_item1:nth-child(7) {
    background: url(/img/caseClass1/D1.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_1 .img_item1:nth-child(8) {
    background: url(/img/caseClass1/F3.jpg) !important;
}

.class_box_1 .img_item1:nth-child(9) {
    background: url(/img/caseClass1/E4.jpg) !important;
    grid-column: span 2;
}

.class_box_1 .img_item1:nth-child(10) {
    background: url(/img/caseClass1/F4.jpg) !important;
}



.class_box_1 .img_item2:nth-child(1) {
    background: url(/img/caseClass1/E5.jpg);
    grid-column: span 2;
}

.class_box_1 .img_item2:nth-child(2) {
    background: url(/img/caseClass1/F5.jpg) !important;
}
.class_box_1 .img_item2:nth-child(3) {
    background: url(/img/caseClass1/D4.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_1 .img_item2:nth-child(4) {
    background: url(/img/caseClass1/D3.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_1 .img_item2:nth-child(5) {
    background: url(/img/caseClass1/F6.jpg) !important;
}
.class_box_1 .img_item2:nth-child(6) {
    background: url(/img/caseClass1/D5.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_1 .img_item2:nth-child(7) {
    background: url(/img/caseClass1/F7.jpg) !important;
}


.class_box_1 .img_item2:nth-child(8) {
    background: url(/img/caseClass1/E6.jpg) !important;
    grid-column: span 2;
}

.class_box_1 .img_item2:nth-child(9) {
    background: url(/img/caseClass1/F8.jpg) !important;
}


/* 目视化设计 */
.class_box_2 .img_item1:nth-child(1) {
    background: url(/img/caseClass/vpd_class.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_2 .img_item1:nth-child(2) {
    background: url(/img/caseClass2/D12.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_2 .img_item1:nth-child(3) {
    background: url(/img/caseClass2/G1.jpg) !important;
    grid-row: span 2;
    grid-column: span 1;
}

.class_box_2 .img_item1:nth-child(4) {
    background: url(/img/caseClass2/E12.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_2 .img_item1:nth-child(5) {
    background: url(/img/caseClass2/D13.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_2 .img_item1:nth-child(6) {
    background: url(/img/caseClass2/G2.jpg) !important;
    grid-row: span 2;
    grid-column: span 1;
}

.class_box_2 .img_item1:nth-child(7) {
    background: url(/img/caseClass2/E13.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_2 .img_item1:nth-child(8) {
    background: url(/img/caseClass2/F17.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_2 .img_item1:nth-child(9) {
    background: url(/img/caseClass2/F18.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}
.class_box_2 .img_item1:nth-child(10) {
  display:none !important;
}


.class_box_2 .img_item2:nth-child(1) {
    background: url(/img/caseClass2/D14.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_2 .img_item2:nth-child(2) {
    background: url(/img/caseClass2/G3.jpg) !important;
    grid-row: span 2;
    grid-column: span 1;
}

.class_box_2 .img_item2:nth-child(3) {
    background: url(/img/caseClass2/E14.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_2 .img_item2:nth-child(4) {
    background: url(/img/caseClass2/E15.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_2 .img_item2:nth-child(5) {
    background: url(/img/caseClass2/G4.jpg) !important;
    grid-row: span 2;
    grid-column: span 1;
}

.class_box_2 .img_item2:nth-child(6) {
    background: url(/img/caseClass2/D15.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_2 .img_item2:nth-child(7) {
    background: url(/img/caseClass2/E16.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}
.class_box_2 .img_item2:nth-child(8) {
    background: url(/img/caseClass2/F19.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_2 .img_item2:nth-child(9) {
    background: url(/img/caseClass2/F20.jpg) !important;
}

/* 5S管理 */

.class_box_3 .img_item1:nth-child(1) {
    background: url(/img/caseClass3/1.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_3 .img_item1:nth-child(2) {
    background: url(/img/caseClass3/2.jpg) !important;
    grid-column: span 3;
    grid-row: span 2;
}

.class_box_3 .img_item1:nth-child(3) {
    background: url(/img/caseClass3/3.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_3 .img_item1:nth-child(4) {
    background: url(/img/caseClass3/4.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_3 .img_item1:nth-child(5) {
    background: url(/img/caseClass3/5.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_3 .img_item1:nth-child(6) {
    background: url(/img/caseClass3/6.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_3 .img_item1:nth-child(7) {
    background: url(/img/caseClass3/7.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_3 .img_item1:nth-child(8) {
    background: url(/img/caseClass3/8.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}


/* 合规方案 */
.class_box_4 .img_item1:nth-child(1) {
    background: url(/img/caseClass4/E7.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_4 .img_item1:nth-child(2) {
    background: url(/img/caseClass4/F9.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_4 .img_item1:nth-child(3) {
    background: url(/img/caseClass4/D7.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_4 .img_item1:nth-child(4) {
    background: url(/img/caseClass4/D6.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_4 .img_item1:nth-child(5) {
    background: url(/img/caseClass4/F10.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_4 .img_item1:nth-child(6) {
    background: url(/img/caseClass4/D8.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_4 .img_item1:nth-child(7) {
    background: url(/img/caseClass4/F11.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_4 .img_item1:nth-child(8) {
    background: url(/img/caseClass4/E8.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_4 .img_item1:nth-child(9) {
    grid-column: span 1;
    background: url(/img/caseClass4/F12.jpg) !important;
}

.class_box_4 .img_item2:nth-child(1) {
    background: url(/img/caseClass4/D9.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_4 .img_item2:nth-child(2) {
    background: url(/img/caseClass4/F13.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_4 .img_item2:nth-child(3) {
    background: url(/img/caseClass4/D10.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_4 .img_item2:nth-child(4) {
    background: url(/img/caseClass4/F14.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_4 .img_item2:nth-child(5) {
    background: url(/img/caseClass4/E9.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_4 .img_item2:nth-child(6) {
    background: url(/img/caseClass4/D11.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_4 .img_item2:nth-child(7) {
    background: url(/img/caseClass4/F15.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_4 .img_item2:nth-child(8) {
    background: url(/img/caseClass4/E10.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_4 .img_item2:nth-child(9) {
    background: url(/img/caseClass4/F16.jpg) !important;
}

/* 3D虚拟仿真 */
.class_box_5 .img_item1:nth-child(1) {
    background: url(/img/caseClass5/01.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_5 .img_item1:nth-child(2) {
    background: url(/img/caseClass5/02.jpg) !important;
    grid-column: span 3;
    grid-row: span 2;
}

.class_box_5 .img_item1:nth-child(3) {
    background: url(/img/case/c_class5.jpg) !important;
}

.class_box_5 .img_item1:nth-child(4) {
    background: url(/img/caseClass5/03.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_5 .img_item1:nth-child(5) {
    background: url(/img/caseClass5/04.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_5 .img_item1:nth-child(6) {
    background: url(/img/caseClass5/06.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_5 .img_item1:nth-child(7) {
    background: url(/img/caseClass5/07.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

.class_box_5 .img_item1:nth-child(8) {
    background: url(/img/caseClass5/05.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_5 .img_item1:nth-child(9) {
    background: url(/img/caseClass5/08.jpg) !important;
    grid-row: span 1;
    grid-column: span 1;
}

/* 企业形象设计 */
.class_box_6 .img_item1:nth-child(1) {
    background: url(/img/caseClass6/E17.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_6 .img_item1:nth-child(2) {
    background: url(/img/caseClass6/H1.jpg) !important;
    grid-column: span 3;
    grid-row: span 2;
}

.class_box_6 .img_item1:nth-child(3) {
    grid-column: span 2;
    background: url(/img/caseClass6/E18.jpg) !important;
}

.class_box_6 .img_item1:nth-child(4) {
    background: url(/img/caseClass6/E19.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_6 .img_item1:nth-child(5) {
    background: url(/img/caseClass6/D16.jpg) !important;
    grid-column: span 2;
    grid-row: span 2;
}

.class_box_6 .img_item1:nth-child(6) {
    background: url(/img/caseClass6/F21.jpg) !important;
    grid-row: span 1;
    grid-column:span 1 !important;
}

.class_box_6 .img_item1:nth-child(7) {
    background: url(/img/caseClass6/E20.jpg) !important;
    grid-column: span 2;
    grid-row: span 1;
}

.class_box_6 .img_item1:nth-child(8) {
    background: url(/img/caseClass6/F22.jpg) !important;
}


