/* 首页 */
.sy-nav .container {
    background: #fff !important;
    min-width: 1320px !important
}

.sy-nav .navbar .dropdown {
    position: static;
}

.sy-nav .navbar .dropdown>.dropdown-menu {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    left: 0;
    transform: translateX(0);
    top: calc(100% + 5px);
    z-index: 999;
    background: #fff !important;
}

.sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item {
    width: 16.6667%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item img {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1rem;
}

.sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item .right .name {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
}

.sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item .right .desc {
    font-size: 0.8rem;
    color: #777;
    margin-top: 0.5rem;
}

.sy-nav .navbar .navbar-logo img {
    height: 2rem;
}

.sy-nav.menu .navbar-nav.nav-dropdown {
    padding-left: 0rem;
}

.sy-nav .navbar-brand .navbar-caption-wrap .display-4 {
    font-size: 1.6rem;
}

.sy-nav .display-4 {
    font-size: 1rem;
}

.sy-nav .mbr-section-btn .btn-primary {
    background-color: #125CF4 !important;
    border-color: #125CF4 !important;
    color: #ffffff !important;
    white-space: nowrap;
}

.sy-nav .mbr-section-btn .btn-primary:hover {
    background-color: #128CF4 !important;
    border-color: #128CF4 !important;
    color: #ffffff !important;
}

/* 导航兼容适配 */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
    .sy-nav .container {
        background: #fff !important;
    }

    .sy-nav .navbar .dropdown {
        position: static;
    }

    .sy-nav .navbar .dropdown>.dropdown-menu {
        display: none;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        left: 0;
        transform: translateX(0);
        top: calc(100% + 5px);
        z-index: 999;
        background: #fff !important;
    }

    .sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item {
        width: 16.6667%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 !important;
    }

    .sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item img {
        width: 2.4rem;
        height: 2.4rem;
        margin-right: 1rem;
    }

    .sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item .right {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item .right .name {
        font-size: 1rem;
        font-weight: 500;
        color: #000;
    }

    .sy-nav .navbar .dropdown>.dropdown-menu .dropdown-item .right .desc {
        font-size: 0.8rem;
        color: #777;
        margin-top: 0.5rem;
    }

    .sy-nav .navbar .navbar-logo img {
        height: 1.5rem;
    }

    .sy-nav.menu .navbar-nav.nav-dropdown {
        padding-left: 0rem;
    }

    .sy-nav .navbar-brand .navbar-caption-wrap .display-4 {
        font-size: 1.2rem;
    }

    .sy-nav .display-4 {
        font-size: 1rem;
    }

    .sy-nav .mbr-section-btn {
        min-width: none;
    }

    .sy-nav .mbr-section-btn .btn-primary {
        background-color: #125CF4 !important;
        border-color: #125CF4 !important;
        color: #ffffff !important;
        padding: 0.5rem 1rem;
        margin: 0;
        white-space: nowrap;
    }

    .sy-nav .mbr-section-btn .btn-primary:hover {
        background-color: #128CF4 !important;
        border-color: #128CF4 !important;
        color: #ffffff !important;
    }
}

.sy-index-banner .carousel-inner .carousel-item .item-wrapper {
    border-radius: 0 !important;
}

.sy-index-banner .carousel-inner .carousel-item .item-wrapper img {
    border-radius: 0 !important;
}

.sy-index-banner .carousel-indicators li {
    background-color: #999 !important;
    border: 0 !important;
}

.sy-index-banner .carousel-indicators li.active {
    opacity: 1;
    background-color: #fff !important;
}

.sy-index-banner .carousel-indicators li:hover {
    opacity: 1;
    background-color: #fff !important;
}

.sy-index-banner .carousel-caption {
    top: 200px;
}

.sy-index-banner .carousel-item h5 {
    font-size: 4.5rem;
}

.sy-index-banner .carousel-item p {
    font-size: 1.5rem;
    margin-top: 1.3rem;
    color: rgba(255, 255, 255, .8);
}

.sy-index-scale {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/bg3.png);
}

.sy-index-scale .mbr-section-title .name {
    color: #125CF4;
    font-size: 2.25rem;
}

.sy-index-scale .item .card-title {
    font-size: 2.5rem;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sy-index-scale .item .card-title img {
    width: 32px;
    height: 46px;
    margin-left: 0.8rem;
}

.sy-index-scale .item .card-txte {
    font-size: 1rem;
    color: #333;
}

.sy-index-feature {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/bg4.png);
    padding-top: 0;
}

.sy-index-feature .main-title {
    font-size: 2.25rem;
    color: #000;
}

.sy-index-feature .main-subtitle {
    font-size: 1rem;
    color: #333;
}

.sy-index-feature .wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.sy-index-feature .sy-index-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
}

.sy-index-feature .card:hover .card-box {
    border: 0;
}

.sy-index-feature .card-wrapper:hover .card-box {
    border: 0;
}

.sy-index-feature .card-wrapper .card-box {
    border: 0;
}

.sy-index-system {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/bg2.png);
}

.sy-index-system .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-index-system .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-index-system .card.p-3 {
    padding: 1.5rem 2rem 2rem !important;
    background-color: #fff;
    border-radius: 0 !important;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
}

.sy-index-system .card .card-wrapper {
    padding: 0 !important;
    border-radius: 0 !important;
}

.sy-index-system-top {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-index-system-top img {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    margin-right: 0.5rem;
}

.sy-index-system-top span {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.sy-index-system-desc {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 1rem;
}

.sy-index-system .sy-index-system-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #007FFF;
    padding: 1rem;
}

.sy-index-system .card:hover .sy-index-system-hover {
    bottom: 0;
}

.sy-index-system .sy-index-system-hover .title {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0.5rem;
}

.sy-index-system .sy-index-system-hover .desc {
    font-size: 0.8rem;
    color: #fff;
}

.sy-index-system .card.p-3.col-lg-2 {
    transition: all 1s;
}

.sy-index-system .card.p-3.col-lg-2:hover {
    box-shadow: 0px 0px 20px 0px rgba(18, 92, 244, 0.5) !important;
    transform: scale(1.05);
    z-index: 9;
}

.sy-index-system .card.p-3.sy-index-system-two {
    background: #007FFF;
    transition: all 1s;
}

.sy-index-system .card.p-3.sy-index-system-two:hover {
    transform: scale(1.1);
    z-index: 9;
}

.sy-index-system .card.p-3.sy-index-system-two .card-wrapper {
    background: #007FFF;
}

.sy-index-system-two .sy-index-system-top span {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
}

.sy-index-system-two .sy-index-system-desc {
    color: #fff;
    font-size: 0.9rem;
    line-height: 2;
}

.sy-index-solution .mbr-section-title {
    font-size: 2.25rem;
    color: #000;
}

.sy-index-solution .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-index-solution .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.sy-index-solution .nav-tabs .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.sy-index-solution .nav-tabs .nav-link.display-7 {
    font-size: 1.5rem !important;
    color: #333;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
}

.sy-index-solution .nav-tabs .nav-link.active {
    color: #125CF4;
}

.sy-index-solution .sy-index-solution-content .tab-pane h2 {
    font-size: 2rem;
    color: #000;
}

.sy-index-solution .sy-index-solution-content .tab-pane img {
    border-radius: 15px !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: none;
}

.sy-index-solution .sy-index-solution-content .tab-pane .mbr-list ul li {
    list-style: none !important;
}

.sy-index-hardware {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/bg5.png);
    padding-bottom: 4rem;
}

.sy-index-hardware .container-fluid {
    padding-left: 15rem;
    padding-right: 15rem;
}

.sy-index-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-index-hardware .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-index-hardware .item-wrapper {
    border-radius: 0 !important;
    overflow: hidden;
    height: auto;
}

.sy-index-hardware .item-wrapper::after {
    position: absolute;
    right: 0;
    top: 2rem;
    bottom: 2rem;
    width: 1px;
    content: '';
    background-color: #f5f5f5;
}

.sy-index-hardware .item-wrapper img {
    border-radius: 0 !important;
}

.sy-index-hardware .item-wrapper img:hover {
    transform: scale(1.05);
    transition: all 0.5s;
}

.sy-index-hardware .item-wrapper .icon-wrapper {
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3) !important;
    border-radius: unset;
    transform: none;
}

.sy-index-hardware .item-wrapper .icon-wrapper span {
    font-size: 1rem;
    color: #fff;
}

.sy-index-hardware .item {
    margin-bottom: 1.2rem;
    padding: 0;
}

.sy-index-hardware .item .name {
    font-size: 1rem;
    color: #333;
    /* position: absolute; */
    left: 50%;
    bottom: 1rem;
    /* transform: translateX(-50%); */
    z-index: 9;
    text-align: center;
}

.sy-index-advance {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/bg1.png);
    padding-bottom: 140px;
}

.sy-index-advance .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-index-advance .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-index-advance .mbr-section-title-sub {
    font-size: 2rem;
    color: #000;
}

.sy-index-advance .card-text .count-wrap {
    display: flex;
    align-items: flex-end;
}

.sy-index-advance .card-text .count {
    color: #000;
    font-size: 3rem;
    font-weight: 600;
}

