.what {
    height: auto;
    padding: 0;
}

.what-title {
    padding: 9.067vw 0 2.4vw;
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 5.333vw;
    font-weight: 600;
    line-height: 0vw;
    letter-spacing: 0vw;
    text-align: center;
    background: rgba(255, 255, 255, 1);
}

.bannerTitle {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 4.267vw;
    font-weight: 700;
    line-height: 6.4vw;
    letter-spacing: 0vw;
    text-align: left;
    background: rgba(255, 255, 255, 1);
    padding: 2.667vw 4vw;
}

.fgdiv {
    height: 3.2vw;
    background: #f6f6f6;
}
.fgdiv {
    height: 3.2vw;
    background: #f6f6f6;
}
.what-content {
    background-color: #fff;
    padding: 0 4vw 2.133vw;
    margin-bottom: 2.667vw;
}

.what-content-item {
    padding: 16px 0 16px;
    border-bottom: 1px solid #e8e8e8;
}

.what-content-item:last-of-type {
    border-bottom: none;
}

.what-content-hd {
    display: flex;
    align-items: center;
    margin-bottom: 3.2vw;
}

.what-content-icon {
    width: 6.4vw;
    height: 6.4vw;
    background-size: contain;
    margin-right: 2.133vw;
}

.what-foot-desc:first-child {
    margin-bottom: 24px;
}

.what-content-name {
    font-family: OpenSans-Bold;
    font-size: 4vw;
    color: #333333;
    font-weight: 700;
}

.what-content-desc {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
}

.what-foot {
    background: #3a4160 url(/Common/Images/ArcIntegration/home-banner-bg_m.png) no-repeat right center / auto 100%;
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 5.867vw;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(255, 255, 255, 0.9);
    padding: 5.333vw 4vw;
}

.common {
    background: #FFFFFF;
}

.common-title {
    margin: 9.067vw 0 6.4vw;
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 5.333vw;
    font-weight: 600;
    line-height: 0vw;
    letter-spacing: 0vw;
    text-align: center;
}

.common-content {
    padding: 0 4vw 6.4vw;
    overflow-x: auto;
    scrollbar-width: none;
}

.common-content-son {
    display: flex;
    width: 384vw;
    gap: 3.2vw;
}

.common-content-item {
    background-color: #fff;
    margin-top: 4vw;
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 1);
    width: 74.667vw;
}

.common-content-img {
    width: 100%;
    height: 41.867vw;
    border-radius: 2.133vw 2.133vw 0 0;
}

.common-content-desc {
    padding: 4vw;
}

.common-content-desc-text {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 5.867vw;
    letter-spacing: 0px;
    text-align: left;
}

.common-content-important {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    font-weight: 700;
    margin-top: 3.2vw;
}

.common-content-desc-child {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
    margin-top: 1.6vw;
}

.common-content-desc-child::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #666666;
    border-radius: 2px;
    vertical-align: top;
    margin-top: 1.9vw;
    margin-right: 1.333vw;
}

.problem {
    background: #f0f3f7;
    padding: 6.4vw 4vw;
}

.problem-title {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 4.267vw;
    font-weight: 600;
    line-height: 6.4vw;
    letter-spacing: 0px;
    text-align: center;
    padding: 0 2vw;
    margin-bottom: 6.4vw;
}

.problem-content {
    background: #fff;
    padding: 4vw;
}

.problem-item {
    display: flex;
    align-items: baseline;
    margin-bottom: 5.333vw;
    position: relative;
}

.problem-item:last-of-type {
    margin-bottom: 0;
}

.problem-item-number {
    flex: none;
    width: 5.333vw;
    height: 5.333vw;
    background: #EFEFEF;
    border-radius: 5.333vw;
    margin-right: 2.133vw;
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    color: #000;
    line-height: 5.333vw;
    font-weight: 400;
}

.problem-item-content {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 5.867vw;
    letter-spacing: 0px;
    text-align: left;
}

.solutions-title {
    padding: 3.2vw;
    font-family: OpenSans-Bold;
    font-size: 4.267vw;
    color: #333333;
    text-align: center;
    font-weight: 500;
}

