.system_layout_four .box-bg{background:url(../img/box_four_bg_default.448eae38.png) no-repeat 50%;background-size:100% 100%}.system_layout_four .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80%;height:85%;position:relative}.system_layout_four .box .system-item{width:16%;position:relative;padding:0 20px}.system_layout_four .box .system-item.last-child,.system_layout_four .box .system-item:first-child{width:17%}.system_layout_four .box .system-item .item{height:33%;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_four .box .system-item .text-white{text-align:center;margin-top:10px}.system_layout_four .box .system-item .text-white span{font-size:1.25rem}.system_layout_four .box .system-item .item:active .subsystem-logo,.system_layout_four .box .system-item .item:active .subsystem-title{-webkit-filter:brightness(.3);filter:brightness(.3)}.system_layout_four .box .system-item:hover .box-bg{background:url(../img/box_four_bg_selected.cb52de97.png) no-repeat 50%;background-size:100% 100%}.system_layout_four .box .system-item:hover .text-white{color:#facd89}.system_layout_four .box .subsystem-0{top:20%}.system_layout_four .box .subsystem-1,.system_layout_four .box .subsystem-4{top:10%}.system_layout_four .box .subsystem-5{top:20%}