/* 互动系统 */
.system {
    margin-top: 40px;
}

.system .system-t {
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    height: 248px;
}

.system .system-t .system_l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.system .system-t .system_l img:hover {
    transform: scale(1.4);
}

.system .system-t .system_l {
    margin-right: 6px;
    height: 248px;
    width: 600px;
    overflow: hidden;
    position: relative;
    right: 100%;
}

.system .system-t .system_l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-t .system_l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -26px;
}

.system .system-t .system_l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-t .system_l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

.system .system-t .system_b img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.system .system-t .system_b img:hover {
    transform: scale(1.4);
}

.system .system-t .system_b {
    margin-right: 6px;
    height: 248px;
    width: 465px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.system .system-t .system_b .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-t .system_b .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: 15px;
}

.system .system-t .system_b .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-t .system_b .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

.system .system-t .system_r img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.system .system-t .system_r img:hover {
    transform: scale(1.4);
}

.system .system-t .system_r {
    margin-right: 6px;
    height: 248px;
    width: 300px;
    overflow: hidden;
    position: relative;
    left: 100%;
}

.system .system-t .system_r .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-t .system_r .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: 15px; */
}

.system .system-t .system_r .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-t .system_r .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

/* .system .system-b */
.system .system-b {
    overflow: hidden;
    height: 485px;
}

.system .system-b .system_l {
    width: 306px;
    height: 485px;
    overflow: hidden;
    margin-right: 6px;
    position: relative;
    bottom: 100%;
}

.system .system-b .system_l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.system .system-b .system_l img:hover {
    transform: scale(1.4);
}


.system .system-b .system_l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-b .system_l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -45px;
    /* display: none; */
}

.system .system-b .system_l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-b .system_l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

.system .system-b .system_r {
    overflow: hidden;
    height: 485px;
    width: 1074px;
}

.system .system-b .system_r .sys_t {
    height: 250px;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    left: 100%;
}

.system .system-b .system_r .sys_t .sys_l {
    width: 451px;
    height: 250px;
    overflow: hidden;
    margin-right: 6px;
}


.system .system-b .system_r .sys_t .sys_l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-b .system_r .sys_t .sys_l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -45px;
    /* display: none; */
}

.system .system-b .system_r .sys_t .sys_l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-b .system_r .sys_t .sys_l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}


.system .system-b .system_r .sys_t .sys_b {
    width: 302px;
    height: 250px;
    overflow: hidden;
    margin-right: 6px;
}

.system .system-b .system_r .sys_t .sys_b img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.system .system-b .system_r .sys_t .sys_b img:hover {
    transform: scale(1.4);
}

.system .system-b .system_r .sys_t .sys_b .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-b .system_r .sys_t .sys_b .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.system .system-b .system_r .sys_t .sys_b .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-b .system_r .sys_t .sys_b .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

.system .system-b .system_r .sys_t .sys_r {
    width: 302px;
    height: 250px;
    overflow: hidden;
    margin-right: 6px;
}

.system .system-b .system_r .sys_t .sys_r img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.system .system-b .system_r .sys_t .sys_r img:hover {
    transform: scale(1.4);
}

.system .system-b .system_r .sys_t .sys_r .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-b .system_r .sys_t .sys_r .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.system .system-b .system_r .sys_t .sys_r .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-b .system_r .sys_t .sys_r .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}



.system .system-b .system_r .sys_b {
    height: 231px;
    overflow: hidden;
    position: relative;
}

.system .system-b .system_r .sys_b .sys-l {
    width: 49%;
    height: 231px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    right: 100%;
}

.system .system-b .system_r .sys_b .sys-l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.system .system-b .system_r .sys_b .sys-l img:hover {
    transform: scale(1.4);
}


.system .system-b .system_r .sys_b .sys-l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-b .system_r .sys_b .sys-l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -10px;
    /* display: none; */
}

.system .system-b .system_r .sys_b .sys-l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-b .system_r .sys_b .sys-l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}




.system .system-b .system_r .sys_b .sys-r {
    width: 49.8%;
    height: 231px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    left: 100%;
}

.system .system-b .system_r .sys_b .sys-r .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.system .system-b .system_r .sys_b .sys-r .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -45px;
    /* display: none; */
}

.system .system-b .system_r .sys_b .sys-r .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.system .system-b .system_r .sys_b .sys-r .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

/* 全息成像 */
.Imaging {
    margin-top: 40px;
    height: 476px;
    position: relative;
    overflow: hidden;
}

.Imaging .Imaging-l {
    height: 476px;
    width: 654px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.Imaging .Imaging-l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Imaging .Imaging-l img:hover {
    transform: scale(1.4);
}

.Imaging .Imaging-l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Imaging .Imaging-l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.Imaging .Imaging-l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Imaging .Imaging-l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}


.Imaging .Imaging-b {
    height: 476px;
    width: 306px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.Imaging .Imaging-b img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Imaging .Imaging-b img:hover {
    transform: scale(1.4);
}

.Imaging .Imaging-b .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Imaging .Imaging-b .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.Imaging .Imaging-b .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Imaging .Imaging-b .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}


.Imaging .Imaging-r {
    height: 476px;
    width: 410px;
    /* margin-right: 6px; */
    overflow: hidden;
}