.solutions-navs,
.conn-ft-navs {
    width: 100%;
    background-color: #fff;
    display: flex;
    margin-bottom: 6.4vw;
    scrollbar-width: none;
    height: 24.8vw;
    border-bottom: 1px solid #dfe1e6;
}

.solutions-navs::-webkit-scrollbar,
.conn-ft-navs::-webkit-scrollbar {
    display: none;
}

.solutions-nav {
    height: 100%;
    margin: 0 4.133vw;
}

.conn-ft-nav:first-child {
    padding: 11.467vw 0.8vw;
}

.conn-ft-nav:last-child {
    padding-top: 6.4vw;
}

.integration-table,
.sc-only-card {
    display: none;
}

.solutions-nav-icon {
    width: 10.667vw;
    height: 10.667vw;
    margin-bottom: 2.133vw;
}

.solutions-nav-desc {
    height: 100%;
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    line-height: 11.733vw;
    font-weight: 400;
    white-space: nowrap;
}

.conn-ft-nav {
    height: 100%;
    margin: 0 4.133vw;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.42px;
    text-align: center;
    color: rgba(102, 102, 102, 1);
    width: 160px;
    word-wrap: break-word;
    line-height: 22px;
}

.solutions-nav_selected .solutions-nav-desc {
    font-family: OpenSans-Bold;
    color: #c4251d;
    font-weight: 700;
    border-bottom: 0.8vw solid #c4251d;
}

.conn-ft-nav_active {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.42px;
    text-align: center;
    border-bottom: 0.8vw solid rgba(215, 21, 14, 1);
}

.sc-box {
    background-color: #fff;
    padding: 5.333vw 4vw 4vw;
}

.sc-lf {
    display: flex;
    margin-bottom: 4vw;
    height: 10.667vw;
}

.sc-nav {
    padding: 2.933vw 0;
    min-width: 30.667vw;
    max-width: 45.333vw;
    background: #ffffff;
    border: 1px solid rgba(203, 203, 203, 1);
    border-right: none;
    font-family: OpenSans;
    font-size: 3.467vw;
    color: #666666;
    font-weight: 400;
    text-align: center;
    flex-grow: 1;
}

.sc-nav:first-of-type {
    border-radius: 2px 0px 0px 2px;
}

.sc-nav:last-of-type {
    border-radius: 0px 2px 2px 0px;
    border-right: 1px solid rgba(203, 203, 203, 1);
}

.sc-nav-card4-1 {
    padding: 1.333vw 4vw;
}

.sc-nav_active {
    background: #d7150e;
    border: none;
    font-family: OpenSans-Bold;
    color: #ffffff;
    font-weight: 700;
}

.sc-item+.sc-item {
    border-top: 1px solid rgba(232, 232, 232, 1);
    padding-top: 3.333vw;
}

.sc-item-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    background-color: #2f395e;
    height: 40px;
}

.ax-img {
    margin-left: 32vw;
}

.detectors-img {
    width: 39.467vw;
    height: 28vw;
    margin-top: 2.933vw;
    position: relative;
}

.detectors-img2 {
    width: 25.6vw;
    height: 7.467vw;
    margin-bottom: 4.267vw;
    position: relative;
    margin-left: 6.4vw;
}

.Wirelessalarmsystem-img {
    margin: 3.2vw 0;
}

.Wirelessalarmsystem-img2 {
    margin-left: 18.933vw;
}

.sc-item-name {
    font-family: OpenSans-Bold;
    font-size: 4vw;
    color: #ffffff;
    font-weight: 700;
    font-size: 4vw;
}

.sc-item-name-2 span {
    display: block;
    font-family: OpenSans;
    font-size: 3.467vw;
    color: #333333;
    font-weight: 400;
    padding-top: 1.333vw;
}

.ax-name {
    position: relative;
    left: 4vw;
}

.detectors-name {
    position: relative;
    left: -5vw;
}

.sc-item-desc,
.sc-item-minor,
.sc-only-con-minor,
.sc-item-li,
.sc-rt-card-minor,
.sc-item-minor-AXPROLeft,
.sc-item-minor-right265,
.sc-item-minor-right268 {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
    padding-bottom: 4vw;
}