.sy-index-advance .card-text .count-wrap span {
    color: #000;
    font-size: 2rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.sy-index-advance .card-text .count-title {
    color: #333;
    font-size: 1rem;
}

.sy-index-case {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/bg6.png);
}

.sy-index-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-index-case .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-index-case .card-wrapper {
    border-radius: 0 !important;
}

.sy-index-case .card-wrapper img {
    border-radius: 0 !important;
}

.sy-index-case .case-item-left {
    transition: all 1s;
}

.sy-index-case .case-item-active {
    transition: all 1s;
}

.sy-index-case .case-item-right {
    transition: all 1s;
}

.sy-index-case .case-item-left:hover {
    transform: translateY(-20px) !important;
}

.sy-index-case .case-item-active:hover {
    transform: translateY(-20px) !important;
}

.sy-index-case .case-item-right:hover {
    transform: translateY(-20px) !important;
}

.sy-index-case .customer-logo-item {
    transition: all 1.5s !important;
}

.sy-index-case .customer-logo-item:hover {
    transform: rotateY(-360deg) !important;
}

.sy-index-news .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-index-news .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-index-news .content .tab .item p {
    margin-bottom: 0;
}

.sy-footer {
    background: #001C57;
}

.sy-footer .mbr-text a {
    color: #bbb !important;
}

.sy-copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bbb;
    font-size: 0.9rem;
    padding: 1.2rem 0;
    background: #001C57;
    border-top: 1px solid rgba(135, 139, 165, 0.2);
}

.sy-copyright a {
    visibility: unset !important;
    color: #bbb;
    margin-left: 1.2rem;
}

.sy-copyright a:hover {
    color: #fff;
}

/* 产品中心·智慧监控 */
.sy-video-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/jiankong/bg1.png);
    padding-top: 12rem;
}

.sy-video-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-video-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-video-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-video-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-video-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-video-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-video-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-video-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-video-feature .sy-video-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-video-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-video-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-video-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-video-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-video-framework {
    background: #F9FBFD;
}

.sy-video-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-video-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-video-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-video-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-video-function-1 .contents {
    margin-top: 1.2rem;
}

.sy-video-function-1 .contents .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
}

.sy-video-function-1 .mbr-list {
    margin-top: 2.4rem;
}

.sy-video-function-1 .mbr-list .list li {
    margin-bottom: 0.7rem;
    color: #333;
    font-size: 1rem;
}

.sy-video-function-2 {
    background: #F9FBFD;
}

.sy-video-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-video-function-2 .mbr-list {
    margin-top: 3rem;
}

.sy-video-function-2 .mbr-list .list li {
    margin-bottom: 0.8rem;
    color: #666;
    font-size: 1.5rem;
    font-weight: bold;
}

.sy-video-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-video-function-3 .mbr-list {
    margin-top: 1.2rem;
}

.sy-video-function-3 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-video-function-3 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-video-function-3 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-video-function-3 .mbr-list .list li:before {
    content: "";
}

.sy-video-function-4 {
    background: #F9FBFD;
}

.sy-video-function-4 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-video-function-4 .mbr-list {
    margin-top: 1.4rem;
}

.sy-video-function-4 .mbr-list .list li {
    margin-bottom: 1.8rem;
}

.sy-video-function-4 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-video-function-4 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-video-function-4 .mbr-list .list li:before {
    display: none;
}

.sy-video-function-5 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-video-function-5 .mbr-list {
    margin-top: 1.2rem;
}

.sy-video-function-5 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-video-function-5 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-video-function-5 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-video-function-5 .mbr-list .list li:before {
    content: "";
}

.sy-video-function-6 {
    background: #F9FBFD;
}

.sy-video-function-6 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-video-function-6 .mbr-list {
    margin-top: 1.6rem;
}

.sy-video-function-6 .mbr-list .list li {
    margin-bottom: 2.5rem;
}

.sy-video-function-6 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-video-function-6 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-video-function-6 .mbr-list .list li:before {
    display: none;
}

.sy-video-compare {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/jiankong/bg9.png);
}

.sy-video-compare .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-video-hardware {
    background: #fff;
}

.sy-video-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-video-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-video-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-video-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-video-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-video-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-video-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-video-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-video-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-video-case {
    background: #F7FAFC;
}

.sy-video-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-video-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-video-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-video-case .item-img {
    height: 150px;
}

.sy-video-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-video-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-video-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-video-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-video-faq {
    background: #fff;
}

.sy-video-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-video-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-video-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-video-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-video-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·周界警戒 */
.sy-warn-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/zhoujie/bg1.png);
    padding-top: 12rem;
}

.sy-warn-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-warn-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-warn-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-warn-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-warn-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-warn-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-warn-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-warn-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-warn-feature .sy-warn-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-warn-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 2rem 1.5rem !important;
}

.sy-warn-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-warn-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-warn-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-warn-function-1 {
    background: #F9FBFD;
}

.sy-warn-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-warn-function-1 .card-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sy-warn-function-1 .mbr-list {
    margin-top: 1rem;
}

.sy-warn-function-1 .mbr-list .list li {
    margin-bottom: 1.8rem;
}

.sy-warn-function-1 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-warn-function-1 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-warn-function-1 .mbr-list .list li:before {
    display: none;
}

.sy-warn-function-1 .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-warn-function-1 .tag-list .tag-item {
    display: flex;
    align-items: center;
    width: 25%;
    margin-bottom: 1.5rem;
}

.sy-warn-function-1 .tag-list .tag-item span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 10px 20px;
}

.sy-warn-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-warn-function-2 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-warn-function-2 .mbr-list {
    margin-top: 1rem;
}

.sy-warn-function-2 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-warn-function-2 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-warn-function-2 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-warn-function-2 .mbr-list .list li:before {
    display: none;
}

.sy-warn-function-3 {
    background: #F9FBFD;
}

.sy-warn-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-warn-function-3 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-warn-function-3 .mbr-list {
    margin-top: 1rem;
}

.sy-warn-function-3 .mbr-list .list li {
    margin-bottom: 1.8rem;
}

.sy-warn-function-3 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-warn-function-3 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-warn-function-3 .mbr-list .list li:before {
    display: none;
}

.sy-warn-function-4 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-warn-function-4 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-warn-function-4 .mbr-list {
    margin-top: 1rem;
}

.sy-warn-function-4 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-warn-function-4 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-warn-function-4 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-warn-function-4 .mbr-list .list li:before {
    display: none;
}

.sy-warn-hardware {
    background: #fff;
}

.sy-warn-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-warn-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-warn-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-warn-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-warn-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-warn-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-warn-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-warn-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-warn-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-warn-case {
    background: #F7FAFC;
}

.sy-warn-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-warn-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-warn-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-warn-case .item-img {
    height: 150px;
}

.sy-warn-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-warn-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-warn-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-warn-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-warn-faq {
    background: #fff;
}

.sy-warn-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-warn-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-warn-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-warn-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-warn-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·AI分析 */
.sy-ai-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/fenxi/bg1.png);
    padding-top: 12rem;
}

.sy-ai-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-ai-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-ai-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-ai-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-ai-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-ai-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-ai-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-ai-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ai-feature .sy-ai-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-ai-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-ai-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-ai-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-ai-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-ai-framework {
    background: #EFF5FF;
}

.sy-ai-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ai-framework .wrap {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.sy-ai-framework .wrap .nav-tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    border: 0;
}

.sy-ai-framework .wrap .nav-tabs .nav-item {
    flex: 1;
}

.sy-ai-framework .nav-tabs .nav-link.display-7 {
    font-size: 1.25rem !important;
    color: #333;
    font-weight: bold;
    padding: 1.5rem 0;
    background: #F4F8FF;
}

.sy-ai-framework .nav-tabs .nav-link.active {
    color: #4f87fb;
    background: #fff;
    border: 0;
}

.sy-ai-framework .sy-ai-framework-content .row2 {
    margin: 0;
}

.sy-ai-framework .sy-ai-framework-content .row2 .col2 {
    padding: 1.5rem 0 0 3rem;
}

.sy-ai-framework .sy-ai-framework-content .tab-pane h2 {
    font-size: 1.75rem;
    color: #333;
    font-weight: bold;
}

.sy-ai-framework .sy-ai-framework-content .tab-pane .mbr-text.display-7 {
    font-size: 1rem;
    color: #333;
    line-height: 2;
    margin-bottom: 5rem;
}

.sy-ai-framework .card-button .btn {
    padding: 0.5rem 3rem;
    background: #125CF4 !important;
    border: 0 !important;
    border-radius: 3.5rem;
    margin: 0 !important;
}

.sy-ai-framework .card-button .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-ai-framework .sy-ai-framework-content .tab-pane img {
    border-radius: 0 !important;
    box-shadow: none;
}

.sy-ai-function-1 {
    background: #F9FBFD;
}

.sy-ai-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-ai-function-1 .mbr-list {
    margin-top: 1.8rem;
}

.sy-ai-function-1 .mbr-list .list li {
    margin-bottom: 1.8rem;
}

.sy-ai-function-1 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-ai-function-1 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding: 4rem 2rem;
    border: 1px solid #eee;
    border-left: 4px solid #125CF4;
}

