@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.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;}
}