.partner-content-desc {
    padding-bottom: 4vw;
    color: rgba(51, 51, 51, 1);
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 5.867vw;
    letter-spacing: 0px;
    text-align: left;
}

.sc-rt-card-minor {
    padding-left: 2.667vw;
    position: relative;
}

.sc-rt-card-minor::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #666666;
    border-radius: 2px;
    position: absolute;
    top: 2.133vw;
    left: 0;
}

.sc-item-minor:last-of-type {
    padding-bottom: 0;
}

.sc-item-minor span,
.sc-rt-card-minor span,
.sc-only-card-text span,
.sc-item-other span,
.sc-box-text span {
    color: #c4251d;
}

.sc-item-main {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 4.267vw;
    font-weight: 600;
    text-align: left;
    padding-bottom: 2.133vw;
}

.sc-only-con-main,
.sc-rt-card-main,
.sc-rt-benefit-title {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    font-weight: 700;
    padding-bottom: 2.133vw;
}

.sc-only-item {
    padding: 4vw 2.667vw;
    background: #f7f7f7;
}

.sc-only-item+.sc-only-item {
    margin-top: 3.2vw;
}

.sc-only-name {
    font-family: OpenSans-Bold;
    font-size: 4vw;
    color: #333333;
    font-weight: 700;
    padding-bottom: 4vw;
}

.sc-only-img-box {
    width: 100%;
    height: 40vw;
    overflow-x: auto;
    margin-bottom: 4vw;
}

.sc-only-img-box img {
    height: 100%;
}

.sc-only-con-desc {
    font-family: OpenSans;
    font-size: 3.467vw;
    color: #666666;
    font-weight: 400;
}

.sc-only-hd {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    font-weight: 700;
}

.sc-only-img {
    width: 100%;
    margin-top: 3.2vw;
}

.sc-only-card_m {
    display: flex;
    width: 100%;
    height: 25.067vw;
    margin-top: 3.2vw;
}

.sc-only-card-img {
    flex: 1;
    height: 100%;
}

.sc-only-card-content {
    flex: 1;
    height: 100%;
    background: #ffffff;
    padding: 3.467vw 3.467vw 0 2.667vw;
}

.sc-only-card-name {
    width: 20.8vw;
    height: 5.867vw;
    line-height: 5.867vw;
    background: #ffffff;
    border: 1px solid rgba(151, 151, 151, 1);
    border-radius: 2px;
    font-family: OpenSans;
    font-size: 3.2vw;
    color: #666666;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3.2vw;
}

.sc-only-card-text {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #333333;
    font-weight: 400;
}

.sc-item-img-2 {
    display: block;
    max-width: 100%;
    margin: 4vw auto;
}

.sc-item-img-3 {
    display: block;
    height: 21.333vw;
    margin: 5.333vw auto 3.2vw;
}

.sc-item-img-4 {
    display: block;
    max-width: 100%;
    margin: 1.333vw auto 0;
}

.sc-item-other {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    line-height: 5.067vw;
    font-weight: 400;
}

.sc-item-other:last-of-type {
    padding: 1.6vw 0 3.067vw;
}

.sc-item-other::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #c4251d;
    border-radius: 3px;
    margin-right: 1.6vw;
    vertical-align: middle;
}

.cctv-box {
    background: #f7f7f7;
    padding: 4vw 2.667vw;
}

.cctv-box+.cctv-box {
    margin-top: 5.067vw;
}

.sc-only-title {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    font-weight: 700;
    padding-bottom: 4vw;
}

.cctv-box img {
    width: 100%;
}

.cctv-box img:nth-of-type(n + 2) {
    width: 42vw;
    margin-top: 2.4vw;
}

.cctv-box img:last-of-type {
    margin-left: 1.4vw;
}

.sc-box-single {
    background: #ffffff;
    padding: 4vw;
}

.sc-box-title {
    font-family: OpenSans-Bold;
    font-size: 4vw;
    color: #333333;
    line-height: 5.867vw;
    font-weight: 700;
}

.sc-box-lf {
    border-bottom: 1px solid rgba(232, 232, 232, 1);
    margin-bottom: 3.867vw;
}

.sc-box-lf>img {
    display: block;
    width: 58.667vw;
    margin: 5.333vw auto;
}