.sy-ai-function-1 .mbr-list .list li:before {
    display: none;
}

.sy-ai-function-1 .card-button .btn {
    padding: 0.5rem 3rem;
    background: #125CF4 !important;
    border: 0 !important;
    border-radius: 3.5rem;
}

.sy-ai-function-1 .card-button .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-ai-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-ai-function-2 .mbr-list {
    margin-top: 1.8rem;
}

.sy-ai-function-2 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-ai-function-2 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-ai-function-2 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding: 4rem 2rem;
    border: 1px solid #eee;
    border-left: 4px solid #FFAA00;
}

.sy-ai-function-2 .mbr-list .list li:before {
    display: none;
}

.sy-ai-function-2 .card-button .btn {
    padding: 0.5rem 3rem;
    background: #125CF4 !important;
    border: 0 !important;
    border-radius: 3.5rem;
}

.sy-ai-function-2 .card-button .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-ai-case {
    background: #F7FAFC;
}

.sy-ai-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ai-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-ai-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-ai-case .item-img {
    height: 150px;
}

.sy-ai-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-ai-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-ai-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-ai-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-ai-faq {
    background: #fff;
}

.sy-ai-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ai-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-ai-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-ai-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-ai-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·智慧停车 */
.sy-park-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/tingche/bg1.png);
    padding-top: 12rem;
}

.sy-park-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-park-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-park-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-park-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-park-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-park-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-park-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-park-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-park-feature .sy-park-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-park-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-park-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-park-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-park-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-park-framework {
    background: #F9FBFD;
}

.sy-park-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-park-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-park-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-park-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-park-function-1 .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-park-function-1 .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.sy-park-function-1 .nav-tabs .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.sy-park-function-1 .nav-tabs .nav-link.display-7 {
    font-size: 1.25rem !important;
    color: #333;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
}

.sy-park-function-1 .nav-tabs .nav-link.active {
    color: #125CF4;
}

.sy-park-function-1 .sy-park-function-1-content .tab-pane .left img {
    border-radius: 0 !important;
    box-shadow: none;
}

.sy-park-function-1 .sy-park-function-1-content .tab-pane .right {
    padding-left: 2rem;
    padding-top: 2.5rem;
}

.sy-park-function-1 .sy-park-function-1-content .tab-pane .right h2 {
    font-size: 1.5rem;
    color: #333;
    display: flex;
    align-items: center;
}

.sy-park-function-1 .sy-park-function-1-content .tab-pane .right h2 img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-park-function-1 .sy-park-function-1-content .tab-pane .right .mbr-list {
    margin-top: 1.4rem;
}

.sy-park-function-1 .sy-park-function-1-content .tab-pane .right .mbr-list ul li {
    font-size: 1rem;
    color: #333;
    list-style: none !important;
    padding-left: 1.6rem;
}

.sy-park-function-1 .sy-park-function-1-content .tab-pane .right .mbr-list ul li::before {
    color: #125CF4;
}

.sy-park-function-1 .mbr-list {
    margin-top: 2rem;
}

.sy-park-function-1 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-park-function-1 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    height: 8rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    margin-bottom: 3rem;
    border-left: 4px solid #125CF4;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-park-function-1 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-park-function-1 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-park-function-1 .mbr-list .tag-list .tag-item .title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.sy-park-function-1 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-park-function-4 {
    background: #F1F3F5;
}

.sy-park-function-4 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-park-function-4 .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-park-function-4 .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.sy-park-function-4 .nav-tabs .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.sy-park-function-4 .nav-tabs .nav-link.display-7 {
    font-size: 1.25rem !important;
    color: #333;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
}

.sy-park-function-4 .nav-tabs .nav-link.active {
    color: #125CF4;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .left img {
    border-radius: 0 !important;
    box-shadow: none;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .right {
    padding-left: 2rem;
    padding-top: 2.5rem;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .right h2 {
    font-size: 1.5rem;
    color: #333;
    display: flex;
    align-items: center;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .right h2 img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .right .mbr-list {
    margin-top: 1rem;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .right .mbr-list .list {
    margin-bottom: 1.5rem;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .right .mbr-list ul li {
    font-size: 1rem;
    color: #333;
    list-style: none !important;
    padding-left: 2rem;
}

.sy-park-function-4 .sy-park-function-4-content .tab-pane .right .mbr-list ul li::before {
    display: none;
}

.sy-park-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-park-function-3 .mbr-list {
    margin-top: 1.2rem;
}

.sy-park-function-3 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-park-function-3 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-park-function-3 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-park-function-3 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-park-function-3 .mbr-list .list li:before {
    content: "";
}

.sy-park-function-2 {
    background: #F9FBFD;
}

.sy-park-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-park-function-2 .mbr-list {
    margin-top: 3rem;
}

.sy-park-function-2 .mbr-list .list li {
    margin-bottom: 1rem;
    color: #666;
    font-size: 1.5rem;
    font-weight: bold;
}

.sy-park-function-2 .mbr-list .list li:before {
    color: #125CF4;
    position: relative;
    left: -0.8rem;
}

.sy-park-function-5 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-park-function-5 .card-wrapper {
    padding-left: 4rem;
    display: flex;
    align-items: center;
}

.sy-park-function-5 .mbr-list {
    margin-top: 1.2rem;
}

.sy-park-function-5 .mbr-list .list {
    display: flex;
    flex-wrap: wrap;
}

.sy-park-function-5 .mbr-list .list li {
    width: 50%;
    margin-bottom: 1rem;
    color: #666;
    font-size: 1.5rem;
    font-weight: bold;
}

.sy-park-function-5 .mbr-list .list li:before {
    color: #125CF4;
    position: relative;
    left: -0.8rem;
}

.sy-park-hardware {
    background: #fff;
}

.sy-park-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-park-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-park-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-park-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-park-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-park-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-park-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: left;
}

.sy-park-hardware .mbr-text {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
}

.sy-park-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
    visibility: hidden;
}

.sy-park-case {
    background: #F7FAFC;
}

.sy-park-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-park-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-park-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-park-case .item-img {
    height: 150px;
}

.sy-park-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-park-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-park-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-park-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-park-faq {
    background: #fff;
}

.sy-park-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-park-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-park-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-park-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-park-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·消费系统 */
.sy-consume-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/xiaofei/bg1.png);
    padding-top: 12rem;
}

.sy-consume-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-consume-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-consume-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-consume-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-consume-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-consume-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-consume-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-consume-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-feature .sy-consume-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-consume-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-consume-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-consume-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-consume-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-consume-framework {
    background: #F9FBFD;
}

.sy-consume-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-consume-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-consume-flow {
    background: #F7FAFC;
}

.sy-consume-flow .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-flow .item-wrapper {
    border-radius: 0 !important;
    background: transparent;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-consume-flow .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-consume-flow .item-img {
    height: 530px;
}

.sy-consume-flow .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-consume-introduce {
    background: #fff;
}

.sy-consume-introduce .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-introduce .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-consume-introduce .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-consume-introduce .item-img {
    height: 200px;
}

.sy-consume-introduce .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-consume-introduce .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-consume-introduce .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-consume-introduce .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-consume-function-2 {
    background: #fff;
}

.sy-consume-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-consume-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-consume-function-2 .mbr-list .list {
    margin-bottom: 3rem;
}

.sy-consume-function-2 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-consume-function-2 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-consume-function-2 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-consume-function-2 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-consume-function-2 .mbr-list .list li:before {
    display: none;
}

.sy-consume-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 10rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item img {
    width: 4rem;
    height: 4rem;
    margin-bottom: 0.8rem;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item span {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #FF6D66;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #FFB15F;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #397DED;
}

.sy-consume-function-2 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #6A3BED;
}

.sy-consume-function-4 {
    background: #F9FBFD;
}

.sy-consume-function-4 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-function-4 .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-consume-function-4 .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.sy-consume-function-4 .nav-tabs .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.sy-consume-function-4 .nav-tabs .nav-link.display-7 {
    font-size: 1.25rem !important;
    color: #333;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
}

.sy-consume-function-4 .nav-tabs .nav-link.active {
    color: #125CF4;
}

.sy-consume-function-4 .sy-consume-function-4-content .tab-pane .left img {
    border-radius: 0 !important;
    box-shadow: none;
}

.sy-consume-function-3 {
    background: #fff;
}

.sy-consume-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-consume-function-3 .mbr-list {
    margin-top: 2rem;
}

.sy-consume-function-3 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-consume-function-3 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-consume-function-3 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-consume-function-3 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-consume-function-3 .mbr-list .list li:before {
    display: none;
}

.sy-consume-function-3 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-consume-function-3 .mbr-list .tag-list .tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.sy-consume-function-3 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-consume-function-3 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #2BDC96;
}

.sy-consume-function-3 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #6A3BED;
}

.sy-consume-function-3 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #FFB15F;
}

.sy-consume-function-3 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #397DED;
}

.sy-consume-function-3 .mbr-list .tag-list .tag-item.item5 {
    border-bottom: 4px solid #FF6D66;
}

.sy-consume-function-5 {
    background: #F9FBFD;
}

.sy-consume-function-5 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-consume-function-5 .mbr-list {
    margin-top: 1.2rem;
}

