.banner_box img {
    width: 100%;
    object-fit: cover
}

.theImage {
    margin-top: 4.1667vw
}

.theImage img {
    width: 100%;
    object-fit: cover
}

.morePowerful {
    margin-top: 6.25vw;
    position: relative
}

.morePowerful>img {
    width: 100%;
    object-fit: cover
}

.morePowerful-title {
    position: absolute;
    width: 100%;
    top: 4.58vw
}

.morePowerful-title p {
    color: #b3b3b3;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 1.6667vw;
    line-height: normal;
    width: 25.57vw
}

.morePowerful-title h2 {
    color: #fff;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    margin-top: 1.6vw;
    width: 25.57vw
}

.morePowerful .content {
    position: absolute;
    bottom: 6.25vw;
    width: 100%
}

.morePowerful .dian-item p {
    text-align: left;
    position: relative;
    padding-left: 0.9375vw;
    margin-top: 0.4167vw;
    color: #303133;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-weight: 400;
    line-height: 150%
}

.morePowerful .dian-item p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8em;
    transform: translateY(-50%);
    width: 0.4167vw;
    height: 0.4167vw;
    background-color: #076fb8;
    border-radius: 50%
}

.morePowerful .num {
    margin-top: 1.6667vw;
    display: flex;
    justify-content: space-between
}

.morePowerful .num-item {
    width: 30%;
    word-wrap: break-word
}

.morePowerful .num-item .title-one {
    color: #076fb8;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 2.6vw;
    line-height: normal;
    word-wrap: break-word
}

.morePowerful .num-item .baifenhao {
    color: #076fb8;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.5625vw;
    line-height: normal
}

.morePowerful .num-item .icon-up-arrow {
    font-size: 1.4583vw;
    line-height: 1.4583vw;
    margin-left: 0.4167vw
}

.morePowerful .num-item .title-two {
    color: #231815;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.5625vw;
    line-height: normal;
    margin: 0.4167vw 0;
    word-wrap: break-word
}

.morePowerful .num-item .title-three {
    color: #6d6e73;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 0.9375vw;
    line-height: normal;
    word-wrap: break-word
}

.ultraTitle {
    text-align: center;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.everyColor {
    margin-top: 4.1667vw
}

.everyColor .parameter {
    display: flex;
    gap: 2.0833vw;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 2.0833vw 0
}

.everyColor .parameter span {
    padding: 0.8333vw 1.6667vw;
    border-radius: 4.1667vw;
    background: #fafafa;
    color: #303133;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-style: normal;
    line-height: normal;
    display: flex;
    align-items: center
}

.everyColor .parameter span .iconfont {
    margin-right: 0.8333vw;
    font-size: 1.6667vw;
    line-height: 1.6667vw;
    color: #303133
}

.everyColor-img {
    border-radius: 2.0833vw;
    width: 100%;
    object-fit: cover
}

.everyColor-smallTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1.25vw
}

.everyColor-smallTitle span {
    color: #6d6e73;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.14vw;
    line-height: normal
}

.everyColor-smallTitle img {
    width: 11vw;
    height: 1.4vw;
    object-fit: cover
}

.cameraSystem {
    margin-top: 4.1667vw
}

.cameraSystem-subtitle {
    color: #303133;
    text-align: center;
    font-family: Montserrat;
    font-size: 1.458vw;
    font-style: normal;
    line-height: 150%;
    margin-top: 1.25vw
}

.changeBtnBox {
    display: flex;
    gap: 2.0833vw;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 2.0833vw 0
}

.changeBtnBox .changeBtn {
    padding: 0.8333vw 1.6667vw;
    border-radius: 4.1667vw;
    color: #303133;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-style: normal;
    line-height: normal;
    border: 1px solid #000;
    cursor: pointer;
    display: flex;
    align-items: center
}

.changeBtnBox .changeBtn .iconfont {
    margin-right: 0.52vw;
    font-size: 1.6667vw;
    line-height: 1.6667vw
}

.changeBtnBox .changeBtn:hover {
    background: #076fb8;
    border-color: #076fb8;
    color: #fff
}

.changeBtnBox .active {
    background: #076fb8;
    border-color: #076fb8;
    color: #fff
}