.sc-box-warn,
.sc-box-safe {
    display: flex;
    padding-bottom: 4vw;
}

.sc-box-warn>img,
.sc-box-safe>img {
    flex: none;
    width: 6.4vw;
    height: 6.4vw;
    object-fit: contain;
    margin-right: 2.667vw;
}

.sc-box-text {
    flex: 1;
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
}

.sc-box-cctv {
    width: 100%;
    display: flex;
    align-items: stretch;
}

.sc-box-cctv+.sc-box-cctv {
    margin-top: 3.2vw;
}

.sc-box-cctv>img {
    flex: none;
    width: 32vw;
    margin-right: 3.2vw;
    object-fit: cover;
}

.sc-cctv-name {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    line-height: 20px;
    font-weight: 700;
}

.sc-cctv-desc {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
}

.sc-cctv-desc:nth-last-of-type(2) {
    margin: 1.867vw 0 1.6vw;
}

.sc-cctv-desc::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #666666;
    border-radius: 2px;
    margin-right: 1.333vw;
    vertical-align: middle;
}

.sc-data-imgs img {
    width: 100%;
    margin-bottom: 3.2vw;
}

.sc-rt-data-text,
.coon-hd-lf-desc {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
    padding: 0 0 2.667vw 6.4vw;
    position: relative;
}

.sc-rt-data-text:last-of-type,
.coon-hd-lf-desc:last-of-type {
    padding-bottom: 0;
}

.sc-rt-data-text::before,
.coon-hd-lf-desc::before {
    content: '';
    flex: none;
    display: inline-block;
    width: 4.267vw;
    height: 4.267vw;
    background: url('/Common/Images/ArcIntegration/gou.png') no-repeat center / 100%;
    position: absolute;
    top: 0.8vw;
    left: 0;
}

.sc-rt-data-text span {
    font-family: OpenSans-Bold;
    color: #333333;
    font-weight: 700;
}

.sc-rt-title {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    font-weight: 700;
}

.sc-rt-cards img {
    width: 100%;
    margin: 3.2vw 0 2.667vw;
}

.integrate-title {
    padding: 7.733vw 11.467vw 4.267vw;
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 5.333vw;
    font-weight: 700;
    line-height: 8vw;
    text-align: center;
}

.integration-title {
    padding: 6.4vw 0;
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 5.333vw;
    font-weight: 600;
    text-align: center;
}

.partner-title {
    padding: 24px 0;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
}

.conn-title {
    padding: 6.4vw 10vw;
    text-align: center;
    font-family: Open Sans;
    font-size: 5.333vw;
    font-weight: 600;
    color: #333333;
    text-align: center;
    line-height: 5.867vw;
}

.contentWrap {
    width: 100%;
    height: 53.333vw;
    background: url(/Common/Images/ArcIntegration/csgbg-md.png);
    background-repeat: repeat;
    /* 默认平铺效果 */
    background-size: cover;
    /* 保持图片比例覆盖整个区域 */
}

.arc-page-container .arcloginbtn {
    padding: 2.133vw 4.267vw 2.133vw 4.267vw;
    border-radius: 1.067vw;
    background: #D7150E;
    color: rgba(255, 255, 255, 1) !important;
    font-family: Open Sans;
    font-size: 4.267vw;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
    cursor: pointer;
    width: 23.467vw;
    height: 9.6vw;
}

.subtitle {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 6.4vw;
    letter-spacing: 0px;
    text-align: center;
    padding-bottom: 5.067vw;
}

.login-btn {
    display: flex;
    justify-content: center;
}

.login-btn .btn {
    display: block;
    width: 21.333vw;
    height: 10.667vw;
    line-height: 10.4vw;
    background: #c4251d;
    margin: 0 auto;
    border-radius: 2px;
    text-align: center;
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #ffffff;
    font-weight: 700;
    padding: 0;
}

.partner {
    padding: 0 0 0 4vw;
    background: #3a4160 url(/Common/Images/ArcIntegration/partner-bg_m.png) no-repeat right center / auto 100%;
    height: 155.467vw;
}

.partner-img {
    width: 100%;
}