.sy-consume-function-5 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-consume-function-5 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-consume-function-5 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-consume-function-5 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-consume-function-5 .mbr-list .list li:before {
    content: "";
}

.sy-consume-pay {
    background: #fff;
}

.sy-consume-pay .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-pay .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-consume-pay .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-consume-pay .item-img {
    height: 250px;
}

.sy-consume-pay .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-consume-pay .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-consume-pay .item-title {
    font-size: 1rem;
    color: #000;
    text-align: center;
}

.sy-consume-pay .mbr-text {
    font-size: 0.8rem;
    color: #666;
    text-align: center;
}

.sy-consume-function-8 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-consume-function-8 .mbr-list {
    margin-top: 1.2rem;
}

.sy-consume-function-8 .mbr-list .list {
    display: flex;
    flex-wrap: wrap;
}

.sy-consume-function-8 .mbr-list .list li {
    width: 50%;
    margin-bottom: 1rem;
}

.sy-consume-function-8 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-consume-function-8 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-consume-function-8 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-consume-function-8 .mbr-list .list li:before {
    content: "";
}

.sy-consume-function-9 {
    background: #F9FBFD;
}

.sy-consume-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-consume-function-9 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-consume-function-9 .mbr-list {
    margin-top: 1rem;
}

.sy-consume-function-9 .mbr-list .list li {
    margin-bottom: 1.8rem;
}

.sy-consume-function-9 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-consume-function-9 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-consume-function-9 .mbr-list .list li:before {
    display: none;
}

.sy-consume-hardware {
    background: #fff;
}

.sy-consume-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-consume-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-consume-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-consume-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-consume-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-consume-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-consume-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-consume-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-consume-case {
    background: #F7FAFC;
}

.sy-consume-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-consume-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-consume-case .item-img {
    height: 150px;
}

.sy-consume-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-consume-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-consume-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-consume-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-consume-faq {
    background: #fff;
}

.sy-consume-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-consume-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-consume-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-consume-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-consume-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·门禁管理 */
.sy-door-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg1.png);
    padding-top: 12rem;
}

.sy-door-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.5rem !important;
}

.sy-door-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-door-banner-tag span {
    font-size: 0.9rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-door-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-door-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-door-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-door-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-door-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-door-feature .sy-door-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-door-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-door-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-door-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-door-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-door-function-2 {
    background: #F7FAFC;
}

.sy-door-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-door-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-door-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-door-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    height: 12rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    margin-bottom: 3rem;
    border-left: 4px solid #125CF4;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-door-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-door-function-2 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-door-function-2 .mbr-list .tag-list .tag-item .title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.sy-door-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-door-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-door-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-door-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-door-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-door-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-door-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-door-function-9 .swiper-slide-active,
.sy-door-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-door-hardware {
    background: #fff;
}

.sy-door-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-door-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-door-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-door-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-door-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-door-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-door-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: left;
}

.sy-door-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-door-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
    visibility: hidden;
}

.sy-door-case {
    background: #F7FAFC;
}

.sy-door-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-door-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-door-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-door-case .item-img {
    height: 150px;
}

.sy-door-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-door-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-door-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-door-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-door-faq {
    background: #fff;
}

.sy-door-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-door-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-door-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-door-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-door-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·宿舍管理 */
.sy-dorm-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/sushe/bg1.png);
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.sy-dorm-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.5rem !important;
}

.sy-dorm-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-dorm-banner-tag span {
    font-size: 0.9rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-dorm-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-dorm-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-dorm-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-dorm-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-dorm-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-dorm-feature .sy-dorm-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-dorm-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-dorm-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-dorm-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-dorm-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-dorm-function-2 {
    background: #F7FAFC;
}

.sy-dorm-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-dorm-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-dorm-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-dorm-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    height: 12rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    margin-bottom: 3rem;
    border-left: 4px solid #125CF4;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-dorm-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-dorm-function-2 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-dorm-function-2 .mbr-list .tag-list .tag-item .title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.sy-dorm-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-dorm-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-dorm-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-dorm-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-dorm-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-dorm-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-dorm-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-dorm-function-9 .swiper-slide-active,
.sy-dorm-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-dorm-hardware {
    background: #fff;
}

.sy-dorm-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-dorm-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-dorm-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-dorm-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-dorm-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-dorm-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-dorm-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-dorm-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-dorm-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-dorm-case {
    background: #F7FAFC;
}

.sy-dorm-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-dorm-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-dorm-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-dorm-case .item-img {
    height: 150px;
}

.sy-dorm-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-dorm-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-dorm-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-dorm-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-dorm-faq {
    background: #fff;
}

.sy-dorm-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-dorm-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-dorm-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-dorm-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-dorm-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·巡更管理 */
.sy-inspect-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/xungeng/bg1.png);
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.sy-inspect-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-inspect-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-inspect-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-inspect-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-inspect-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-inspect-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-inspect-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-inspect-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inspect-feature .sy-inspect-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-inspect-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-inspect-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-inspect-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-inspect-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-inspect-function-2 {
    background: #F7FAFC;
}

.sy-inspect-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inspect-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-inspect-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-inspect-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    height: 12rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    margin-bottom: 3rem;
    border-left: 4px solid #125CF4;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-inspect-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-inspect-function-2 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-inspect-function-2 .mbr-list .tag-list .tag-item .title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.sy-inspect-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-inspect-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-inspect-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-inspect-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-inspect-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-inspect-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-inspect-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-inspect-function-9 .swiper-slide-active,
.sy-inspect-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-inspect-hardware {
    background: #fff;
}

.sy-inspect-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inspect-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-inspect-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-inspect-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-inspect-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-inspect-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-inspect-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: left;
}

.sy-inspect-hardware .mbr-text {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
}

.sy-inspect-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
    visibility: hidden;
}

.sy-inspect-case {
    background: #F7FAFC;
}

.sy-inspect-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inspect-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-inspect-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-inspect-case .item-img {
    height: 150px;
}

.sy-inspect-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-inspect-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-inspect-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-inspect-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-inspect-faq {
    background: #fff;
}

.sy-inspect-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inspect-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-inspect-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-inspect-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-inspect-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·无感考勤 */
.sy-nosense-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/wugan/bg1.png);
    padding-top: 12rem;
}

.sy-nosense-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-nosense-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-nosense-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-nosense-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-nosense-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-nosense-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-nosense-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-nosense-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-nosense-feature .sy-nosense-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-nosense-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-nosense-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-nosense-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-nosense-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-nosense-function {
    background: #F7FAFC;
}

.sy-nosense-function .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-nosense-function .sy-nosense-function-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-nosense-function .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: all 1s;
    padding: 2rem 1.5rem !important;
}

.sy-nosense-function .card-wrapper.item1 {
    border-bottom: 4px solid #125CF4;
}

.sy-nosense-function .card-wrapper.item2 {
    border-bottom: 4px solid #8C4DD4;
}

.sy-nosense-function .card-wrapper.item3 {
    border-bottom: 4px solid #00B28E;
}

.sy-nosense-function .card-wrapper.item4 {
    border-bottom: 4px solid #FB9E00;
}

.sy-nosense-function .card-wrapper.item5 {
    border-bottom: 4px solid #E9505F;
}

.sy-nosense-function .card-wrapper.item6 {
    border-bottom: 4px solid #08B0F9;
}

.sy-nosense-function .card-wrapper:hover {
    transform: translateY(-20px) !important;
}

.sy-nosense-function .card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
}

.sy-nosense-function .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-nosense-framework {
    background: #F9FBFD;
}

.sy-nosense-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-nosense-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-nosense-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-nosense-function-1 {
    background: #fff;
}

.sy-nosense-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-nosense-function-1 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-nosense-function-1 .mbr-list {
    margin-top: 1.2rem;
}

.sy-nosense-function-1 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-nosense-function-1 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-nosense-function-1 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-nosense-function-1 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-nosense-function-1 .mbr-list .list li:before {
    content: "";
}

.sy-nosense-function-6 {
    background: #F9FBFD;
}

.sy-nosense-function-6 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-nosense-function-6 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-nosense-function-6 .mbr-list {
    margin-top: 1.2rem;
}

.sy-nosense-function-6 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-nosense-function-6 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-nosense-function-6 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-nosense-function-6 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-nosense-function-6 .mbr-list .list li:before {
    content: "";
}

.sy-nosense-function-2 {
    background: #fff;
}

.sy-nosense-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-nosense-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-nosense-function-2 .mbr-list .list {
    margin-bottom: 3rem;
}

.sy-nosense-function-2 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-nosense-function-2 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-nosense-function-2 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-nosense-function-2 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-nosense-function-2 .mbr-list .list li:before {
    display: none;
}

.sy-nosense-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 10rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item img {
    width: 4rem;
    height: 4rem;
    margin-bottom: 0.8rem;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item span {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #FF6D66;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #FFB15F;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #397DED;
}

.sy-nosense-function-2 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #6A3BED;
}

.sy-nosense-function-3 {
    background: #F9FBFD;
}

.sy-nosense-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-nosense-function-3 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-nosense-function-3 .mbr-list {
    margin-top: 2rem;
}

