@media screen and (max-width: 992px) {
    .dbClose {
        font-size: 2rem;
    }

    .swiper-container {
        overflow: auto;
    }

    .slide-bar-left,
    .slide-bar-right {
        display: none;
    }

    .page {
        padding: 30px 0%;
        height: auto;
    }

    .page-1-bg-box {
        height: 100%;
    }

    .page-1-people {
        position: relative;
        background: none;
        height: auto;
        overflow: hidden;
        top: 35px;
    }

    .page-1-people-img {
        width: 220%;
        max-width: none;
        height: auto;
        margin-left: -65%;
        /*margin-bottom: 120px;*/
    }

    .page-1-text {
        position: absolute;
        top: 5%;
        width: 90%;
        left: 5%;
        margin: 56px 0;
        /*margin-bottom: 150px;*/
    }

    .page-1 .vedio-play-box {
        top: 36%;
        bottom: auto;
    }


    .page-1 .panoBox {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

    /*项目介绍*/
    .page-xmjs {
        padding: 30px 2%;
    }

    .page-xmjs .proj-item.active,
    .page-xmjs .proj-item:hover,
    .page-xmjs .proj-item {
        width: 100%;
        height: auto;
        padding: 0px;
    }

    .page-xmjs .proj-item h3,
    .page-xmjs .proj-item .desc {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
    }

    .page-xmjs .proj-item.active .vedio-box,
    .page-xmjs .proj-item:hover .vedio-box {
        position: relative;
        float: left;
        width: 99%;
        height: auto;
        left: 0.5%;
        top: auto;
    }

    .page-xmjs .proj-item img {
        width: 100%;
        height: auto;
    }

    .page-xmjs .proj-item .box-border,
    .page-xmjs .proj-item.active .box-border,
    .page-xmjs .proj-item:hover .box-border {
        float: left;
        padding: 30px;
        padding: 1.5rem;
    }

    .page-xmjs .proj-item .desc {
        display: none;
    }

    .page-xmjs .proj-item.active .desc,
    .page-xmjs .proj-item:hover .desc {
        display: block;
        /*height: auto;*/
        margin: 1rem 0;
    }

    .page-xmjs .proj-item h3 {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        writing-mode: lr-tb;
    }

    .page-xmjs .proj-item h3:before,
    .page-xmjs .proj-item h3:after,
    .page-xmjs .proj-item.active h3:before,
    .page-xmjs .proj-item.active h3:after,
    .page-xmjs .proj-item:hover h3:before,
    .page-xmjs .proj-item:hover h3:after {
        top: 100%;
        left: 0;
        width: 4em;
        height: 5px;
        border-bottom: 1px solid #fff;
        border-left: none;
    }

    .page-xmjs .proj-item h3:after,
    .page-xmjs .proj-item.active h3:after,
    .page-xmjs .proj-item:hover h3:after {
        width: 1.6em;
        border-bottom: 2px solid #fff;
    }

    .page-xmjs .proj-item .tag,
    .page-xmjs .proj-item.active .tag,
    .page-xmjs .proj-item:hover .tag {
        position: relative;
        float: left;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        writing-mode: lr-tb;
        top: auto;
        right: auto;
    }

    .page-xmjs .proj-item.active .tag,
    .page-xmjs .proj-item:hover .tag {
        position: absolute;
        top: 32px;
        right: 6px;
    }

    /*.page-xmjs .proj-block:hover .proj-item.active:hover,
	.page-xmjs .proj-block:hover .proj-item.active { width: 100%; height: auto; padding: 0px; }
	.page-xmjs .proj-block:hover .proj-item.active h3,{ position: relative; float: left; width: 100%; height: auto; left: auto; top: auto; }
	.page-xmjs .proj-block:hover .proj-item.active .desc { position: relative; float: left; width: 100%; height: auto; left: auto; top: auto; }
	.page-xmjs .proj-block:hover .proj-item.active:hover .vedio-box { position: relative; float: left; width: 99%; height: auto; left: 0.5%; top: auto; }
	.page-xmjs .proj-block:hover .proj-item.active .box-border{ float: left; padding: 30px; padding: 1.5rem; }
	.page-xmjs .proj-block:hover .proj-item.active:hover .box-border { float: left; padding: 30px; padding: 1.5rem; }
	.page-xmjs .proj-block:hover .proj-item.active .desc { display: none; }
	.page-xmjs .proj-block:hover .proj-item:hover.active .desc { display: block; height: auto; margin: 1rem 0; }
	.page-xmjs .proj-block:hover .proj-item.active h3 { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; }
	.page-xmjs .proj-block:hover .proj-item.active h3:before,
	.page-xmjs .proj-block:hover .proj-item.active h3:after{ top: 100%; left: 0; width: 4em; height: 5px; border-bottom: 1px solid #fff; border-left: none; }
	.page-xmjs .proj-block:hover .proj-item.active:hover h3:before,
	.page-xmjs .proj-block:hover .proj-item.active:hover h3:after { top: 100%; left: 0; width: 4em; height: 5px; border-bottom: 1px solid #fff; border-left: none; }
	.page-xmjs .proj-block:hover .proj-item.active h3:after{ width: 1.6em; border-bottom: 2px solid #fff; }
	.page-xmjs .proj-block:hover .proj-item.active:hover h3:after { width: 1.6em; border-bottom: 2px solid #fff; }
	.page-xmjs .proj-block:hover .proj-item.active .tag{ position: relative; float: left; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; top: auto; right: auto; }
	.page-xmjs .proj-block:hover .proj-item.active:hover .tag { position: relative; float: left; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; top: auto; right: auto; }
	.page-xmjs .proj-block:hover .proj-item.active:hover .tag { position: absolute; top: 32px; right: 6px; }*/




    /*案例*/
    .page-xmjs .case-block {
        display: none;
    }

    .page-xmjs .proj-item .case-more,
    .page-xmjs .proj-block:hover .proj-item.active .case-more {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 15px;
        height: 3em;
        line-height: 3em;
        left: auto;
        bottom: auto;
    }

    /*盈利模式*/
    .page-ylms .ylms-content {
        float: left;
        background: none;
    }

    .page-ylms .ylms-item {
        position: relative;
        float: left;
        width: 96%;
        margin: 2%;
        opacity: 0;
    }

    .page-ylms .ylms-bg {
        display: block;
        float: left;
    }

    .ylms-item.yi-1,
    .ylms-item.yi-3 {
        margin-right: 2%;
    }

    .ylms-item.yi-2,
    .ylms-item.yi-4 {
        margin-left: 2%;
    }

    .ylms-item.yi-2,
    .ylms-item.yi-4 {
        left: auto;
    }

    .ylms-item.yi-3,
    .ylms-item.yi-4 {
        bottom: auto;
    }

    .ylms-item.yi-1>.num,
    .ylms-item.yi-3>.num,
    .ylms-item.yi-1>.title,
    .ylms-item.yi-3>.title {
        float: left;
    }

    .ylms-item.yi-1>div,
    .ylms-item.yi-3>div {
        text-align: left;
    }

    .ylms-item.yi-1 .desc,
    .ylms-item.yi-2 .desc,
    .ylms-item.yi-3 .desc,
    .ylms-item.yi-4 .desc {
        padding: 0.5em 0.5em;
        text-indent: 2em;
    }

    .ylms-item .title-underline:before,
    .ylms-item .title-underline:after,
    .ylms-item .title-underline-r:before,
    .ylms-item .title-underline-r:after {
        display: none;
    }

    /*覆盖范围*/
    .page-fgfw .fgfw-content {
        padding-bottom: 160px;
    }

    .fgfw-desc-cs {
        right: 5%;
        top: auto;
        bottom: 1%;
    }

    .fgfw-desc-jq {
        left: 5%;
        bottom: 1%;
    }

    .fgfw-desc-sys {
        right: auto;
        left: 5%;
        bottom: 150px;
    }

    .prov-ex {
        width: 5px;
        height: 5px;
    }

    .prov-sh {
        width: 7px;
        height: 7px;
        right: 13.3%;
        top: 69%;
    }

    /*新闻资讯*/
    .page-xwzx .list-item {
        width: 100%;
        margin-bottom: 15px;
    }

    /*合作流程*/
    .hz-item {
        position: relative;
        left: calc(50% - 30%);
        float: left;
        width: 60%;
        margin-top: 1em;
        padding: 0.5em 0;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 3px;
        opacity: 0;
        font-size: 2rem;
    }

    .hz-item span {
        display: inline;
        font-size: 2.2rem;
        font-weight: bolder;
        color: #fff;
    }

    .hz-item:before {
        content: ' ';
        position: absolute;
        left: -3em;
        top: 0.4em;
        width: 2em;
        height: 2em;
        background: url(../images/plus-circle_1.png);
        background-size: 100% 100%;
    }

    .border-corner-top-left {
        left: -1px;
        top: -1px;
    }

    .border-corner-top-right {
        right: -1px;
        top: -1px;
    }

    .border-corner-bottom-left {
        left: -1px;
        bottom: -1px;
    }

    .border-corner-bottom-right {
        right: -1px;
        bottom: -1px;
    }

    .page.page-xwzx .look-more {
        margin-top: 0em;
    }

    .page-xwzx .big-item .text {
        height: auto !important;
    }

    .page-xwzx .desc {
        margin-top: 1.6em;
    }

    .page.page-xwzx .look-more {
        margin-top: 2em;
    }

    .page-footer button,
    .page-footer input,
    .page-footer textarea {
        height: 56px;
        line-height: 56px;
    }
}

@media screen and (max-width: 768px) {
    .fgfw-desc .title {
        font-size: 1em;
    }

    .fgfw-desc .title span {
        font-size: 2.4rem;
    }

    .fgfw-desc .desc {
        font-size: 1.4rem;
    }

    .page-xwzx .big-item .text {
        margin-top: 1.5em;
    }

    /*关于我们*/
    .page-guanyu .left-img-box {
        padding-left: 0;
    }

    .page-guanyu .left-img-box:before {
        border: none;
    }

    .page-guanyu .text-paragraph {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .page-guanyu .left-img-box .coverImg {
        height: auto !important;
    }

    .page-guanyu .left-img-box .vedio-play-box {
        top: calc(50% - 200px);
    }

    .page-guanyu .message-box {
        height: auto !important;
    }
}

@media screen and (min-width: 768px) {
    .page-container {
        scrollbar-arrow-color: #0097e5;
        /*三角箭头的颜色*/
        scrollbar-face-color: #0097e5;
        /*立体滚动条的颜色*/
        scrollbar-3dlight-color: #101a2d;
        /*立体滚动条亮边的颜色*/
        scrollbar-highlight-color: #101a2d;
        /*滚动条空白部分的颜色*/
        scrollbar-shadow-color: #0097e5;
        /*立体滚动条阴影的颜色*/
        scrollbar-darkshadow-color: #101a2d;
        /*立体滚动条强阴影的颜色*/
        scrollbar-track-color: #101a2d;
        /*立体滚动条背景颜色*/
        scrollbar-base-color: #101a2d;
        /*滚动条的基本颜色*/
    }

    .page-container::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background-color: #101a2d;
    }

    .page-container::-webkit-scrollbar {
        width: 18px;
        background-color: #101a2d;
    }

    .page-container::-webkit-scrollbar-thumb {
        border-radius: 18px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
        background-color: #0097e5;
    }
}

@media screen and (min-width: 992px) {
    .page-1-people-img {
        display: none;
    }
}

@media screen and (min-width: 1377px) {
    .page-guanyu .left-img-box img {
        height: auto;
    }
}

@media screen and (min-width: 1920px) {

    .page-xmjs .proj-item,
    .page-xmjs .proj-block:hover .proj-item.active {
        height: 640px;
    }

    .page-xmjs .proj-item.active .vedio-box,
    .page-xmjs .proj-item:hover .vedio-box,
    .page-xmjs .proj-block:hover .proj-item.active:hover .vedio-box {
        height: 290px;
    }
}