.partner .swiper-container {
    /*width: 100%;*/
    background-color: #fff;
}

.partner-content {
    background: #ffffff;
    border-radius: 0px 0px 2px 2px;
    padding: 3.2vw 4vw 4vw;
    height: 89.333vw;
    display: flex;
    flex-direction: column;
}

.partner-content-title {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    line-height: 5.867vw;
    font-weight: 700;
    padding-bottom: 1.6vw;
}

.partner-content-btn {
    margin-top: auto;
}

.partner-content-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29.333vw;
    height: 9.6vw;
    line-height: 10.4vw;
    background: #d7150e;
    border-radius: 1.067vw;
    text-align: center;
}

.partner-content-btn span {
    color: rgba(255, 255, 255, 1);
    font-size: 3.733vw;
    font-weight: 500;
    line-height: 5.333vw;
    letter-spacing: 0px;
    text-align: left;
}

.partner-content-btn-icon {
    width: 3.6vw;
    margin-left: 1.6vw;
}

.integrate-content img {
    width: 100%;
}

.integration-table-img {
    width: 100%;
}

.conn-hd {
    padding: 0 4vw;
}

.conn-hd-item {
    display: flex;
    flex-direction: column-reverse;
}

.conn-hd-item:last-child {
    flex-direction: column;
    margin: 5.333vw 0 6.4vw;
}

.conn-hd-lf,
.conn-hd-rt {
    background: #ffffff;
    padding: 20px 0 0 0;
}


.conn-hd-rt-img {
    width: 100%;
}

.conn-hd-lf-title {
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 4.267vw;
    font-weight: 600;
    line-height: 6.4vw;
    letter-spacing: 0px;
    text-align: left;
    padding-bottom: 3.2vw;
}

.reciver-title {
    color: rgba(51, 51, 51, 1);
    padding: 6.4vw 0 3.2vw;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}

.reciver-content-rt-title {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    line-height: 5.867vw;
    font-weight: 700;
    padding-bottom: 2.133vw;
}

.conn-ft-img {
    width: 100%;
}

.conn-ft-box-1,
.conn-ft-box-2 {
    width: 92vw;
    background-color: #fff;
    padding: 0 2.667vw 4vw;
    margin: 3.2vw auto 0;
    text-align: center;
}

.conn-ft-box-2 {
    display: flex;
    flex-direction: column-reverse;
}

.conn-ft-box-1>img {
    width: 56.267vw;
}

.conn-ft-box-2>img {
    width: 46.133vw;
    align-self: center;
}

.conn-ft-text {
    text-align: left;
}

.conn-ft-main {
    padding: 3.467vw 0 1.6vw;
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #333333;
    line-height: 5.867vw;
    font-weight: 700;
}

.conn-ft-minor {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    line-height: 5.333vw;
    font-weight: 400;
}

.conn-ft-minor+.conn-ft-minor {
    margin: 2.133vw 0 3.733vw;
}

.conn-ft-minor span {
    color: #c4251d;
}

.conn-ft-minor a {
    color: #1585ff;
    text-decoration: underline;
}

.conn-ft-desc {
    padding-bottom: 2.667vw;
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #999999;
    line-height: 5.333vw;
    font-weight: 400;
}

.conn-ft-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34.133vw;
    height: 10.667vw;
    background: #c4251d;
    border-radius: 2px;
}

.partner-content-btn-text {
    font-family: OpenSans-Bold;
    font-size: 3.733vw;
    color: #ffffff;
    font-weight: 700;
}

.reciver-title {
    text-align: center;
}

.reciver-desc {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
    padding: 0 4vw;
    margin-bottom: 20px;
}

.reciver-content {
    padding: 0 4vw;
}

.reciver-content-lf {
    width: 100%;
}

.reciver-content-rt {
    background-color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid rgba(223, 225, 230, 1);
}

.reciver-content-rt-item {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
    padding-left: 3.733vw;
    padding-bottom: 3.2vw;
    position: relative;
}

.reciver-content-rt-item::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #FEEEE4;
    border-radius: 6px;
    position: absolute;
    top: 1.7vw;
    left: 0;
}