.sy-nosense-function-3 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-nosense-function-3 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-nosense-function-3 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-nosense-function-3 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-nosense-function-3 .mbr-list .list li:before {
    display: none;
}

.sy-nosense-function-3 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-nosense-function-3 .mbr-list .tag-list .tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
    background: #fff;
}

.sy-nosense-function-3 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-nosense-function-3 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #2BDC96;
}

.sy-nosense-function-3 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #6A3BED;
}

.sy-nosense-function-3 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #FFB15F;
}

.sy-nosense-function-3 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #397DED;
}

.sy-nosense-function-3 .mbr-list .tag-list .tag-item.item5 {
    border-bottom: 4px solid #FF6D66;
}

.sy-nosense-function-4 {
    background: #fff;
}

.sy-nosense-function-4 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-nosense-function-4 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-nosense-function-4 .mbr-list {
    margin-top: 2rem;
}

.sy-nosense-function-4 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-nosense-function-4 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-nosense-function-4 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-nosense-function-4 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-nosense-function-4 .mbr-list .list li:before {
    display: none;
}

.sy-nosense-function-4 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-nosense-function-4 .mbr-list .tag-list .tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.sy-nosense-function-4 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-nosense-function-4 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #2BDC96;
}

.sy-nosense-function-4 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #6A3BED;
}

.sy-nosense-function-4 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #FFB15F;
}

.sy-nosense-function-4 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #397DED;
}

.sy-nosense-function-4 .mbr-list .tag-list .tag-item.item5 {
    border-bottom: 4px solid #FF6D66;
}

.sy-nosense-hardware {
    background: #fff;
}

.sy-nosense-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-nosense-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-nosense-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-nosense-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-nosense-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-nosense-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-nosense-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-nosense-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-nosense-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-nosense-case {
    background: #F7FAFC;
}

.sy-nosense-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-nosense-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-nosense-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-nosense-case .item-img {
    height: 150px;
}

.sy-nosense-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-nosense-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-nosense-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-nosense-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-nosense-faq {
    background: #fff;
}

.sy-nosense-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-nosense-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-nosense-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-nosense-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-nosense-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·会议系统 */
.sy-meeting-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/huiyi/bg1.png);
    padding-top: 12rem;
}

.sy-meeting-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-meeting-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-meeting-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-meeting-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #000;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-meeting-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-meeting-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-meeting-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-meeting-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-feature .sy-meeting-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-meeting-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-meeting-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-meeting-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-meeting-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-meeting-framework {
    background: #F9FBFD;
}

.sy-meeting-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-meeting-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-meeting-function-3 {
    background: #fff;
}

.sy-meeting-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-meeting-function-3 .mbr-list {
    margin-top: 2rem;
}

.sy-meeting-function-3 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-meeting-function-3 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-meeting-function-3 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-meeting-function-3 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
    padding-left: 0;
}

.sy-meeting-function-3 .mbr-list .list li:before {
    display: none;
}

.sy-meeting-function-3 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #2BDC96;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #6A3BED;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #FFB15F;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #397DED;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item.item5 {
    border-bottom: 4px solid #FF6D66;
}

.sy-meeting-function-3 .mbr-list .tag-list .tag-item.item6 {
    border-bottom: 4px solid #FFE742;
}

.sy-meeting-function-5 {
    background: #F9FBFD;
}

.sy-meeting-function-5 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-meeting-function-5 .mbr-list {
    margin-top: 2rem;
}

.sy-meeting-function-5 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-meeting-function-5 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-meeting-function-5 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-meeting-function-5 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-meeting-function-5 .mbr-list .list li:before {
    display: none;
}

.sy-meeting-function-5 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
    background: #fff;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #2BDC96;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #6A3BED;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #FFB15F;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #397DED;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item.item5 {
    border-bottom: 4px solid #FF6D66;
}

.sy-meeting-function-5 .mbr-list .tag-list .tag-item.item6 {
    border-bottom: 4px solid #FFE742;
}

.sy-meeting-stats {
    background: #F9FBFD;
}

.sy-meeting-stats .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-stats .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
    background: transparent;
}

.sy-meeting-stats .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-meeting-stats .item-img {
    height: 700px;
}

.sy-meeting-stats .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-meeting-stats .item-content {
    margin-top: 0;
    padding: 0;
}

.sy-meeting-stats .item-title {
    font-size: 1.5rem;
    color: #000;
    text-align: center;
    margin-bottom: 0;
}

.sy-meeting-stats .mbr-text {
    font-size: 0.8rem;
    color: #666;
    text-align: center;
}

.sy-meeting-function-4 {
    background: #fff;
}

.sy-meeting-function-4 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-function-4 .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-meeting-function-4 .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.sy-meeting-function-4 .nav-tabs .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.sy-meeting-function-4 .nav-tabs .nav-link.display-7 {
    font-size: 1.25rem !important;
    color: #333;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
}

.sy-meeting-function-4 .nav-tabs .nav-link.active {
    color: #125CF4;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .left img {
    border-radius: 0 !important;
    box-shadow: none;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .right {
    padding-left: 2rem;
    padding-top: 2.5rem;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .right h2 {
    font-size: 1.5rem;
    color: #333;
    display: flex;
    align-items: center;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .right h2 img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .right .mbr-list {
    margin-top: 1rem;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .right .mbr-list .list {
    margin-bottom: 1.5rem;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .right .mbr-list ul li {
    font-size: 1rem;
    color: #333;
    list-style: none !important;
    padding-left: 2rem;
}

.sy-meeting-function-4 .sy-meeting-function-4-content .tab-pane .right .mbr-list ul li::before {
    display: none;
}

.sy-meeting-function-4 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 3rem;
    background: #fff;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #2BDC96;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #6A3BED;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #FFB15F;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #397DED;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item.item5 {
    border-bottom: 4px solid #FF6D66;
}

.sy-meeting-function-4 .mbr-list .tag-list .tag-item.item6 {
    border-bottom: 4px solid #FFE742;
}

.sy-meeting-iot {
    background: #fff;
}

.sy-meeting-iot .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-iot .card-wrapper {
    border-radius: 0 !important;
}

.sy-meeting-iot .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-meeting-function-7 {
    background: #F9FBFD;
}

.sy-meeting-function-7 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-meeting-function-7 .mbr-list {
    margin-top: 1.2rem;
}

.sy-meeting-function-7 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-meeting-function-7 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-meeting-function-7 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-meeting-function-7 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-meeting-function-7 .mbr-list .list li:before {
    content: "";
}

.sy-meeting-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-meeting-function-1 .card-wrapper {
    display: flex;
    align-items: center;
    padding-left: 3rem;
}

.sy-meeting-function-1 .contents {
    margin-top: 1.2rem;
}

.sy-meeting-function-1 .contents .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
}

.sy-meeting-function-1 .mbr-list {
    margin-top: 2.4rem;
}

.sy-meeting-function-1 .mbr-list .list li {
    margin-bottom: 0.7rem;
    color: #666;
    font-size: 1.5rem;
}

.sy-meeting-function-1 .mbr-list .list li:before {
    margin-right: 0.5rem;
}

.sy-meeting-hardware {
    background: #fff;
}

.sy-meeting-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-meeting-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-meeting-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-meeting-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-meeting-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-meeting-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-meeting-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-meeting-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-meeting-case {
    background: #F7FAFC;
}

.sy-meeting-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-meeting-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-meeting-case .item-img {
    height: 150px;
}

.sy-meeting-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-meeting-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-meeting-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-meeting-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-meeting-faq {
    background: #fff;
}

.sy-meeting-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-meeting-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-meeting-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-meeting-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-meeting-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·能耗管理 */
.sy-energy-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/nenghao/bg2.png);
    padding-top: 12rem;
}

.sy-energy-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-energy-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-energy-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-energy-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-energy-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-energy-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-energy-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-energy-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-energy-feature .sy-energy-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-energy-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-energy-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-energy-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-energy-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-energy-function-2 {
    background: #F7FAFC;
}

.sy-energy-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-energy-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-energy-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-energy-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    height: 12rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    margin-bottom: 3rem;
    border-left: 4px solid #125CF4;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-energy-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-energy-function-2 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-energy-function-2 .mbr-list .tag-list .tag-item .title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.sy-energy-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-energy-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-energy-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-energy-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-energy-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-energy-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-energy-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-energy-function-9 .swiper-slide-active,
.sy-energy-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-energy-framework {
    background: #F9FBFD;
}

.sy-energy-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-energy-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-energy-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-energy-hardware {
    background: #fff;
}

.sy-energy-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-energy-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-energy-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-energy-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-energy-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-energy-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-energy-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: left;
}

.sy-energy-hardware .mbr-text {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.5;
}

.sy-energy-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
    visibility: hidden;
}

.sy-energy-case {
    background: #F7FAFC;
}

.sy-energy-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-energy-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-energy-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-energy-case .item-img {
    height: 150px;
}

.sy-energy-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-energy-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-energy-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-energy-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-energy-faq {
    background: #fff;
}

.sy-energy-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-energy-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-energy-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-energy-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-energy-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·动环监控 */
.sy-ring-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/donghuan/bg1.png);
    padding-top: 12rem;
}

