@media (min-width: 992px) {
    .hero_img picture img {
        height: calc(100vh - 52px);
    }

    .connectus_item{
        width: 66%;
    }
    .connectus_item.connectus_item_connect{
        margin-left: 25%;
    }
    .connectus_item.connectus_item_wechat{
        width: 50%;
        margin-left: 50%;
        text-align: right;
    }
}

@media (min-width: 1200px) {
    #index_aboutus .content {
        padding-left: 72px;
    }

    #index_product .content {
        padding-left: 72px;
    }

}

@media (min-width: 1400px) {
    .center_silder {
        width: calc(50% - 650px);
        height: 100vh;
        background: #a9daf3;
        position: fixed;
        top: 0;
        color: #000000;
        vertical-align: middle;
        text-orientation: sideways;
        z-index: 99;
    }

    .center_silder_desc {
        width: 100%;
        height: 100%;
    }

    .center_silder_desc a {
        text-decoration: none;
        font-size: 2rem;
        letter-spacing: -.04rem;
        line-height: 1.3965;
        color: #ffffff;
        position: absolute;
        top: calc(50% - 100px);
        right: 2px;
        transition: transform 0.6s ease-out; /* 添加过渡效果 */
    }

    #home_right .center_silder_desc a {
        right: auto;
        left: 0;
    }

    #home_right {
        right: 0;
        writing-mode: vertical-lr;
        padding-left: 2rem;
    }

    #home_left {
        left: 0;
        background: var(--user-color);
        writing-mode: vertical-rl;
        padding-right: 2rem;
    }

    #index_aboutus .content {
        padding-left: calc(50% - 249px);
    }

    #index_product .content {
        padding-left: 152px;
    }
}

@media (min-width: 1680px) {
    #home_about_content {
        padding-top: 208px;
    }

    .center_silder {
        width: calc(50% - 700px);
    }
}

@media (min-width: 1920px) {
    .center_silder {
        width: calc(50% - 800px);
    }

    #index_aboutus .content {
        padding-left: calc(50% - 115px);
    }

    #index_product .content {
        padding-left: 152px;
    }
}

@media (min-width: 2560px) {
    .center_silder {
        width: calc(50% - 1000px);
    }
}

@media (max-width: 1200px) {
    #index {
        /*height: auto !important;*/
    }

    #head_nav {
        background: var(--user-color);
        color: #ffffff;
    }

    .custom-col {
        width: 100vw;
        height: 100vh;
        transition: none;
    }

    #index_left {
        margin-left: 0;
    }

    #index_right {
        margin-right: 0;
        float: none;
    }

    #index_product {
        background-position: top center;
    }

    #home_about_content {
        padding-top: 158px;
    }

    .whats_product {
        height: 354px;
    }

    .whats_product .card-img-top {
        height: 257px;
    }
}

@media (max-width: 992px) {
    .container{
        padding-left: 14px;
        padding-right: 14px;
    }

    #home_head.header_white,
    #home_head.header_white .navbar-collapse {
        background: var(--user-color);
    }

    #home_head.header_black,
    #home_head.header_black .navbar-collapse {
        background-color: #ffffff;
    }

    #head_nav .nav-item a.active:after {
        width: 0;
    }

    #head_nav .nav-item a:hover:after {
        width: 0;
    }

    #home_head .navbar {
        /*top: 16px;*/
    }

    #home_head .navbar-collapse {
        padding-bottom: 128px;
    }

    #home_about_content {
        padding-top: 17.88rem;
        padding-left: 1.18rem;
        padding-right: 0.18rem;
    }

    #home_about_content h2 {

    }

    .home_about_desc {
        margin-top: 3.28rem;
    }

    .home_about_desc p {
        line-height: 128%;
    }

    #home_dream_content {
        width: 100%;
        height: 268px;
        margin-left: 0;
    }

    .hero_img picture {
        height: calc(100vh - 48px);
        /*height: calc(100vh - 52px);*/
    }

    ul.whats_desction {
        margin: 1rem 0;
    }

    ul.whats_desction li {
        display: list-item;
        float: left;
        width: 49.5%;
    }

    .whats_project {
        margin-top: 2rem;
    }

    #homeWhats {
        margin-left: 0.55rem;
    }

    .whats_product {
        height: 290px;
    }

    .whats_product .card-img-top {
        height: 188px;
    }
}

@media (max-width: 720px) {
    .whats_product {
        height: 368px;
    }

    .whats_product .card-img-top {
        height: 277px;
    }
}

@media (max-width: 576px) {
    .whats_product {
        height: 308px;
    }

    .whats_product .card-img-top {
        height: 218px;
    }
}

@media (max-width: 320px) {
    .whats_product {
        height: 260px;
    }

    .whats_product .card-img-top {
        height: 167px;
    }
}

@media (max-height: 800px) {
    #home_about_content {
        padding-top: 208px;
    }

}