.cameraSystem .imgBox {
    position: relative;
    width: 100%
}

.cameraSystem .imgBox img {
    width: 100%
}

.cameraSystem .imgBox .showTV {
    position: absolute;
    z-index: 2;
    width: 97%;
    top: 7.5%;
    left: 1.5%
}

.cameraSystem .imgBox .showTV.camera-hidden {
    display: none
}

.camera {
    margin-top: 4.1667vw;
    padding-top: 4.1667vw;
    background: linear-gradient(180deg, #fff 72.45%, rgba(166, 195, 214, 0.5) 100%)
}

.cameraImgBopx {
    position: relative;
    width: 100%
}

.cameraImgBopx>img {
    width: 100%
}

.leftCamera {
    position: absolute;
    padding-right: 0.99vw;
    border-right: 1px solid #9fa0a0;
    height: 10.416vw;
    left: 2.8vw;
    top: -2.5vw;
    text-align: right
}

.leftCamera h2 {
    color: #231815;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.25vw;
    line-height: normal
}

.leftCamera p {
    color: #231815;
    text-align: right;
    font-family: Montserrat;
    font-size: 0.9375vw;
    font-weight: 400;
    line-height: normal;
    margin-top: 0.3175vw
}

.rightCamera {
    position: absolute;
    padding-left: 0.99vw;
    border-left: 1px solid #9fa0a0;
    height: 10.416vw;
    left: 33.5vw;
    top: -3.5vw;
    text-align: left
}

.rightCamera h2 {
    color: #231815;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.25vw;
    line-height: normal
}

.rightCamera p {
    color: #231815;
    text-align: right;
    font-family: Montserrat;
    font-size: 0.9375vw;
    font-weight: 400;
    line-height: normal;
    margin-top: 0.3175vw
}

.voice-sound {
    background: #cddce5;
    padding: 4.1667vw 0
}

.voice-sound-item-box {
    display: flex;
    flex-wrap: wrap;
    gap: 4.1667vw
}

.voice-sound-item:nth-child(odd) {
    flex-direction: row
}

.voice-sound-item:nth-child(even) {
    flex-direction: row-reverse
}

.voice-sound-item {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.voice-sound-item .txt {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 32.708vw
}

.voice-sound-item .txt h2 {
    width: 20.833vw;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.voice-sound-item .txt p {
    color: #303133;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-weight: 400;
    line-height: 150%;
    margin-top: 2.0833vw
}

.voice-sound-item .img {
    width: 35.46875vw;
    height: 21.25vw
}

.voice-sound-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-container {
    width: 100%;
    padding-bottom: 120px;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow-x: hidden;
    background: #fff;
    scroll-behavior: smooth
}

.deephub {
    position: relative;
    padding-top: 6.25vw
}

.deephub .title {
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    text-align: center
}

.deephub .title .color {
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(59deg, #8778f7 9.38%, #ff3a3a 95.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 1.0416vw
}

.deephub .deephubBg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 22.24vw
}

.section-horizontal-wrapper {
    height: 22.343vw;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6.25vw
}

.swiper-container-h {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.card-slide {
    height: 100%;
    width: 33.33vw !important
}

.swiper-wrapper-h {
    padding-left: 13.28125vw;
    box-sizing: content-box
}

.card-content {
    text-align: center;
    width: 33.33vw;
    height: 18.75vw
}

.card-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.0416vw
}

.card-title {
    color: #000;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 1.458vw;
    line-height: normal;
    margin-top: 1.875vw
}

.writeDraw {
    margin-top: 6.25vw;
    text-align: center
}

.writeDraw h2 {
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(59deg, #8778f7 9.38%, #ff3a3a 95.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.writeDraw p {
    color: #303133;
    text-align: center;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-weight: 400;
    line-height: 150%;
    margin: 2.0833vw 0
}

.writeDraw .imgBox img {
    width: 62.5vw;
    height: 25.3vw;
    object-fit: cover;
    border-radius: 0.625vw;
    overflow: hidden
}

.smareINK {
    margin-top: 6.25vw
}

.smareINK h2 {
    text-align: center;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(59deg, #8778f7 9.38%, #ff3a3a 95.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.smareINK-box {
    margin-top: 4.1667vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.0833vw
}

.smareINK-box img {
    width: 100%;
    height: 15.625vw;
    border-radius: 1.0416vw;
    object-fit: cover
}

.smareINK-box p {
    margin-top: 1.875vw;
    color: #000;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 1.458vw;
    line-height: normal;
    text-align: center
}

.versatile {
    margin-top: 6.25vw
}

.versatile h2 {
    text-align: center;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.versatile-box {
    margin-top: 4.1667vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.0833vw
}

.versatile-box img {
    width: 100%;
    height: 15.625vw;
    border-radius: 1.0416vw;
    object-fit: cover
}

.versatile-box p {
    margin-top: 1.875vw;
    color: #000;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 1.458vw;
    line-height: normal;
    text-align: center
}

.multiple {
    margin-top: 6.25vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center
}

.multiple h2 {
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 19.16vw;
    word-wrap: break-word
}

.multiple-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1.4583vw
}

.multiple-item img {
    width: 19.895vw;
    height: 12.5vw;
    object-fit: cover
}

.multiple-item p {
    margin-top: 1.25vw;
    color: #333;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.25vw;
    line-height: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.multiple-item p .smallImg {
    width: 2.91vw;
    height: 2.91vw;
    margin-right: 0.677vw
}

.certified {
    margin-top: 6.25vw;
    position: relative;
    width: 100%;
    height: 41vw
}

.certified-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.certified-content {
    position: absolute;
    z-index: 2;
    top: 4.583vw;
    right: 24.9vw
}

.certified-content .title {
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.certified-content .subTitle {
    color: #000;
    font-family: Montserrat;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: normal;
    margin-top: 1.0416vw;
    width: 14.58vw;
    word-wrap: break-word
}

.certified-box {
    margin-top: 2.0833vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1.6667vw;
    row-gap: 1.25vw
}

.certified-item {
    text-align: center;
    width: 5.2vw;
    position: relative;
    height: 6.9vw
}

.certified-item img {
    width: 5.2vw;
    height: 5.2vw;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.certified-item p {
    color: #333;
    text-align: center;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 0.729vw;
    line-height: normal;
    position: absolute;
    top: 6vw;
    width: 100%
}

.moreApps {
    margin-top: 6.25vw
}

.moreApps h2 {
    text-align: center;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.moreApps-box {
    margin-top: 4.1667vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 4.1667vw
}

.moreApps-item {
    text-align: center
}

.moreApps-item img {
    width: 6.67vw;
    height: 6.67vw
}

.moreApps-item p {
    margin-top: 0.625vw;
    color: #000;
    text-align: center;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.0416vw;
    line-height: normal
}

.smartMeeting {
    margin-top: 8.3vw
}

.smartMeeting .title {
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center
}

.smartMeeting .subtitle {
    margin-top: 1.25vw;
    color: #303133;
    text-align: center;
    font-family: Montserrat;
    font-size: 1.4583vw;
    font-weight: 500;
    line-height: 150%
}

.smartMeeting-box {
    margin-top: 4.1667vw;
    display: flex;
    justify-content: space-between;
    gap: 4.1667vw
}

.smartMeeting-item {
    text-align: center;
        width: 27vw;
}

.smartMeeting-item .item-title {
    padding: 0.625vw 1.25vw;
    border-radius: 5.2vw;
    background: #e3ebf6;
    color: #303133;
    text-align: center;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.14vw;
    line-height: 150%;
    display: inline-block;
}

.smartMeeting-item .item-name {
    margin-top: 0.4167vw;
    color: #303133;
    text-align: center;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.smartMeeting-item>img {
    margin-top: 1.6667vw;
        width: 27vw;
        height: 17.7vw;
}

.smartMeeting-item .dian-item {
    margin-top: 1.6667vw;
}

.smartMeeting-item .dian-item p {
    text-align: left;
    position: relative;
    padding-left: 0.8333vw;
    margin-top: 0.4167vw;
    color: #303133;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-weight: 400;
    line-height: 150%
}

.smartMeeting-item .dian-item p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8em;
    transform: translateY(-50%);
    width: 0.4167vw;
    height: 0.4167vw;
    background-color: #076fb8;
    border-radius: 50%
}

.privacy {
    margin-top: 4.1667vw;
    background: linear-gradient(180deg, #323f57 0%, #050404 100%);
    padding-top: 4.1667vw;
    padding-bottom: 4.1667vw
}

.privacy h2 {
    color: #fff;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    text-align: center
}

.privacy-box {
    margin-top: 4.1667vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.0833vw
}

.privacy-item {
    text-align: center
}

.privacy-item img {
    width: 100%;
    height: 15.625vw;
    border-radius: 1.0416vw;
    overflow: hidden;
    object-fit: cover
}

.privacy-item p {
    color: #fff;
    font-family: "Montserrat-SemiBold" !important;
    font-size: 1.354vw;
    line-height: normal;
    margin-top: 1.82vw
}

.gdpr {
    padding: 2.5vw;
    margin-top: 2.0833vw;
    border-radius: 1.0416vw;
    background: linear-gradient(90deg, #1a3e88 26.69%, rgba(26, 62, 136, 0) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4.1667vw
}

.gdpr img {
    height: 100%;
    width: 15.83vw
}

.gdpr p {
    color: #fff;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.35vw;
    line-height: 150%
}

.meetingSolution {
    margin-top: 4.1667vw
}

.meetingSolution h2 {
    font-family: "Montserrat-SemiBold" !important;
    font-size: 3.125vw;
    line-height: normal;
    background: linear-gradient(90deg, #076fb8 0%, #6eb5e6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center
}

.meetingSolution .content {
    margin-top: 4.1667vw;
    position: relative;
    height: 40.88vw
}

.meetingSolution .content .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0
}

.meetingSolution .room {
    position: absolute;
    left: 2.23vw;
    bottom: 13vw
}

.meetingSolution .room img {
    width: 14.8vw;
    height: 10.52vw
}

.meetingSolution .room .name {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 8.125vw;
    right: 1.77vw
}

.meetingSolution .room .name p {
    color: #000;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.25vw;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    position: absolute
}

.meetingSolution .room .name .line {
    width: 0.1vw;
    height: 8.59vw;
    border-left: 0.1vw dashed #076fb8;
    margin-top: 1.875vw
}

.meetingSolution .room .name .jia,
.meetingSolution .ptz .name .jia,
.meetingSolution .speaker .name .jia,
.meetingSolution .deephubUltra .jia {
    width: 1.25vw;
    height: 1.25vw;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    background: #076fb8
}

.meetingSolution .room .name .jia .iconfont,
.meetingSolution .ptz .name .jia .iconfont,
.meetingSolution .speaker .name .jia .iconfont,
.meetingSolution .deephubUltra .jia .iconfont {
    color: #fff;
    font-size: 0.7vw;
    line-height: 1.25vw;
    font-weight: 400
}

.meetingSolution .ptz {
    position: absolute;
    bottom: 11.35vw;
    right: 20.46vw
}

.meetingSolution .ptz img {
    width: 5.52vw;
    height: 3.17vw
}

.meetingSolution .ptz .name {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 3.33vw;
    right: 1.77vw
}

.meetingSolution .ptz .name p {
    color: #000;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.25vw;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    position: absolute
}

.meetingSolution .ptz .name .line {
    width: 0.1vw;
    height: 1.875vw;
    border-left: 0.1vw dashed #076fb8;
    margin-top: 1.875vw
}

.meetingSolution .speaker {
    position: absolute;
    bottom: 9.4vw;
    right: 11.97vw
}

.meetingSolution .speaker img {
    width: 5.7vw;
    height: 3.125vw
}

.meetingSolution .speaker .name {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 3.33vw;
    right: 1.25vw
}

.meetingSolution .speaker .name p {
    color: #000;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.25vw;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    position: absolute
}

.meetingSolution .speaker .name .line {
    width: 0.1vw;
    height: 10.416vw;
    border-left: 0.1vw dashed #076fb8;
    margin-top: 1.875vw
}

.meetingSolution .deephubUltra {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    top: 9.375vw;
    right: 6.25vw
}

.meetingSolution .deephubUltra .jia {
    display: flex;
    justify-content: center;
    align-items: center
}

.meetingSolution .deephubUltra .line {
    height: 0.1vw;
    width: 10.416vw;
    border-top: 0.1vw dashed #076fb8;
    margin-left: 0.2083vw;
    margin-right: 0.2083vw
}

.meetingSolution .deephubUltra p {
    color: #000;
	font-family: "Montserrat-SemiBold" !important;
    font-size: 1.25vw;
    line-height: normal;
    white-space: nowrap
}

.meetingSolution .btns {
    position: absolute;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f3f4f3 50%);
    display: flex;
    flex-wrap: nowrap;
    bottom: 0;
    padding: 1.0416vw 0;
    align-items: center
}

.meetingSolution .btns .wallBtn {
    margin-left: 4.1667vw
}

.meetingSolution .btns .floorBtn {
    margin-left: 2.0833vw;
    margin-right: 3.125vw
}

.meetingSolution .btns .wallBtn,
.meetingSolution .btns .floorBtn {
    padding: 0.8333vw 1.6667vw;
    border-radius: 4.1667vw;
    border: 1px solid #000;
    color: #303133;
    font-family: Montserrat;
    font-size: 1.0416vw;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    display: flex;
    align-items: center
}

.meetingSolution .btns .wallBtn:hover,
.meetingSolution .btns .floorBtn:hover {
    background: #076fb8;
    border-color: #076fb8;
    color: #fff
}

.meetingSolution .btns .wallBtn .iconfont,
.meetingSolution .btns .floorBtn .iconfont {
    font-size: 1.6667vw;
    line-height: 1.6667vw;
    margin-right: 0.52vw
}

.meetingSolution .btns .activeBtn {
    background: #076fb8;
    border-color: #076fb8;
    color: #fff
}

.meetingSolution .btns .custom-switch {
    width: 4.1667vw;
    height: 1.98vw;
    border-radius: 0.99vw;
    background: #cdd0d6;
    cursor: pointer;
    position: relative;
    transition: background 0.3s;
    margin-right: 2.0833vw
}

.meetingSolution .btns .custom-switch.active {
    background: #076fb8
}

.meetingSolution .btns .custom-switch__button {
    width: 1.4583vw;
    height: 1.4583vw;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: left 0.3s
}

.meetingSolution .btns .custom-switch.active .custom-switch__button {
    left: 2.7vw
}

.meetingSolution .btns span {
    margin-right: 0.8333vw;
    color: #000;
    font-family: Montserrat;
    font-size: 1.14vw;
    font-weight: 500;
    line-height: normal
}

.fade-item {
    transition: opacity 0.5s ease, visibility 0.5s;
    opacity: 1;
    visibility: visible
}

.fade-item.fade-hidden {
    opacity: 0;
    visibility: hidden
}

@keyframes pulse {

    0%,
    100% {
        opacity: 0.7
    }

    50% {
        opacity: 0.3
    }
}

@media(min-width:1024px) and (max-width:1440px) {
    .cameraSystem .camera .leftCamera {
        left: 12.5vw;
        top: -0.5vw
    }

    .cameraSystem .camera .rightCamera {
        left: 44.5vw;
        top: -1.5vw
    }

    .meetingSolution .content .room {
        left: 4.53vw
    }

    .meetingSolution .content .deephubUltra {
        top: 6.375vw;
        right: 12.25vw
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .cameraSystem .camera .leftCamera {
        left: 11.8vw;
        top: -0.5vw
    }

    .cameraSystem .camera .rightCamera {
        left: 44vw;
        top: -2.5vw
    }

    .meetingSolution .content .room {
        left: 4.23vw
    }

    .meetingSolution .content .deephubUltra {
        top: 6.375vw;
        right: 12.25vw
    }
}

@media(max-width:769px) {
    .cameraSystem .camera .leftCamera {
        left: 13.8vw;
        top: -2.5vw
    }

    .cameraSystem .camera .rightCamera {
        left: 47.5vw;
        top: -3.5vw
    }

    .meetingSolution .content .deephubUltra {
        top: 6.375vw;
        right: 12.25vw
    }

    .meetingSolution .content .speaker .name {
        bottom: 6.33vw
    }

    .meetingSolution .content .ptz .name {
        bottom: 7vw
    }
}