.sy-ring-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-ring-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-ring-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-ring-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-ring-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-ring-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-ring-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-ring-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ring-feature .sy-ring-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-ring-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-ring-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-ring-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-ring-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-ring-system {
    background: #F7FAFC;
}

.sy-ring-system .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ring-system .sy-ring-system-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-ring-system .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: all 1s;
    padding: 2rem 1.5rem !important;
    border-top: 4px solid #125CF4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sy-ring-system .card-wrapper:hover {
    transform: translateY(-20px) !important;
}

.sy-ring-system .card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    text-align: center;
}

.sy-ring-system .card-text {
    font-size: 0.9rem;
    color: #333;
    text-align: center;
}

.sy-ring-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-ring-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-ring-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-ring-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-ring-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-ring-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-ring-function-9 .swiper-slide-active,
.sy-ring-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-ring-hardware {
    background: #fff;
}

.sy-ring-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ring-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-ring-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-ring-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-ring-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-ring-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-ring-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-ring-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-ring-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-ring-case {
    background: #F7FAFC;
}

.sy-ring-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ring-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-ring-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-ring-case .item-img {
    height: 150px;
}

.sy-ring-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-ring-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-ring-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-ring-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-ring-faq {
    background: #fff;
}

.sy-ring-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-ring-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-ring-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-ring-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-ring-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·出入统计 */
.sy-inout-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/churu/bg1.png);
    padding-top: 12rem;
}

.sy-inout-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-inout-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-inout-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-inout-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-inout-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-inout-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-inout-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-inout-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inout-feature .sy-inout-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-inout-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-inout-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-inout-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-inout-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-inout-function-2 {
    background: #F7FAFC;
}

.sy-inout-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inout-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-inout-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-inout-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    height: 12rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    margin-bottom: 3rem;
    border-left: 4px solid #125CF4;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-inout-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-inout-function-2 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-inout-function-2 .mbr-list .tag-list .tag-item .title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.sy-inout-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-inout-hardware {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/churu/bg2.png);
}

.sy-inout-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inout-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-inout-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-inout-hardware .item-img {
    height: 300px;
}

.sy-inout-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-inout-hardware .item-content {
    margin-top: 1.5rem;
    padding: 0 1.5rem 1.5rem;
}

.sy-inout-hardware .item-title {
    font-size: 1.5rem;
    color: #333;
}

.sy-inout-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-inout-faq {
    background: #fff;
}

.sy-inout-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-inout-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-inout-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-inout-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-inout-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·环境监测 */
.sy-environment-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/huanjing/bg1.png);
    padding-top: 12rem;
}

.sy-environment-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-environment-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-environment-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-environment-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-environment-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-environment-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-environment-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-environment-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-environment-feature .sy-environment-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-environment-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-environment-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-environment-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-environment-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-environment-function-2 {
    background: #F7FAFC;
}

.sy-environment-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-environment-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-environment-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-environment-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20%;
    height: 15rem;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-environment-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.sy-environment-function-2 .mbr-list .tag-list .tag-item img {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
}

.sy-environment-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1.5rem;
    color: #333;
}

.sy-environment-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-environment-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-environment-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-environment-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-environment-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-environment-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-environment-function-9 .swiper-slide-active,
.sy-environment-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-environment-hardware {
    background: #fff;
}

.sy-environment-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-environment-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-environment-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-environment-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-environment-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-environment-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-environment-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-environment-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-environment-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-environment-case {
    background: #F7FAFC;
}

.sy-environment-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-environment-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-environment-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-environment-case .item-img {
    height: 150px;
}

.sy-environment-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-environment-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-environment-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-environment-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-environment-faq {
    background: #fff;
}

.sy-environment-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-environment-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-environment-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-environment-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-environment-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·消防管理 */
.sy-fire-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/xiaofang/bg1.png);
    padding-top: 12rem;
}

.sy-fire-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.5rem !important;
}

.sy-fire-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-fire-banner-tag span {
    font-size: 0.9rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-fire-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-fire-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-fire-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-fire-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-fire-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-fire-feature .sy-fire-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-fire-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-fire-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-fire-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-fire-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-fire-system {
    background: #F7FAFC;
}

.sy-fire-system .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-fire-system .sy-fire-system-img {
    width: 6.5rem;
    height: 6.8rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-fire-system .card-wrapper {
    border-radius: 0 !important;
    border: 0;
    background: transparent;
    transition: all 1s;
    padding: 2rem 1.5rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sy-fire-system .card-wrapper:hover {
    transform: translateY(-20px) !important;
}

.sy-fire-system .card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    text-align: center;
}

.sy-fire-system .card-text {
    font-size: 0.9rem;
    color: #333;
    text-align: center;
}

.sy-fire-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-fire-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-fire-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-fire-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-fire-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-fire-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-fire-function-9 .swiper-slide-active,
.sy-fire-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-fire-framework {
    background: #F9FBFD;
}

.sy-fire-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-fire-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-fire-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-fire-hardware {
    background: #fff;
}

.sy-fire-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-fire-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-fire-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-fire-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-fire-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-fire-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-fire-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-fire-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-fire-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-fire-case {
    background: #F7FAFC;
}

.sy-fire-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-fire-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-fire-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-fire-case .item-img {
    height: 150px;
}

.sy-fire-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-fire-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-fire-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-fire-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-fire-faq {
    background: #fff;
}

.sy-fire-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-fire-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-fire-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-fire-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-fire-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·梯控管理 */
.sy-elevator-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/tikong/bg1.png);
    padding-top: 12rem;
}

.sy-elevator-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.5rem !important;
}

.sy-elevator-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-elevator-banner-tag span {
    font-size: 0.9rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-elevator-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-elevator-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-elevator-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-elevator-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-elevator-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-elevator-feature .sy-elevator-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-elevator-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-elevator-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-elevator-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-elevator-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-elevator-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-elevator-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-elevator-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-elevator-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-elevator-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-elevator-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-elevator-function-9 .swiper-slide-active,
.sy-elevator-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-elevator-framework {
    background: #fff;
    padding-bottom: 0;
}

.sy-elevator-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-elevator-framework .card {
    padding-bottom: 0 !important;
}

.sy-elevator-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-elevator-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-elevator-case {
    background: #F7FAFC;
}

.sy-elevator-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-elevator-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-elevator-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-elevator-case .item-img {
    height: 150px;
}

.sy-elevator-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-elevator-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-elevator-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-elevator-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-elevator-faq {
    background: #fff;
}

.sy-elevator-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-elevator-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-elevator-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-elevator-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-elevator-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·智慧物联 */
.sy-iot-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/wulian/bg1.png);
    padding-top: 12rem;
}

.sy-iot-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-iot-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-iot-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-iot-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #999;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-iot-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-iot-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-iot-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-iot-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-iot-feature .sy-iot-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-iot-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-iot-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-iot-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-iot-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-iot-framework {
    background: #F9FBFD;
}

.sy-iot-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-iot-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-iot-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-iot-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-iot-function-3 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-iot-function-3 .mbr-list {
    margin-top: 1.2rem;
}

.sy-iot-function-3 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-iot-function-3 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-iot-function-3 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-iot-function-3 .mbr-list .list li:before {
    content: "";
}

.sy-iot-function-4 {
    background: #F9FBFD;
}

.sy-iot-function-4 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-iot-function-4 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-iot-function-4 .mbr-list {
    margin-top: 1.4rem;
}

.sy-iot-function-4 .mbr-list .list li {
    margin-bottom: 1.8rem;
}

.sy-iot-function-4 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-iot-function-4 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-iot-function-4 .mbr-list .list li:before {
    display: none;
}

.sy-iot-function-5 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-iot-function-5 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-iot-function-5 .mbr-list {
    margin-top: 1.2rem;
}

.sy-iot-function-5 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-iot-function-5 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-iot-function-5 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-iot-function-5 .mbr-list .list li:before {
    content: "";
}

.sy-iot-function-6 {
    background: #F9FBFD;
}

.sy-iot-function-6 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-iot-function-6 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-iot-function-6 .mbr-list {
    margin-top: 1.6rem;
}

.sy-iot-function-6 .mbr-list .list li {
    margin-bottom: 2.5rem;
}

.sy-iot-function-6 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-iot-function-6 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-iot-function-6 .mbr-list .list li:before {
    display: none;
}

.sy-iot-function-9 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/menjin/bg2.png);
}

.sy-iot-function-9 .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-iot-function-9 .swiper {
    width: 100%;
    height: 800px;
}

.sy-iot-function-9 .swiper .swiper-wrapper {
    padding-top: 100px;
}

.sy-iot-function-9 .swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.sy-iot-function-9 .swiper .swiper-slide img {
    width: 320px;
    height: 620px;
}

.sy-iot-function-9 .swiper-slide-active,
.sy-iot-function-9 .swiper-slide-duplicate-active {
    transform: scale(1.2);
}

.sy-iot-hardware {
    background: #fff;
}

.sy-iot-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-iot-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-iot-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-iot-hardware .item-img {
    height: 180px;
    border-bottom: 1px solid #f5f5f5;
}

.sy-iot-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-iot-hardware .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-iot-hardware .item-title {
    font-size: 1.1rem;
    color: #333;
    text-align: center;
}