.reciver-content-rt-item::after {
    content: '';
    display: block;
    width: 5.14px;
    height: 5.14px;
    background: #FF8035;
    border-radius: 2.57px;
    position: absolute;
    top: 2.3vw;
    left: 0.67vw;
}

.reciver-content-rt-item a,
.reciver-content-rt-summary a {
    color: #1585ff;
}

.reciver-content-rt-summary {
    font-family: OpenSans;
    font-size: 3.733vw;
    color: #666666;
    font-weight: 400;
}

.reciver-content-rt-summary span {
    color: #c4251d;
}

.reciver-next {
    padding: 6.4vw 9.6vw;
    color: rgba(51, 51, 51, 1);
    font-size: 4.267vw;
    font-weight: 400;
    line-height: 6.4vw;
    letter-spacing: 0px;
    text-align: center;
}

#integration4 {
    padding-bottom: 6.4vw;
}

.reciver-img {
    width: 100%;
}

.swiper-prev,
.swiper-next {
    width: 6.4vw;
    height: 6.4vw;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 17.867vw;
    z-index: 1;
}

.swiper-prev {
    left: 4vw;
    background-image: url(/Common/Images/ArcIntegration/prev.png);
}

.swiper-next {
    right: 4vw;
    background-image: url(/Common/Images/ArcIntegration/next.png);
}

.mfp-bg {
    opacity: 1 !important;
}

.mfp-container {
    padding: 0 !important;
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    width: 100% !important;
}

.endnav {
    flex-shrink: 0;
    width: 31.467vw;
}

.sc-item-minor-AXHOME::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #757575;
}

.sc-item-minor-AXHOME {
    position: relative;
}

.sc-item-minor-AXHOME-desc {
    padding-left: 2.667vw;
}

.fenge {
    border: 1px solid rgb(232, 232, 232);
}

.sc-item-main-AXHOME {
    margin-top: 4.267vw;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    line-height: 5.067vw;
}

.sc-item-minor-AXHOME-desc span {
    color: #d7150e;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 5.333vw;
    letter-spacing: 0px;
    text-align: left;
}

.sc-item-minor-AXHOME {
    margin: 2.133vw 0 2.133vw 0;
    width: 92vw;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    line-height: 5.333vw;
    position: relative;
}

#hikTPPARC .wxxu {
    position: absolute;
    top: 23px;
    left: 10px;
}

.capabilities-tabs {
    display: flex;
    width: 100%;
    height: 122px;
    background-color: #fff;
    border-bottom: 1px solid #dfe1e6;
    margin-top: 4vw;
    gap: 6.4vw;
    overflow-x: scroll;
    padding: 0 4vw;
}

.arc-page-container .endrightbg::after {
    position: absolute;
    width: 10.933vw;
    height: 32.267vw;
    content: '';
    right: 0;
    /* filter: blur(1.333vw);
    background: linear-gradient(270deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%); */
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 100%);
}

.arc-page-container .endleftbg::before {
    position: absolute;
    width: 10.933vw;
    height: 32.267vw;
    content: '';
    left: 0vw;
    /* filter: blur(1.333vw);
    background: linear-gradient(270deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0) 100%); */
    background: linear-gradient(to left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 100%);
}

.arc-page-container .open-tab {
    height: 100%;
    line-height: 13.6vw;
    color: rgb(102, 102, 102);
    font-size: 3.733vw;
    font-weight: 600;
    letter-spacing: 0.42px;
    text-align: center;
    word-wrap: break-word;
    width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.textsdiv {
    width: 160px;
    color: rgba(51, 51, 51, 1);
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.42px;
    text-align: center;
    margin-bottom: 2.133vw;
}

.arc-page-container .open-tab.active {
    color: #333333;
    border-bottom: 3px solid #d7150e;
}

/* 针对所有浏览器 */
::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.arc-page-container {
    width: 100%;
    background: rgb(255, 255, 255);
    /* 针对Firefox浏览器 */
    scrollbar-width: none;
}

.partnerstor-main {
    display: flex;
    width: 308.267vw;
    gap: 3.2vw;
}

.partnerstor-item {
    border-radius: 8px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 1);
    width: 74.667vw;
}

.partnerstor {
    overflow-x: auto;
    scrollbar-width: none;
}