html {
    margin: 0px;
    height: 100%;
    width: 100%;
    font-size: 14px;
}

body {
    margin: 0px;
    height: 100%;
    width: 100%;
    position: relative;
}

.pointer {
    cursor: pointer;
}

#videos {
    display: none;
}

/*video::-webkit-media-controls {
    display: none;
}

video::-webkit-media-controls-enclosure {
    display: none;
}

video::-webkit-media-controls-panel {
    display: none;
}*/



@media (min-width: 799px) {
    .chooseUsCard {
        margin-bottom: 30px !important;
    }

    .video {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 99;
    }

    .video::after {
        background-color: rgba(0, 0, 0, 0.8);
        filter: blur(8px);
    }

    .video-c {
        width: 968px;
        height: 540px;
        position: absolute;
        top: 58%;
        left: 50%;
        margin-left: -480px;
        margin-top: -278px;
        z-index: 999;
    }

    .video #muVideo {
        width: 100%;
    }

    .video #muVideo1 {
        width: 100%;
    }

    .close {
        position: absolute;
        top: -46px;
        right: -38px;
    }

    .close span {
        font-size: 26px;
        color: #ffffff;
    }

    .scaleImg {
        width: 100%;
        height: 237px;
        overflow: hidden;
    }

    .information-center1 img {
        width: 100%;
        transition: all 1.2s;
    }

    .information-center1:hover img {
        scale: 1.2;
    }

    .mysys {
        overflow: hidden;
    }

    .mysys img {
        width: 100%;
        transition: all 1.2s;
    }

    .mysys:hover img {
        scale: 1.4;
    }

    .ExhibitionsContainer .chooseContainer-1 {
        margin-bottom: 12px;
    }

    .ExhibitionsContainer .chooseContainer-2 {
        box-shadow: 0px 0px 50px 0px rgba(35, 87, 205, 0.05);
        width: 188px;
        height: 82px;
        overflow: hidden;
    }

    .ExhibitionsContainer .chooseContainer-2:hover {
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    }

    .chooseContainer-2 img {
        transition: all 1.2s;
    }

    .chooseContainer-2:hover img {
        scale: 1.4;
    }

    .application-center1:hover {
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    }

    .application-center1 .application-icon {
        transition: transform 1.2s ease;
        transform: scale(1);
    }

    .application-center1:hover .application-icon {
        transform: scale(1.2);
    }

    .logos div {
        text-align: center;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000000;
        margin-top: 18px;
    }

    .logos img {
        transition: all 1.2s;
    }

    .logos:hover img {
        transform: rotate(36deg);
    }

    .pcShow {
        display: block;
    }

    .mobileShow {
        display: none;
    }

    .swiperHeight {
        /*height: 1300px; */
    }

    .sysHeight {
        height: 810px;
    }

    .swiper-slide {
        position: relative;
        /*height: 1300px; */
    }

    .swiper-slide .bgDiv {
        position: absolute;
        width: 100%;
        /*height: 1300px;*/
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .swiper-slide .bgt {
        width: 100%;
        /*height: 1300px; */
    }

    .MySwiperExhibitionDetail .swiper-slide {
        padding-bottom: 100px;
    }

    .homePageAll {
        max-width: 1200px;
        margin: 0 auto;
        z-index: 22;
    }

    .homePage {
        text-align: center;
    }

    .homePage>div:nth-child(1) {
        font-size: 40px;
        font-weight: 600;
        font-stretch: normal;
        line-height: 57px;
        letter-spacing: 0px;
        color: #000000;
        margin: 150px auto 37px;
    }

    .homePage>div:nth-child(2) {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 1px;
        color: #344b65;
        width: 1010px;
        margin: 0 auto;
    }

    .homePage>div:nth-child(3) {
        display: flex;
        justify-content: center;
        font-size: 18px;
        color: #ffffff;
        padding-top: 34px;
        padding-bottom: 80px;
    }

    .homePage .btn-hover2 {
        border-radius: 10px;
        height: 48px;
        width: 140px;
        line-height: 48px;
    }

    .homePage .btn-hover3 {
        border-radius: 10px;
        height: 48px;
        width: 140px;
        line-height: 48px;
    }

    .homePage .btn-hover4 {
        border-radius: 10px;
        height: 48px;
        width: 140px;
        line-height: 48px;
    }

    .homePage .btn-hover5 {
        margin-right: 30px;
        width: 140px;
        height: 48px;
    }

    .homePage .btn-hover5 button {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border: solid 1px #165dff;
        background-color: transparent;
        color: #165dff;
    }

    .homePage .btn-hover5 button:hover {
        background-color: #D1EAFF;
    }

    .homePage div img {
        width: 100%;
    }

    .homePage .btn-hover1 a {
        color: white !important;
    }

    .homePage .btn-hover2 a {
        color: white !important;
    }

    .homePage .btn-hover3 a {
        color: white !important;
    }

    .homePage .btn-hover1 {
        background-image: linear-gradient(90deg, #4e83ff 0%, #165dff 100%), linear-gradient(#ffffff, #ffffff);
    }

    .homePage .btn-hover1:hover {
        background-image: linear-gradient(90deg, #6f99fd 0%, #517bda 100%), linear-gradient(#ffffff, #ffffff);
    }

    .homePage .btn-hover2 {
        background-image: linear-gradient(90deg, #00e5e2 0%, #0054ed 100%), linear-gradient(#ffffff, #ffffff);
    }
    .homePage .btn-hover2New {
        background: #165dff;
    }

    .homePage .btn-hover2:hover {
        background-image: linear-gradient(90deg, #33e2e9 0%, #337ef0 100%), linear-gradient(#ffffff, #ffffff);
    }

    .homePage .btn-hover3 {
        background-image: linear-gradient(90deg, #ffa800 0%, #ff9000 100%), linear-gradient(#ffffff, #ffffff);
    }

    .homePage .btn-hover3:hover {
        background-image: linear-gradient(90deg, #ffb833 0%, #ffa833 100%), linear-gradient(#ffffff, #ffffff);
    }

    .homePage4 div {
        color: #ffffff !important;
    }

    .homePage .btn-hover4 {
        background-image: linear-gradient(90deg, #0084ff 0%, #0084ff 100%), linear-gradient(#0078ff, #0078ff);
    }

    .homePage .btn-hover4:hover {
        background-image: linear-gradient(90deg, #339dff 0%, #339dff 100%), linear-gradient(#0078ff, #0078ff);
    }

    .position-absolute {
        z-index: 999;
        text-align: center;
        bottom: 40px !important;
    }

    .swiper-pagination-bullet {
        width: 30px;
        height: 4px;
        background-color: #dde6fc;
        border-radius: 3px;
        opacity: 1;
        z-index: 999;
    }

    .swiper .swiper-pagination-bullet-active {
        width: 30px !important;
        height: 4px !important;
        background-color: #165dff !important;
        border-radius: 3px !important;
        z-index: 999;
    }

    .bdbg {
        position: relative;
        background-color: #fff;
    }

    .img-bd {
        position: absolute;
        width: 460px;
        top: 4%;
        right: 0;
    }

    .information {
        max-width: 1200px;
        margin: 0 auto;
    }

    .information-title {
        padding: 99px 0 60px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .information-title div:first-child {
        line-height: 40px;
        font-size: 40px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }

    .information-title div:last-child {
        width: 80px;
        height: 36px;
        border-radius: 18px;
        border: solid 1px #165dff;
        line-height: 34px;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #165dff;
        margin-top: 4px;
    }

    .information-center {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .information-center1 {
        width: 380px;
        height: 338px;
        border: solid 1px #f2f2f2;
        margin-bottom: 100px;
    }

    .information-center1:hover {
        background-color: #ffffff;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    }

    .information-center1 img {
        width: 100%;
        height: 237px;
    }

    .information-center1 .information-center-title {
        padding: 0 19px;
        margin: 19px 0 16px;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        white-space: nowrap;
        /* 不换行 */
        overflow: hidden;
        /* 隐藏超出的内容 */
        text-overflow: ellipsis;
        /* 用省略号表示被隐藏的部分 */
    }

    .information-center1 .information-center-time {
        padding: 0 19px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #6c7680;
    }

    .application {
        background-color: #fbfbfb;
        padding-bottom: 120px;
    }

    .application-title {
        line-height: 40px;
        font-size: 40px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 110px 0 100px;
        text-align: center;
    }

    .application-center {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .application-center1 {
        padding: 52px 30px;
        width: 285px;
        text-align: center;
        margin-bottom: 20px;
        background-color: #ffffff;
    }

    .application-icon {
        margin: 0 auto;
        width: 46px;
        height: 46px;
        background-color: #3874f6;
        border-radius: 10px;
        line-height: 46px;
    }

    .application-icon span {
        font-size: 30px;
        color: #ffffff;
    }

    .application-t {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 17px;
        letter-spacing: 0px;
        color: #000000;
        margin: 23px auto 14px;
    }

    .exhibitionTitle {
        font-size: 40px !important;
    }

    .application-c {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #6c7680;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .application-icon-y {
        background-color: #21c1ff !important;
    }

    .application-icon-o {
        background-color: #ff7800 !important;
    }

    .laboratory {
        position: relative;
    }

    .bgtsys1 {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .swiper .bgtsys {
        width: 100%;
        height: 810px;
    }

    .swiper {
        position: relative;
    }

    .laboratory-left-all {
        max-width: 1200px;
        margin: 0 auto;
    }

    .laboratory-left {
        margin-top: 120px;
        color: #ffffff;
        display: flex;
        justify-content: space-between;
    }

    .laboratory-left .laboratory-left-text {
        max-width: 387px;
    }

    .laboratory-left .laboratory-left-text div:nth-child(1) {
        font-size: 40px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2)
    }

    .laboratory-left .laboratory-left-text div:nth-child(2) {
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #ffffff;
        margin: 79px 0 13px;
    }

    .laboratory-left .laboratory-left-text div:nth-child(3) {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 18px;
        letter-spacing: 0px;
        color: #ffffff;
    }

    .laboratory-left .laboratory-left-text div:nth-child(4) {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #ffffff;
        margin: 52px 0 41px;
    }

    .laboratory-left .laboratory-left-text div:nth-child(5) {
        width: 110px;
        height: 36px;
        background-color: #ffffff;
        border-radius: 5px;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 0px;
        color: #165dff;
        text-align: center;
    }

    .mysys {
        flex: 1;
        margin-left: 123px;
    }

    .mysys .mysysImg {
        width: 100%;
    }

    .laboratory .solutionOpera1 {
        position: absolute;
        z-index: 999;
        left: 0;
        bottom: 102px;
        width: 100%;
    }

    .solutionOpera2 {
        max-width: 1200px;
        margin: 0 auto;
    }

    .laboratory .icon-right {
        color: #ffffff;
    }

    .laboratory .icon-leftIconNone {
        display: none;
        color: #ffffff !important;
    }

    .laboratory .icon-rightIconNone {
        display: none;
        color: #ffffff !important;
    }

    .solutionOperaBtnLeft {
        margin-right: 0 !important;
    }

    .page {
        color: #ffffff;
        width: 53px;
        line-height: 30px;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
    }

    .chooseContainer {
        padding: 139px 0 130px !important;
        /* background-image: url('../../Resources/Images/homePage/xrbd.png'); */
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .chooseContainer .chooseContainer_title1 {
        text-align: center;
        font-size: 40px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 80px;
    }

    .exhibitionContainerht {
        padding: 140px 0 150px !important;
        background-color: #f4f6fc;
    }

    .specification {
        width: 100%;
        min-height: 670px;
        background-image: url('/Content/ExhibitionCloudNew/home/img/baozhang.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .specification-center {
        max-width: 1200px;
        margin: 0 auto;
    }

    .specification-title {
        font-size: 40px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 0px;
        color: #ffffff;
        padding: 110px 0 80px;
        text-align: center;
    }

    .specification-data {
        min-height: 440px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        padding: 60px 0 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .specification-item {
        width: 400px;
        padding: 0 30px;
    }

    .specification-item div:nth-child(1) {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .specification-item div:nth-child(2) {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #ffffff;
        opacity: 0.6;
        margin-bottom: 78px;
    }

    .chooseUsContainer1 {
        padding: 119px 0 110px;
        background-color: #f4f6fc;
    }

    .chooseUsContainer1 .chooseUsTitle {
        font-size: 40px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 80px;
    }

    .callPhone {
        height: 315px;
        width: 100%;
        background-image: url('../../Resources/Images/homePage/phonebg.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 60px;
    }

    .callPhoneText {
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 60px;
        letter-spacing: 0px;
        color: #333333;
    }

    .callPhoneNumber {
        width: 264px;
        height: 56px;
        background-color: #165dff;
        border-radius: 5px;
        margin: 30px auto 0;
        display: flex;
    }
    .callPhoneNumber:hover {
            box-shadow: 0px 5px 20px 0px rgba(57, 118, 255, 0.5);
    }

    .callPhoneNumber div:nth-child(1) {
        padding: 0 20px;
        line-height: 56px;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
    }

    .callPhoneNumber div:nth-child(2) {
        width: 1px;
        height: 30px;
        background-color: #ffffff;
        margin-top: 13px;
    }

    .callPhoneNumber div:nth-child(3) {
        flex: 1;
        text-align: center;
    }

    .callPhoneNumber div:nth-child(3) span {
        line-height: 56px;
        font-size: 22px;
        color: #ffffff;
    }

    .chooseContainer img {
        width: 188px;
        height: 82px;
        background-color: #ffffff;
        box-shadow: 0px 0px 50px 0px rgba(35, 87, 205, 0.05);
        border: solid 1px #f2f2f2;
    }

    .ExhibitionsContainer {
        justify-content: space-between;
    }

    .chooseUsCardTitle {
        margin-bottom: 12PX;
    }

    .chooseUsCardContent {
        width: 100%;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: -1px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
}

@media (min-width: 799px) and (max-width: 1199px) {
    .pcShow {
        display: block;
    }

    .mobileShow {
        display: none;
    }

    .information-title {
        padding: 90px 60px 60px;
    }

    .information-center {
        justify-content: center;
    }

    .information-center1 {
        margin-right: 60px;
        margin-left: 60px;
    }

    .laboratory-left-all {
        max-width: 1200px;
        margin-left: 60px;
    }

    .solutionOpera2 {
        margin-left: 60px;
    }
}

@media (max-width: 799px) {

    /* 	.MySwiperExhibitionDetailMobile{
		padding-bottom: 1vw;
	} */
    .video {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 99;
    }

    .video::after {
        background-color: rgba(0, 0, 0, 0.8);
        filter: blur(8px);
    }

    .video-c {
        width: 100%;
        height: 100%;
        padding: 0 15px;
        position: relative;
    }

    .video-c video {
        width: 100%;
        margin-top: 56%;
    }

    .close {
        position: absolute;
        top: 38vw;
        right: 15px;
    }

    .close span {
        font-size: 24px;
        color: #ffffff;
    }

    .pcShow {
        display: none;
    }

    .mobileShow {
        display: block;
    }

    .swiperHeight {
        min-height: 112vw;
    }

    .swiperHeight .swiper-slide {
        position: relative;
        height: 112vw;
    }

    .swiper-slide .bgDiv {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .swiper-slide .bgt {
        width: 100%;
        height: 112vw;
    }

    .homePageAll {
        margin: 0 auto;
        z-index: 22;
    }

    .homePage {
        text-align: center;
    }

    .homePage>div:nth-child(1) {
        font-size: calc(48vw/7.5);
        font-stretch: normal;
        /* line-height: 24px; */
        letter-spacing: 0px;
        /* color: #000000; */
        margin: 9.66vw auto 9.66vw;
    }

    .homePage>div:nth-child(1) span {
        display: block;
        /* line-height: 30px; */
    }

    .homePage>div:nth-child(2) {
        text-align: center;
        margin: 0 auto;
        width: calc(610vw / 7.5);
        font-size: 3.2vw;
        font-weight: normal;
        font-stretch: normal;
        /* line-height: 20px; */
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: calc(32vw / 7.5);
    }

    .homePage>div:nth-child(4) {
        margin: calc(80vw / 7.5) auto 0;
        background-blend-mode: normal, normal;
        font-size: calc(30vw / 7.5);
        letter-spacing: 0px;
        color: #ffffff;
        display: flex;
        justify-content: center;
    }

    .homePage .btn-hover5 {
        border-radius: 5px;
        margin-right: 20px;
        line-height: calc(70vw / 7.5);
        height: 40px;
        border: solid 1px #0084ff;
        background-color: transparent;
        color: #0084ff;
        width: 120px;
    }

    .homePage .btn-hover2 {
        border-radius: 5px;
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .homePage .btn-hover3 {
        border-radius: 5px;
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .homePage .btn-hover4 {
        border-radius: 5px;
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .homePage div img {
        width: 85%;
    }

    .homePage .btn-text1 {
        background: linear-gradient(to right, #4e83ff, #165dff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .homePage .btn-text2 {
        background: linear-gradient(to right, #00e5e2, #0054ed);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .homePage .btn-text3 {
        background: linear-gradient(to right, #FFA600, #FF9200);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .homePage .btn-hover1 {
        background-image: linear-gradient(90deg, #4e83ff 0%, #165dff 100%), linear-gradient(#ffffff, #ffffff);
    }

    .homePage .btn-hover2 {
        background-image: linear-gradient(90deg, #00e5e2 0%, #0054ed 100%), linear-gradient(#ffffff, #ffffff);
    }

    .homePage .btn-hover3 {
        background-image: linear-gradient(to right, #FFA600, #FF9200), linear-gradient(#ffffff, #ffffff);
    }

    .homePage4 div {
        color: #ffffff !important;
    }

    .homePage .btn-hover4 {
        background-image: linear-gradient(90deg, #0084ff 0%, #0084ff 100%), linear-gradient(#0078ff, #0078ff);
    }

    .position-absolute {
        z-index: 999;
        text-align: center;
        bottom: 5px !important;
    }

    .position-absolute-pt {
        position: absolute;
        z-index: 999;
        text-align: center;
        bottom: 5px !important;
    }

    .swiper-pagination-bullet {
        width: calc(36vw / 7.5);
        height: 2px;
        background-color: #dde6fc;
        border-radius: 1px;
        /* opacity: 0.7 */
        z-index: 999;
    }

    .swiper .swiper-pagination-bullet-active {
        width: calc(36vw / 7.5) !important;
        height: 2px !important;
        background-color: #165dff !important;
        border-radius: 1px !important;
        z-index: 999;
    }

    .bdbg {
        position: relative;
        background-color: #ffffff !important;
    }

    .img-bd {
        position: absolute;
        width: calc(920vw / 7.5);
        top: 4%;
        right: 0;
    }


    .information-title {
        padding: calc(100vw / 7.5) 0 calc(60vw / 7.5);
        display: flex;
        justify-content: center;
    }

    .information-title div:first-child {
        font-size: calc(36vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
    }

    .information-center {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 15px;
    }

    .information-center1 {
        width: 48%;
        /* height: 338px; */
        border: solid 1px #f2f2f2;
        margin-bottom: 50px;
    }

    .information-center2 {
        width: 100%;
        /* height: 338px; */
        border: solid 1px #f2f2f2;
        margin-bottom: 15px;
    }


    .information-center1 img {
        width: 100%;
    }

    .information-center1 .information-center-title {
        padding: 0 15px;
        margin: 15px 0 11px;
        font-size: 4vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        /* line-height: 20px; */
        color: #000000;
        overflow: hidden;
        /* 确保内容超出元素框时会被隐藏 */
        text-overflow: ellipsis;
        /* 使用省略号表示被截断的文本 */
        display: -webkit-box;
        /* 使用弹性盒子布局模型 */
        -webkit-line-clamp: 2;
        /* 限制在两行 */
        -webkit-box-orient: vertical;
        /* 垂直排列盒子 */
    }

    .information-center1 .information-center-time {
        padding: 0 15px 14px;
        font-size: 2.93vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #6c7680;
    }

    .application {
        background-color: #fbfbfb;
        padding-bottom: calc(110vw / 7.5);
    }

    .application-title {
        /* line-height: 18px; */
        font-size: calc(36vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: calc(100vw / 7.5) 0 calc(60vw / 7.5);
        text-align: center;
    }

    .application-center {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 15px;
    }

    .application-center1 {
        padding: 25px 18px;
        width: 48%;
        text-align: center;
        margin-bottom: 15px;
        background-color: #ffffff;
    }

    .application-icon {
        margin: 0 auto;
        width: calc(74vw / 7.5);
        height: calc(74vw / 7.5);
        background-color: #3874f6;
        border-radius: 10px;
    }

    .application-icon span {
        font-size: calc(48vw / 7.5);
        color: #ffffff;
    }

    .application-t {
        font-size: calc(30vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        /* line-height: 15px; */
        letter-spacing: 0px;
        color: #000000;
        margin: calc(30vw / 7.5) auto calc(20vw / 7.5);
    }

    .application-c {
        font-size: calc(20vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        /* line-height: 20px; */
        letter-spacing: 0px;
        color: #6c7680;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .application-icon-y {
        background-color: #21c1ff !important;
    }

    .application-icon-o {
        background-color: #ff7800 !important;
    }

    .laboratory {
        position: relative;
        height: calc(530vw / 7.5);
    }

    .sysHeight {
        height: calc(530vw / 7.5);
    }

    .laboratory .swiper-slide {
        height: calc(530vw / 7.5);
    }

    .bgtsys1 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .swiper .bgtsys {
        width: 100%;
        height: 100%;
    }

    .swiper {
        position: relative;
    }

    .laboratory-left-all {
        margin: 0 auto;
    }

    .laboratory-left {
        margin-top: calc(100vw / 7.5);
        color: #ffffff;
    }

    .laboratory-left .laboratory-left-text {
        width: 100%;
        padding: 0 15px;
    }

    .laboratory-left .laboratory-left-text div:nth-child(1) {
        font-size: calc(40vw / 7.5);
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        /* line-height: 19px; */
    }

    .laboratory-left .laboratory-left-text div:nth-child(2) {
        font-size: calc(30vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: 15px;
        letter-spacing: 0px;
        color: #ffffff;
        margin: calc(60vw / 7.5) 0 calc(20vw / 7.5);
    }

    .laboratory-left .laboratory-left-text div:nth-child(3) {
        font-size: calc(20vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: 15px;
        letter-spacing: 0px;
        color: #ffffff;
    }

    .laboratory-left .laboratory-left-text div:nth-child(4) {
        font-size: calc(22vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(36vw / 7.5);
        letter-spacing: 0px;
        color: #ffffff;
        margin: 10px 0 0px;
    }

    .mysys {
        flex: 1;
        margin-left: calc(246vw / 7.5);
    }

    .mysys .mysysImg {
        width: 100%;
    }

    .laboratory .solutionOpera1 {
        position: absolute;
        z-index: 999;
        top: calc(100vw / 7.5);
        right: 15px;
    }

    .solutionOpera2 {
        margin: 0 auto;
    }

    .laboratory .icon-left {
        font-size: calc(46vw / 7.5) !important;
        color: #ffffff;
    }

    .laboratory .icon-right {
        font-size: calc(46vw / 7.5) !important;
        color: #ffffff;
    }

    .page {
        color: #ffffff;
        width: calc(80vw / 7.5);
        ;
        line-height: calc(46vw / 7.5);
        text-align: center;
        font-size: calc(24vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
    }

    .chooseContainer {
        padding: calc(100vw / 7.5) 0 calc(100vw / 7.5) !important;
        background-image: url('../../Resources/Images/homePage/xrbd.png');
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: #ffffff;
    }

    .chooseContainer .chooseContainer_title1 {
        text-align: center;
        font-size: calc(36vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: calc(60vw / 7.5);
    }

    .exhibitionIconContainer {
        padding: 0 15px;
        justify-content: space-between;
    }

    .ExhibitionsContainer {
        padding: 0 15px;
        justify-content: space-between;
    }

    .ExhibitionsContainer div {
        width: 32%;
    }

    .xrHeight {
        padding-bottom: 10px;
    }

    .chooseContainer img {
        width: 100%;
        height: auto;
        background-color: #ffffff;
        box-shadow: 0px 0px 25px 0px rgba(35, 87, 205, 0.05);
        border: solid 1px #f2f2f2;
        margin-bottom: 12px;
    }

    .exhibitionContainerht {
        padding: calc(260vw / 7.5) 0 150px !important;
        background-color: #fafafa;
    }

    .specification {
        width: 100%;
        min-height: 670px;
        background-image: url('../../Resources/Images/homePage/dcbz.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .specification-center {
        max-width: 1200px;
        margin: 0 auto;
    }

    .specification-title {
        font-size: 40px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 0px;
        color: #ffffff;
        padding: 110px 0 80px;
        text-align: center;
    }

    .specification-data {
        min-height: 440px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        padding: 60px 0 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .specification-item {
        width: 400px;
        padding: 0 30px;
    }

    .specification-item div:nth-child(1) {
        font-size: calc(40vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .specification-item div:nth-child(2) {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #ffffff;
        opacity: 0.6;
        margin-bottom: 78px;
    }

    .chooseUsContainer1 {
        padding: 50px 0;
        background-color: #fafafa;
    }

    .chooseUsContainer1 .chooseUsTitle {
        font-size: calc(36vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        /* line-height: 18px; */
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: calc(60vw / 7.5);
    }

    .callPhone {
        height: 300px;
        width: 100%;
        background-image: url('../../Resources/Images/homePage/phonebg.png');
        background-size: 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 46px;
    }

    .callPhoneText {
        font-size: 36px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 60px;
        letter-spacing: 0px;
        color: #333333;
    }

    .callPhoneNumber {
        width: 264px;
        height: 56px;
        background-color: #165dff;
        border-radius: 5px;
        margin: 34px auto 0;
        display: flex;
    }

    .callPhoneNumber div:nth-child(1) {
        padding: 0 20px;
        line-height: 56px;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #ffffff;
    }

    .callPhoneNumber div:nth-child(2) {
        width: 1px;
        height: 30px;
        background-color: #ffffff;
        margin-top: 13px;
    }

    .callPhoneNumber div:nth-child(3) {
        flex: 1;
        text-align: center;
    }

    .callPhoneNumber div:nth-child(3) span {
        line-height: 56px;
        font-size: 22px;
        color: #ffffff;
    }

    .scroll-x {
        width: 100%;
        padding: 0 15px;
        overflow-x: scroll;
        white-space: nowrap;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .scroll-x .chooseUsCard {
        width: 310px;
        height: auto;
        background-color: #ffffff;
        box-shadow: 0px 0px 25px 0px rgba(35, 87, 205, 0.05);
        border-radius: 5px;
        border: solid 1px #f2f2f2;
        padding: 15px;
        margin-bottom: 10px;
    }

    .chooseUsCardTwo {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }

    .chooseUsCardTwo .chooseUsCardTitle {
        font-size: calc(30vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(32vw / 7.5);
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .chooseUsCardTwo .chooseUsCardContent {
        width: 100%;
        font-size: calc(24vw / 7.5);
        font-weight: normal;
        font-stretch: normal;
        line-height: calc(36vw / 7.5);
        letter-spacing: 0px;
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .chooseUsCardTwo .chooseUsTag {
        width: 2px;
        height: 15px;
        background-color: #165dff;
        position: absolute;
        top: 15px;
        left: 0px;
    }
}