.sy-iot-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-iot-hardware .item-detail {
    font-size: 0.8rem;
    color: #125CF4;
}

.sy-iot-case {
    background: #F7FAFC;
}

.sy-iot-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-iot-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-iot-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-iot-case .item-img {
    height: 150px;
}

.sy-iot-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-iot-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-iot-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-iot-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-iot-faq {
    background: #fff;
}

.sy-iot-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-iot-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-iot-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-iot-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-iot-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 产品中心·访客管理 */
.sy-visitor-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/fangke/bg1.png);
    padding-top: 12rem;
}

.sy-visitor-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 1.5rem !important;
}

.sy-visitor-banner-tag {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.sy-visitor-banner-tag span {
    font-size: 0.9rem;
    color: #125CF4;
    border: 1px solid #125CF4;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 0.5rem;
}

.sy-visitor-banner .mbr-section-title-p {
    font-size: 1rem;
    color: #000;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.sy-visitor-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-visitor-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-visitor-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-visitor-feature .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-feature .sy-visitor-feature-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-visitor-feature .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.sy-visitor-feature .card-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-visitor-feature .card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.sy-visitor-feature .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-visitor-function-2 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/fangke/bg2.png);
}

.sy-visitor-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-function-2 .row-wrap {
    border-radius: 20px;
    padding: 2rem 0 1rem;
}

.sy-visitor-function-2 .left-img {
    height: 100%;
}

.sy-visitor-function-2 .card-wrapper {
    padding-right: 4rem;
}

.sy-visitor-function-2 .card .mbr-section-title {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 1.5rem;
}

.sy-visitor-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-visitor-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 16.6%;
    height: 8rem;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-visitor-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.sy-visitor-function-2 .mbr-list .tag-list .tag-item img {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
}

.sy-visitor-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 0.9rem;
    color: #333;
}

.sy-visitor-function-2 .mbr-section-btn .btn {
    padding: 0.5rem 2.8rem;
    background: #125CF4 !important;
}

.sy-visitor-function-2 .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-visitor-way {
    background: #F9FBFD;
}

.sy-visitor-way .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-way .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
    background: transparent;
}

.sy-visitor-way .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-visitor-way .item-img {
    height: 100%;
}

.sy-visitor-way .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-visitor-function-3 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/fangke/bg3.png);
}

.sy-visitor-function-3 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-function-3 .right-img {
    height: 100%;
}

.sy-visitor-function-3 .mbr-list {
    margin-top: 2rem;
}

.sy-visitor-function-3 .mbr-list .tag-list {
    display: flex;
    flex-direction: column;
}

.sy-visitor-function-3 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 8rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    margin-bottom: 2rem;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-visitor-function-3 .mbr-list .tag-list .tag-item.item1 {
    border-left: 4px solid #FF6D66;
}

.sy-visitor-function-3 .mbr-list .tag-list .tag-item.item2 {
    border-left: 4px solid #397DED;
}

.sy-visitor-function-3 .mbr-list .tag-list .tag-item.item3 {
    border-left: 4px solid #6A3BED;
}

.sy-visitor-function-3 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-visitor-function-3 .mbr-list .tag-list .tag-item .title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.sy-visitor-function-3 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-visitor-flow {
    background: #fff;
}

.sy-visitor-flow .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-flow .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
}

.sy-visitor-flow .nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.sy-visitor-flow .nav-tabs .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.sy-visitor-flow .nav-tabs .nav-link.display-7 {
    font-size: 1.25rem !important;
    color: #333;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
}

.sy-visitor-flow .nav-tabs .nav-link.active {
    color: #125CF4;
}

.sy-visitor-flow .sy-visitor-flow-content .tab-pane .left img {
    border-radius: 0 !important;
    box-shadow: none;
}

.sy-visitor-function-5 {
    background: #F9FBFD;
}

.sy-visitor-function-5 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-visitor-function-5 .mbr-list {
    margin-top: 2rem;
}

.sy-visitor-function-5 .mbr-list .list li {
    margin-bottom: 1.2rem;
}

.sy-visitor-function-5 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-visitor-function-5 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-visitor-function-5 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-visitor-function-5 .mbr-list .list li:before {
    display: none;
}

.sy-visitor-framework {
    background: #fff;
}

.sy-visitor-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-visitor-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-visitor-system {
    background: #F7FAFC;
}

.sy-visitor-system .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-system .sy-visitor-system-img {
    width: 3rem;
    height: 3rem;
    display: flex;
    border-radius: 0 !important;
    margin-bottom: 1.5rem;
}

.sy-visitor-system .card-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: all 1s;
    padding: 2rem 1.5rem !important;
    border-bottom: 4px solid #125CF4;
}

.sy-visitor-system .card-wrapper:hover {
    transform: translateY(-20px) !important;
}

.sy-visitor-system .card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
}

.sy-visitor-system .card-text {
    font-size: 0.9rem;
    color: #333;
}

.sy-visitor-function-7 {
    background: #F9FBFD;
}

.sy-visitor-function-7 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-visitor-function-7 .card-wrapper {
    display: flex;
    align-items: center;
}

.sy-visitor-function-7 .mbr-list {
    margin-top: 1.2rem;
}

.sy-visitor-function-7 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-visitor-function-7 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.sy-visitor-function-7 .mbr-list .list li .name img {
    width: 1.375rem;
    height: 1.5rem;
    border-radius: 0 !important;
    margin-right: 0.8rem;
}

.sy-visitor-function-7 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
    padding-left: 2.175rem;
}

.sy-visitor-function-7 .mbr-list .list li:before {
    content: "";
}

.sy-visitor-function-1 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/fangke/bg4.png);
}

.sy-visitor-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-visitor-function-1 .card-wrapper {
    display: flex;
    align-items: center;
    padding-left: 3rem;
}

.sy-visitor-function-1 .mbr-list {
    margin-top: 2.4rem;
}

.sy-visitor-function-1 .mbr-list .list li {
    margin-bottom: 0.7rem;
    color: #333;
    font-size: 1rem;
}

.sy-visitor-function-1 .mbr-list .list li:before {
    margin-right: 0.5rem;
    color: #125CF4;
}

.sy-visitor-function-1 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.sy-visitor-function-1 .mbr-list .tag-list .tag-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48%;
    height: 5rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.sy-visitor-function-1 .mbr-list .tag-list .tag-item:nth-child(odd) {
    margin-right: 4%;
}

.sy-visitor-function-1 .mbr-list .tag-list .tag-item.item1 {
    border-bottom: 4px solid #2BDC96;
}

.sy-visitor-function-1 .mbr-list .tag-list .tag-item.item2 {
    border-bottom: 4px solid #6A3BED;
}

.sy-visitor-function-1 .mbr-list .tag-list .tag-item.item3 {
    border-bottom: 4px solid #FFB15F;
}

.sy-visitor-function-1 .mbr-list .tag-list .tag-item.item4 {
    border-bottom: 4px solid #397DED;
}

.sy-visitor-case {
    background: #F7FAFC;
}

.sy-visitor-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-visitor-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-visitor-case .item-img {
    height: 150px;
}

.sy-visitor-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-visitor-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-visitor-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-visitor-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-visitor-faq {
    background: #fff;
}

.sy-visitor-faq .main-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-visitor-faq .card {
    border-radius: 0 !important;
    box-shadow: 0 0 20px #f5f5f5;
}

.sy-visitor-faq .card .card-header a.panel-title.collapsed h4 {
    line-height: 1.4;
    font-size: 1.5rem;
    color: #333;
}

.sy-visitor-faq .card .card-header a.panel-title.collapsed h4 span {
    padding-top: 0.5rem;
}

.sy-visitor-faq .card .panel-body p {
    font-size: 1rem;
    color: #999;
}

/* 解决方案·智慧工地 */
.sy-build-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/gongdi/bg1.jpg);
    padding-top: 18rem;
    padding-bottom: 16rem;
}

.sy-build-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.2rem !important;
}

.sy-build-banner .mbr-section-title-p {
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.7;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.sy-build-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-build-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-build-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-build-hardware {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/product/churu/bg2.png);
}

.sy-build-hardware .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-build-hardware .item-wrapper {
    cursor: pointer;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sy-build-hardware .item-wrapper:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-10px) !important;
}

.sy-build-hardware .item-img {
    height: 300px;
}

.sy-build-hardware .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-build-hardware .item-content {
    margin-top: 1.5rem;
    padding: 0 1.5rem 1.5rem;
}

.sy-build-hardware .item-title {
    font-size: 1.5rem;
    color: #333;
}

.sy-build-hardware .mbr-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.5;
}

.sy-build-function-2 {
    background: #fff;
}

.sy-build-function-2 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-build-function-2 .mbr-list {
    margin-top: 2rem;
}

.sy-build-function-2 .mbr-list .tag-list {
    display: flex;
    flex-wrap: wrap;
}

.sy-build-function-2 .mbr-list .tag-list .tag-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 15%;
    height: 14rem;
    border: 1px solid #f5f5f5;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 2rem;
    cursor: pointer;
    transition: all 1s;
}

.sy-build-function-2 .mbr-list .tag-list .tag-item:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.sy-build-function-2 .mbr-list .tag-list .tag-item:nth-child(6n) {
    margin-right: 0;
}