.Imaging .Imaging-r .img_t {
    height: 50%;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.Imaging .Imaging-r .img_t img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Imaging .Imaging-r .img_t img:hover {
    transform: scale(1.4);
}


.Imaging .Imaging-r .img_t .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Imaging .Imaging-r .img_t .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.Imaging .Imaging-r .img_t .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Imaging .Imaging-r .img_t .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}



.Imaging .Imaging-r .img_b {
    height: 49%;
    /* margin-bottom: 6px; */
    overflow: hidden;
    position: relative;
    top: 100%;
}

.Imaging .Imaging-r .img_b img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Imaging .Imaging-r .img_b img:hover {
    transform: scale(1.4);
}


.Imaging .Imaging-r .img_b .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Imaging .Imaging-r .img_b .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.Imaging .Imaging-r .img_b .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Imaging .Imaging-r .img_b .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

/* 数字沙盘 */
.szsp {
    margin-top: 42px;
    overflow: hidden;
}

.szsp .Imaging-l {
    height: 476px;
    width: 654px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.szsp .Imaging-l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.szsp .Imaging-l img:hover {
    transform: scale(1.4);
}

.szsp .Imaging-l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.szsp .Imaging-l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -45px;
    /* display: none; */
}

.szsp .Imaging-l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.szsp .Imaging-l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}


.szsp .Imaging-b {
    height: 476px;
    width: 306px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.szsp .Imaging-b img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.szsp .Imaging-b img:hover {
    transform: scale(1.4);
}

.szsp .Imaging-b .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.szsp .Imaging-b .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.szsp .Imaging-b .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.szsp .Imaging-b .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}


.szsp .Imaging-r {
    height: 476px;
    width: 410px;
    /* margin-right: 6px; */
    overflow: hidden;
}

.szsp .Imaging-r .img_t {
    height: 50%;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.szsp .Imaging-r .img_t img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.szsp .Imaging-r .img_t img:hover {
    transform: scale(1.4);
}


.szsp .Imaging-r .img_t .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.szsp .Imaging-r .img_t .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.szsp .Imaging-r .img_t .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.szsp .Imaging-r .img_t .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}



.szsp .Imaging-r .img_b {
    height: 49%;
    /* margin-bottom: 6px; */
    overflow: hidden;
    position: relative;
    top: 100%;
}

.szsp .Imaging-r .img_b img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.szsp .Imaging-r .img_b img:hover {
    transform: scale(1.4);
}


.szsp .Imaging-r .img_b .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.szsp .Imaging-r .img_b .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.szsp .Imaging-r .img_b .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.szsp .Imaging-r .img_b .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}

/* 机械装置 */
.Device {
    margin-top: 40px;
    overflow: hidden;
    height: 530px;
    margin-bottom: 46px;
}

.Device .Imaging-l {
    height: 530px;
    width: 378px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    top: 100%;
}

.Device .Imaging-l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Device .Imaging-l img:hover {
    transform: scale(1.4);
}

.Device .Imaging-l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Device .Imaging-l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -45px;
    /* display: none; */
}

.Device .Imaging-l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Device .Imaging-l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}




.Device .sys_b {
    height: 260px;
    overflow: hidden;
    position: relative;
    top: 100%;
    width: 1002px;
    margin-bottom: 6px;
}

.Device .sys_b .sys-l {
    width: 49%;
    height: 260px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    /* right: 100%; */
}

.Device .sys_b .sys-l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Device .sys_b .sys-l img:hover {
    transform: scale(1.4);
}


.Device .sys_b .sys-l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Device .sys_b .sys-l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -65px;
    /* display: none; */
}

.Device .sys_b .sys-l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Device .sys_b .sys-l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}




.Device .sys_b .sys-r {
    width: 49.8%;
    height: 260px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    /* left: 100%; */
}

.Device .sys_b .sys-r .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Device .sys_b .sys-r .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    margin-left: -45px;
    /* display: none; */
}

.Device .sys_b .sys-r .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Device .sys_b .sys-r .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}



.Device .sys_bn {
    height: 265px;
    overflow: hidden;
    position: relative;
    top: 100%;
    width: 1002px;
    /* margin-bottom: 6px; */
}

.Device .sys_bn .sys-l {
    width: 49%;
    height: 265px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    /* right: 100%; */
}

.Device .sys_bn .sys-l img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Device .sys_bn .sys-l img:hover {
    transform: scale(1.4);
}


.Device .sys_bn .sys-l .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Device .sys_bn .sys-l .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -65px; */
    /* display: none; */
}

.Device .sys_bn .sys-l .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Device .sys_bn .sys-l .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}




.Device .sys_bn .sys-r {
    width: 49.8%;
    height: 265px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    /* left: 100%; */
}

.Device .sys_bn .sys-r img {
    height: 100%;
    cursor: pointer;
    transition: all 1s;
}

.Device .sys_bn .sys-r img:hover {
    transform: scale(1.4);
}

.Device .sys_bn .sys-r .div_s {
    position: relative;
    bottom: 100%;
    padding: 20px 0 0 18px;
    color: #fff;
}

.Device .sys_bn .sys-r .div_s .px {
    height: 22px;
    width: 59px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 3px;
    /* margin-left: -45px; */
    /* display: none; */
}

.Device .sys_bn .sys-r .div_s div p:nth-child(1) {
    font-size: 20px;
    font-weight: 900;
}

.Device .sys_bn .sys-r .div_s div p:nth-child(2) {
    font-size: 12px;
    /* font-weight: 900; */
}