.system_layout_eight .box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:440px}.system_layout_eight .box .system-item{width:30%;height:40%;position:relative}.system_layout_eight .box .system-item-1{background:url(../img/item_bg_one.df23b51c.png) no-repeat 50%;background-size:contain;opacity:.9}.system_layout_eight .box .system-item-2{background:url(../img/item_bg_two.60113dce.png) no-repeat 50%;background-size:contain;opacity:.9;margin-left:-20px}.system_layout_eight .box .system-item-3{background:url(../img/item_bg_three.8c1d6a62.png) no-repeat 50%;background-size:95%;opacity:.9;margin-left:-26px}.system_layout_eight .box .system-item-4{width:calc(30% - 20px);background:url(../img/item_bg_four.21c533c2.png) no-repeat 50%;background-size:contain;opacity:.9}.system_layout_eight .box .system-item-5{background:url(../img/item_bg_five.1d8878fc.png) no-repeat 50%;background-size:contain;opacity:.9;margin-left:-20px}.system_layout_eight .box .system-item-6{width:calc(30% + 20px);background:url(../img/item_bg_six.7cf8bc44.png) no-repeat 50%;background-size:95%;opacity:.9;margin-left:-26px}.system_layout_eight .box .system-item-4,.system_layout_eight .box .system-item-5,.system_layout_eight .box .system-item-6{margin-top:-70px}.system_layout_eight .box .null-item-1{border:2px dashed #27f1dc;border-radius:4px}.system_layout_eight .box .null-item-2{border:2px dashed #62c1ff;border-radius:4px}.system_layout_eight .box .item{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.system_layout_eight .box .item .subsystem-logo{height:30%;width:20%}.system_layout_eight .box .item .subsystem-title{font-family:Microsoft YaHei;color:#fafcff}.system_layout_eight .box .item:active .subsystem-logo,.system_layout_eight .box .item:active .subsystem-title{-webkit-filter:brightness(.3);filter:brightness(.3)}.system_layout_eight .box .not-access-item{background:#d1d5db}@media screen and (min-width:1024px) and (max-width:1535px){.system_layout_eight .box{min-height:300px}.system_layout_eight .box .system-item{width:30%;height:48%;position:relative}.system_layout_eight .box .system-item-1{background:url(../img/item_bg_one.df23b51c.png) no-repeat 50%;background-size:contain;opacity:.9}.system_layout_eight .box .system-item-2{background:url(../img/item_bg_two.60113dce.png) no-repeat 50%;background-size:contain;opacity:.9;margin-left:-10px}.system_layout_eight .box .system-item-3{background:url(../img/item_bg_three.8c1d6a62.png) no-repeat 50%;background-size:95%;opacity:.9;margin-left:-16px}.system_layout_eight .box .system-item-4{width:calc(30% - 12px);background:url(../img/item_bg_four.21c533c2.png) no-repeat 50%;background-size:102%;opacity:.9}.system_layout_eight .box .system-item-5{background:url(../img/item_bg_five.1d8878fc.png) no-repeat 50%;background-size:contain;opacity:.9;margin-left:-10px}.system_layout_eight .box .system-item-6{width:calc(30% + 12px);background:url(../img/item_bg_six.7cf8bc44.png) no-repeat 50%;background-size:95%;opacity:.9;margin-left:-16px}.system_layout_eight .box .system-item-4,.system_layout_eight .box .system-item-5,.system_layout_eight .box .system-item-6{margin-top:-2px}.system_layout_eight .box .item .subsystem-logo{height:30%;width:20%}}