.sy-build-function-2 .mbr-list .tag-list .tag-item img {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
}

.sy-build-function-2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1.25rem;
    color: #333;
    font-weight: 600;
}

.sy-search {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/gongdi/bg7.png);
}

.sy-search .mbr-section-title {
    font-size: 2.25rem;
    color: #fff;
}

.sy-search .mbr-form .row {
    position: relative;
}

.sy-search .mbr-form .row .form-group {
    padding: 0;
    margin: 0;
}

.sy-search .mbr-form .row input {
    padding: 0 2rem;
    height: 5rem;
}

.sy-search .mbr-form .row .mbr-section-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    z-index: 9;
    margin: 0;
    padding: 0;
}

.sy-search .mbr-form .row .mbr-section-btn .btn {
    background: #F76377 !important;
    border: 0 !important;
    font-size: 1.2rem;
    color: #fff;
    font-weight: normal;
    margin: 0;
    min-height: auto;
    padding: 0.7rem 2rem;
    border-radius: 3rem;
}

.sy-search .mbr-form .row .mbr-section-btn .btn:hover {
    background: #F76377 !important;
    opacity: 0.8;
}

/* 解决方案·智慧园区 */
.sy-garden-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/yuanqu/bg1.jpg);
    padding-top: 18rem;
    padding-bottom: 16rem;
}

.sy-garden-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.2rem !important;
}

.sy-garden-banner .mbr-section-title-p {
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.7;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.sy-garden-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-garden-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-garden-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-garden-scale {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/yuanqu/bg2.png);
}

.sy-garden-scale .mbr-section-title .name {
    color: #125CF4;
    font-size: 2.25rem;
}

.sy-garden-scale .item .card-title {
    font-size: 2.5rem;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sy-garden-scale .item .card-title img {
    width: 32px;
    height: 46px;
    margin-left: 0.8rem;
}

.sy-garden-scale .item .card-txte {
    font-size: 1rem;
    color: #333;
}

.sy-garden-scale-function-1 {
    background: #fff;
}

.sy-garden-scale-function-1 .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
    font-weight: 700;
}

.sy-garden-scale-function-1 .contents {
    margin-top: 1.2rem;
}

.sy-garden-scale-function-1 .contents .mbr-section-title-p {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
}

.sy-garden-scale-function-1 .mbr-list {
    margin-top: 2rem;
}

.sy-garden-scale-function-1 .mbr-list .list li {
    margin-bottom: 1rem;
}

.sy-garden-scale-function-1 .mbr-list .list li .name {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.sy-garden-scale-function-1 .mbr-list .list li .desc {
    font-size: 1rem;
    color: #333;
}

.sy-garden-scale-function-1 .mbr-list .list li:before {
    display: none;
}

.sy-garden-framework {
    background: #F9FBFD;
}

.sy-garden-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-garden-framework .card-wrapper {
    border-radius: 0 !important;
    display: flex;
    justify-content: center;
}

.sy-garden-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-garden-case {
    background: #F7FAFC;
}

.sy-garden-case .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-garden-case .item-wrapper {
    border-radius: 0 !important;
    transition: 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
}

.sy-garden-case .item-wrapper:hover {
    transform: translateY(-10px) !important;
}

.sy-garden-case .item-img {
    height: 150px;
}

.sy-garden-case .item-img img {
    height: 100%;
    border-radius: 0 !important;
}

.sy-garden-case .item-content {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

.sy-garden-case .item-title {
    font-size: 1rem;
    color: #000;
}

.sy-garden-case .mbr-text {
    font-size: 0.8rem;
    color: #666;
}

.sy-search {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/gongdi/bg7.png);
}

.sy-search .mbr-section-title {
    font-size: 2.25rem;
    color: #fff;
}

.sy-search .mbr-form .row {
    position: relative;
}

.sy-search .mbr-form .row .form-group {
    padding: 0;
    margin: 0;
}

.sy-search .mbr-form .row input {
    padding: 0 2rem;
    height: 5rem;
}

.sy-search .mbr-form .row .mbr-section-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    z-index: 9;
    margin: 0;
    padding: 0;
}

.sy-search .mbr-form .row .mbr-section-btn .btn {
    background: #F76377 !important;
    border: 0 !important;
    font-size: 1.2rem;
    color: #fff;
    font-weight: normal;
    margin: 0;
    min-height: auto;
    padding: 0.7rem 2rem;
    border-radius: 3rem;
}

.sy-search .mbr-form .row .mbr-section-btn .btn:hover {
    background: #F76377 !important;
    opacity: 0.8;
}

/* 解决方案·数字孪生 */
.sy-twin-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/luansheng/bg1.jpg);
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.sy-twin-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.2rem !important;
}

.sy-twin-banner .mbr-section-title-p {
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.7;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.sy-twin-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-twin-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-twin-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-twin-framework {
    background: #F9FBFD;
}

.sy-twin-framework.framework1 {
    background: #090E1C;
}

.sy-twin-framework.framework2 {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/luansheng/bg3.png);
}

.sy-twin-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #fff;
}

.sy-twin-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-twin-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-search {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/gongdi/bg7.png);
}

.sy-search .mbr-section-title {
    font-size: 2.25rem;
    color: #fff;
}

.sy-search .mbr-form .row {
    position: relative;
}

.sy-search .mbr-form .row .form-group {
    padding: 0;
    margin: 0;
}

.sy-search .mbr-form .row input {
    padding: 0 2rem;
    height: 5rem;
}

.sy-search .mbr-form .row .mbr-section-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    z-index: 9;
    margin: 0;
    padding: 0;
}

.sy-search .mbr-form .row .mbr-section-btn .btn {
    background: #F76377 !important;
    border: 0 !important;
    font-size: 1.2rem;
    color: #fff;
    font-weight: normal;
    margin: 0;
    min-height: auto;
    padding: 0.7rem 2rem;
    border-radius: 3rem;
}

.sy-search .mbr-form .row .mbr-section-btn .btn:hover {
    background: #F76377 !important;
    opacity: 0.8;
}

/* 解决方案·智慧校园 */
.sy-school-banner {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/xiaoyuan/bg1.jpg);
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.sy-school-banner .mbr-section-title {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 1.2rem !important;
}

.sy-school-banner .mbr-section-title-p {
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.7;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.sy-school-banner .mbr-section-btn .btn {
    padding: 0.8rem 3rem;
    background: #125CF4 !important;
}

.sy-school-banner .mbr-section-btn .btn-primary:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 127, 255, 0.3) !important;
    transform: scale(1.02) translateY(-2px) !important;
}

.sy-school-banner .image-wrapper {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.sy-school-framework {
    background: #F9FBFD;
}

.sy-school-framework .mbr-section-title {
    font-size: 2.5rem;
    color: #000;
}

.sy-school-framework .card-wrapper {
    border-radius: 0 !important;
}

.sy-school-framework .card-wrapper img {
    border-radius: 0 !important;
    max-width: 100%;
}

.sy-school-framework.framework2 .card-wrapper {
    margin-bottom: 2rem;
}

.sy-school-framework.framework2 .mbr-list {
    margin-top: 2rem;
}

.sy-school-framework.framework2 .mbr-list .tag-list {
    display: flex;
}

.sy-school-framework.framework2 .mbr-list .tag-list .tag-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 8rem;
    margin-right: 2rem;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    border-bottom: 4px solid #125CF4;
    padding: 0 2rem;
    background: #fff;
    cursor: pointer;
    transition: all 1s;
}

.sy-school-framework.framework2 .mbr-list .tag-list .tag-item:hover {
    transform: translateY(-20px);
}

.sy-school-framework.framework2 .mbr-list .tag-list .tag-item:last-child {
    margin-right: 0;
}

.sy-school-framework.framework2 .mbr-list .tag-list .tag-item .desc {
    font-size: 1rem;
    color: #333;
    line-height: 2;
}

.sy-search {
    background-image: url(//cdn.xuansiwei.com/tb71412204/assets/images/solution/gongdi/bg7.png);
}

.sy-search .mbr-section-title {
    font-size: 2.25rem;
    color: #fff;
}

.sy-search .mbr-form .row {
    position: relative;
}

.sy-search .mbr-form .row .form-group {
    padding: 0;
    margin: 0;
}

.sy-search .mbr-form .row input {
    padding: 0 2rem;
    height: 5rem;
}

.sy-search .mbr-form .row .mbr-section-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    z-index: 9;
    margin: 0;
    padding: 0;
}

.sy-search .mbr-form .row .mbr-section-btn .btn {
    background: #F76377 !important;
    border: 0 !important;
    font-size: 1.2rem;
    color: #fff;
    font-weight: normal;
    margin: 0;
    min-height: auto;
    padding: 0.7rem 2rem;
    border-radius: 3rem;
}

.sy-search .mbr-form .row .mbr-section-btn .btn:hover {
    background: #F76377 !important;
    opacity: 0.8;
}

/* 二维码弹层 */
.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    display: none;
}

.popupbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 466px;
    height: 612px;
}

.popup-img {
    width: 100%;
    height: 100%;
}

.popup-img-close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 115px;
    right: 30px;
    cursor: pointer;
}