.system_layout_six .box{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5%;width:75%;height:45%}.system_layout_six .box,.system_layout_six .box .system-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.system_layout_six .box .system-item{width:100%;height:100%;background:#5490c2;max-width:17%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:5%}.system_layout_six .box .system-item .subsystem-title{font-family:PingFang SC;color:#fff}.system_layout_six .box .system-item:nth-child(2n){background-color:#dfc37c}.system_layout_six .box .system-item:hover{border:1px solid #fff}.system_layout_six .box .item{height:70%;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_six .box .item .subsystem-logo{height:50%}@media screen and (min-width:1px) and (max-width:1023px){.subsystem-title{font-size:.5rem!important}}@media screen and (min-width:1024px) and (max-width:1535px){.subsystem-title{font-size:1rem!important}}@media screen and (min-width:1536px){.subsystem-title{font-size:1.4rem!important}}