/*index.css*/
.swiper-container,
.swiper-wrapper,
.swiper-slide {

	height: 100%;

}

.swiper-container {

	/*overflow: hidden;*/

}

.page-container {

	float: left;

	width: 100%;

	/*height: 100%;*/

	/*height: calc(100% - 60px);*/

	margin-top: 60px;

	overflow-y: auto;

}

.page h2 {

	font-size: 3rem;

	color: #fff;

	font-weight: bolder;

	text-align: center;

	margin-bottom: 2.8em;

}

.page h2:after {

	content: ' ';

	position: absolute;

	bottom: -1em;

	left: 50%;

	-webkit-transform: translate3d(-50%, 0, 0);

	transform: translate3d(-50%, 0, 0);

	width: 12em;

	height: 7px;

	background: url(../img/h2-decorate-bottom.png) no-repeat;

	background-size: 100%;

}

.page h2 span {

	display: inline-block;

	line-height: 1em;

}

.page h2 span:before,

.page h2 span:after {

	content: ' ';

	position: absolute;

	top: 0.15em;

	left: -1.2em;

	width: 0.8em;

	height: 0.8em;

	background: url(../img/h2-decorate-left.png) no-repeat;

	background-size: cover;

}

.page h2 span:after {

	left: auto;

	right: -1.2em;

	background: url(../img/h2-decorate-right.png) no-repeat;

	background-size: cover;

}

.page .page-content {

	width: 100%;

	height: calc(100% - 160px);

}

.page .look-more {

	position: relative;

	float: left;

	width: 100%;

	margin-top: 4em;

}

.page .look-more a {

	display: block;

	position: relative;

	width: 10em;

	margin: auto;

	text-align: center;

	line-height: 2.6em;

	border: 1px solid #ccc;

	box-shadow: 3px 3px 1px 0px #0096e3;

	color: #fff;
	font-size: 1.6rem;
}

.page .look-more a:hover {

	background: #0096e3;

	border: none;

	box-shadow: none;

	margin-bottom: 2px;

}

.page-1 {

	/*background: url(/imgs/page1-bg.png);*/

	background-size: auto 100%;

	background-position-x: center;

}

.page-1-bg-box {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 166%;

	overflow: hidden;

	z-index: -1;

}

.page-1-bg-rb {

	position: absolute;

	width: 21%;

	right: -2%;

	bottom: 24%;

}

.page-1-bg-lb {

	position: absolute;

	width: 45%;

	left: -20%;

	bottom: 0%;

}

.page-1-people {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	display: block;

	margin: auto;

	z-index: -1;

	background-size: auto 100%;

	background-position-x: center;

}

.page-1-text {

	display: block;

	position: absolute;

	left: 20%;

	top: 15%;

	width: 60%;

	z-index: 99;
	pointer-events: none;
}

.page-1 .vedio-play-box {

	position: absolute;

	top: 40%;

	left: calc(50% - 60px);

	/*zoom: 0.5;*/

}

.page-guanyu .left-img-box {

	width: 100%;

	padding-left: 30px;

	padding-bottom: 30px;

	overflow: hidden;

}

.page-guanyu .left-img-box:before {

	content: ' ';

	position: absolute;

	top: 50px;

	left: 0;

	width: 90%;

	width: calc(100% - 50px);

	height: 100%;

	height: calc(100% - 50px);

	border: 2px solid #fff;

}

.page-guanyu .text-paragraph {

	position: absolute;

	width: calc(100% - 30px);

	left: 30px;

	bottom: 30px;

	margin: 0;

	padding: 0.5em;

	font-size: 1.6rem;

	background: rgba(0, 149, 227, 0.6);

}

.page-guanyu .left-img-box .coverImg {
	width: 100%;
	min-height: 510px;
}

.page-guanyu .left-img-box img {
	max-width: 100%;
	height: auto;
	opacity: 0;
}

.page-guanyu .left-img-box .vedio-play-box {

	position: absolute;

	top: calc(50% - 80px);

	left: calc(50% - 50px);

	/*zoom: 0.5;*/

}

.box-border {

	width: 100%;

	height: 100%;

	border: 1px solid #999;

	padding: 0.5em;

}

.message-box {

	font-size: 2rem;

	width: 100%;

	background: #101a2d;

	padding: 20px;

}

.message-box input,

.message-box textarea {

	width: 100%;

	font-size: 1.4rem;

	font-weight: normal;

	line-height: 2em;

	background: none;

	padding: 0 5px;

}

.message-box input:focus,
.message-box textarea:focus {
	background-color: #030619;
}

.message-box .title {
	margin-bottom: 1em;
	font-size: 1.8rem;

	font-weight: bolder;

	line-height: 2em;

}

.message-box .title:before,

.message-box .title:after {

	content: ' ';

	position: absolute;

	top: 100%;

	left: 0;

	width: 4em;

	height: 5px;

	border-bottom: 1px solid #fff;

}

.message-box .title:after {

	width: 1.6em;

	border-bottom: 2px solid #fff;

}

.message-box .imgD {
	text-align: center;
}

.message-box .mlabel {

	font-size: 1.6rem;

	line-height: 1.6em;

	margin: 0.5em 0;

}

.message-box .tips {

	font-size: 1.4rem;
	opacity: 0.8;
}

.message-submit,

.message-submit img {

	width: 100%;

	font-size: 1.6rem;

	height: 2.6em;

	line-height: 2.6em;

	padding: 0;

}

.message-submit {

	margin: 1em 0;

}


.vedio-box {

	z-index: 99;

}

.page-xmjs .proj-item {
	position: relative;
	float: left;
	/* width: 12%; */
    width: 14.4%;
	height: 512px;
	font-size: 1.6rem;
	overflow: hidden;
	transition: width 0.5s;
	background: none;
	padding: 0;
}

.page-xmjs .proj-item.active,
.page-xmjs .proj-item:hover {
	width: 28%;
	transition: width 0.5s;
	background: #101a2d;
	padding: 1%;
}

.page-xmjs .proj-item .box-border {
	border: none;
}

.page-xmjs .proj-item.active .box-border,
.page-xmjs .proj-item:hover .box-border {
	border: 1px solid #999;
}

.page-xmjs .proj-item .border-corner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}

.page-xmjs .proj-item.active .border-corner {
	display: block;
}

.page-xmjs .proj-item:hover .border-corner {
	display: block !important;
}

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

.page-xmjs .proj-item .vimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.page-xmjs .proj-item .vimg img {
	width: 100%;
	opacity: 0;
}

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

.page-xmjs .proj-item.active .vimg,
.page-xmjs .proj-item:hover .vimg {
	display: none;
}

.page-xmjs .proj-item.active .himg,
.page-xmjs .proj-item:hover .himg {
	display: block;
	opacity: 0;
}

.page-xmjs .proj-item h3 {
	position: absolute;
	font-weight: bolder;
	line-height: 1.6em;
	top: 0.1em;
	left: auto;
	right: 0.1em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
}

.page-xmjs .proj-item.active h3,
.page-xmjs .proj-item:hover h3 {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	writing-mode: lr-tb;
	top: 0em;
	/*left: 0.1em;*/
	right: auto;
}

.page-xmjs .proj-item h3:before,
.page-xmjs .proj-item h3:after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 4em;
	border-left: 1px solid #fff;
	border-bottom: none;
}

.page-xmjs .proj-item h3:after {
	height: 1.6em;
	border-left: 2px solid #fff;
}

.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: 110%;
	left: 0;
	width: 4em;
	height: 5px;
	border-bottom: 1px solid #fff;
	border-left: none;
}

.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 .tagm {
	position: absolute;
	line-height: 1.6em;
	top: 22px;
	right: 72px;
	color: #0097e5;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
}

.page-xmjs .proj-item.active .tag,
.page-xmjs .proj-item:hover .tag,
.page-xmjs .proj-item.active .tagm,
.page-xmjs .proj-item:hover .tagm {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	writing-mode: lr-tb;
	top: 32px;
	right: 6px;
}

.page-xmjs .proj-item .tagm,
.page-xmjs .proj-item.active .tag,
.page-xmjs .proj-item:hover .tag {
	display: none;
}

.page-xmjs .proj-item .tag,
.page-xmjs .proj-item.active .tagm,
.page-xmjs .proj-item:hover .tagm {
	display: block;
}

.page-xmjs .proj-item .desc {
	position: absolute;
	top: 4.5em;
	line-height: 1.8em;
	height: 0;
	transition: height 0.5s;
	overflow: hidden;
}

.page-xmjs .proj-item.active .desc,
.page-xmjs .proj-item:hover .desc {
	height: 9em;
	padding-right: 6px;
	transition: height 0.5s;
}

.page-xmjs .proj-item:hover .desc {
	height: 9em !important;
}

.page-xmjs .proj-item .vedio-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin-left: 0;
	transition: width 0.5s;
	transition: height 0.5s;
}

.page-xmjs .vedio-box {
	z-index: -1;
}

.page-xmjs .proj-block .proj-item:hover .vedio-box,
.page-xmjs .case-block .case-item:hover .vedio-box {
	z-index: 99;
}

.page-xmjs .proj-item.active .vedio-box,
.page-xmjs .proj-item:hover .vedio-box {
	top: 224px;
	left: 5%;
	height: 180px;
	width: 90%;
	height: 180px;
	padding: 3px;
}

.page-xmjs .proj-item .case-more {
	position: absolute;
	left: 0.5em;
	bottom: 1.5em;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: calc(100% - 1em);
	display: none;
	font-size: 1.6rem;
}

.page-xmjs .proj-item.active .case-more,
.page-xmjs .proj-item:hover .case-more {
	display: block;
}

.page-xmjs .proj-item .clickIcon {
	display: none;
	position: absolute;
	right: 1em;
	top: calc(50% - 30px);
	height: 60px;
	width: auto;
	min-width: unset;
}

.page-xmjs .proj-item.active .clickIcon {
	display: none !important;
}

.page-xmjs .vedio-box-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.page-xmjs .vedio-box .border-corner-blue,
.page-xmjs .vedio-box .border-corner-blue2,
.page-xmjs .case-block .border-corner-blue2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	z-index: 99;
}

.page-xmjs .vedio-box .border-corner-blue:before,
.page-xmjs .vedio-box .border-corner-blue:after,
.page-xmjs .vedio-box .border-corner-blue2:before,
.page-xmjs .vedio-box .border-corner-blue2:after,
.page-xmjs .case-block .border-corner-blue2:before,
.page-xmjs .case-block .border-corner-blue2:after {
	width: 9px;
	height: 9px;
	z-index: 999;
}

.page-xmjs .vedio-box .border-corner-blue:before {
	top: 0px;
	left: 0px;
}

.page-xmjs .vedio-box .border-corner-blue:after {
	bottom: 0px;
	right: 0px;
}

.page-xmjs .vedio-box .border-corner-blue2:before {
	top: 0px;
	right: 0px;
}

.page-xmjs .vedio-box .border-corner-blue2:after {
	bottom: 0px;
	left: 0px;
}

.page-xmjs .vedio-play-box {
	opacity: 0;
	transition: opacity .9s;
}

.page-xmjs .proj-item.active .vedio-play-box {
	opacity: 1;
}

.page-xmjs .proj-item:hover .vedio-play-box {
	opacity: 1 !important;
}

.page-xmjs .vedio-box {
	width: 100%;
}

.page-xmjs .vedio-play-box {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
}

.page-xmjs .proj-block,
.page-xmjs .case-block {
	float: left;
	width: 100%;
}

.page-xmjs .case-block {
	margin-top: 20px;
	height: 180px;
	overflow: hidden;
}

.case-block .vedio-box-container>img {
	width: 100%;
	height: 100%;
}

.page-xmjs .case-list {
	float: left;
	width: 100%;
	height: 100%;
}

.page-xmjs .case-item {
	float: left;
	width: 20%;
	height: 100%;
	padding: 5px;
	overflow: hidden;
}

.page-xmjs .case-item .vedio-box {
	height: 100%;
}

.page-xmjs .case-item:hover .vedio-play-box {
	opacity: 0.9;
}

.page-xmjs .case-item .text-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-xmjs .case-item:hover .text-box {
	display: none;
}

.page-xmjs .case-item .text-box h3 {
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em;
}

.page-xmjs .case-item .text-box h3:after {
	content: ' ';
	position: absolute;
	left: calc(50% - 1.5em);
	top: 150%;
	width: 3em;
	height: 2px;
	background: #0097e5;
}

.page-xmjs .case-item .border-corner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: opacity 1s;
}

.page-xmjs .case-item:hover .border-corner {
	opacity: 1 !important;
	transition: opacity 1s;
}

.page-xmjs .case-block .border-corner-blue2:before {
	top: 0px;
	right: 0px;
}

.page-xmjs .case-block .border-corner-blue2:after {
	bottom: 0px;
	left: 0px;
}

@media screen and (min-width: 992px) {
	.page-xmjs .proj-block:hover .proj-item.active {
		position: relative;
		float: left;
		width: 12%;
		height: 512px;
		font-size: 1.6rem;
		overflow: hidden;
		transition: width 0.5s;
		background: none;
		padding: 0;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover {
		width: 25%;
		transition: width 0.5s;
		background: #101a2d;
		padding: 1%;
	}

	.page-xmjs .proj-block:hover .proj-item.active .box-border {
		border: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .box-border {
		border: 1px solid #999;
	}

	.page-xmjs .proj-block:hover .proj-item.active .himg {
		display: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active .vimg {
		display: block;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .vimg {
		display: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .himg {
		display: block;
	}

	.page-xmjs .proj-block:hover .proj-item.active h3 {
		position: absolute;
		font-weight: bolder;
		line-height: 1.6em;
		top: 0.1em;
		left: auto;
		right: 0.1em;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		writing-mode: tb-rl;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover h3 {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		writing-mode: lr-tb;
		top: 0em;
		/*left: 0.1em;*/
		right: auto;
	}

	.page-xmjs .proj-block:hover .proj-item.active h3:before {
		content: ' ';
		position: absolute;
		top: 0;
		left: 0;
		width: 5px;
		height: 4em;
		border-left: 1px solid #fff;
		border-bottom: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active h3:after {
		content: ' ';
		position: absolute;
		top: 0;
		left: 0;
		width: 5px;
		height: 4em;
		border-left: 1px solid #fff;
		border-bottom: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active h3:after {
		height: 1.6em;
		border-left: 2px solid #fff;
	}

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

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

	.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: absolute;
		line-height: 1.6em;
		top: 22px;
		right: 72px;
		color: #0097e5;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		writing-mode: tb-rl;
	}

	.page-xmjs .proj-block:hover .proj-item.active .tagm {
		position: absolute;
		line-height: 1.6em;
		top: 22px;
		right: 72px;
		color: #0097e5;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		writing-mode: tb-rl;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .tag {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		writing-mode: lr-tb;
		top: 32px;
		right: 6px;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .tagm {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		writing-mode: lr-tb;
		top: 32px;
		right: 6px;
	}

	.page-xmjs .proj-block:hover .proj-item.active .tagm {
		display: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .tag {
		display: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active .tag {
		display: none;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .tagm {
		display: block;
	}

	.page-xmjs .proj-block:hover .proj-item.active .desc {
		position: absolute;
		top: 4.5em;
		line-height: 1.8em;
		height: 0;
		transition: height 0.5s;
		overflow: hidden;
	}

	.page-xmjs .proj-block:hover .proj-item.active .vedio-box {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		margin-left: 0;
		transition: width 0.5s;
		transition: height 0.5s;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .vedio-box {
		top: 224px;
		left: 5%;
		height: 180px;
		width: 90%;
		height: 180px;
		padding: 3px;
	}

	.page-xmjs .proj-block:hover .proj-item.active .case-more {
		position: absolute;
		left: 0.5em;
		bottom: 1.5em;
		width: 100%;
		height: 45px;
		line-height: 45px;
		text-align: center;
		width: calc(100% - 1em);
		display: none;
		font-size: 1.6rem;
	}

	.page-xmjs .proj-block:hover .proj-item.active:hover .case-more {
		display: block;
	}

	.page-xmjs .proj-block:hover .proj-item.active .vedio-play-box {
		opacity: 0;
	}
}




.page-ylms {

	height: 100%;

}


.page-ylms .ylms-bg {

	display: none;

}

.page-ylms .ylms-item {

	position: absolute;

	float: left;

	width: 38%;

	opacity: 0;

}

.ylms-item.yi-1,

.ylms-item.yi-3 {

	margin-right: 12%;

}

.ylms-item.yi-2,

.ylms-item.yi-4 {

	margin-left: 12%;

}



.ylms-item.yi-2,

.ylms-item.yi-4 {

	left: 50%;

}

.ylms-item.yi-3,

.ylms-item.yi-4 {

	bottom: 15%;

}

.ylms-item>div {

	float: left;

}

.ylms-item.yi-1>.num,

.ylms-item.yi-3>.num,

.ylms-item.yi-1>.title,

.ylms-item.yi-3>.title {

	float: right;

}

.ylms-item .num {

	font-size: 5rem;

	font-weight: bolder;

}

.ylms-item .num span:before {

	content: ' ';

	position: absolute;

	width: 80%;

	height: 65%;

	top: 30%;

	left: 15%;

	background: #0097e5;

	z-index: -1;

}

.ylms-item .title {

	font-size: 2.8rem;

	font-weight: bolder;

	line-height: 2em;

	margin: 0 0.5em 0.5em;

}

.ylms-item.yi-1>div,

.ylms-item.yi-3>div {

	text-align: right;

}

.ylms-item .desc {

	font-size: 1.6rem;

}

.ylms-item.yi-1 .desc,

.ylms-item.yi-3 .desc {

	padding-right: 80px;

}

.ylms-item.yi-2 .desc,

.ylms-item.yi-4 .desc {

	padding-left: 80px;

}

/*覆盖范围*/

.page-fgfw {

	/*height: 100%;*/

}

.page-fgfw .fgfw-content {

	width: 100%;

	height: calc(100% - 160px);

}

.fgfw-content .map-box {

	width: 100%;

	height: 100%;

	margin: auto;

}

.fgfw-content .map-img {

	max-width: 100%;

	max-height: 100%;

	margin: auto;

	display: block;

}

.fgfw-lh1,

.fgfw-lh2,

.fgfw-lh3 {

	position: absolute;

	top: 49%;

	right: -20rem;

	width: 130rem;

	height: 1px;

	background: linear-gradient(to right,

		rgba(255, 255, 255, 0) 0%,

		rgba(255, 255, 255, 0.1) 10%,

		rgba(255, 255, 255, 0.2) 20%,

		rgba(255, 255, 255, 0.3) 50%,

		rgba(255, 255, 255, 0.2) 80%,

		rgba(255, 255, 255, 0.1) 90%,

		rgba(255, 255, 255, 0) 100%);

	z-index: 9;

}

.fgfw-lv1,

.fgfw-lv2,

.fgfw-lv3 {

	position: absolute;

	top: -14rem;

	left: 50%;

	height: 50rem;

	width: 1px;

	background: linear-gradient(to bottom,

		rgba(255, 255, 255, 0) 0%,

		rgba(255, 255, 255, 0.1) 10%,

		rgba(255, 255, 255, 0.2) 20%,

		rgba(255, 255, 255, 0.3) 50%,

		rgba(255, 255, 255, 0.2) 80%,

		rgba(255, 255, 255, 0.1) 90%,

		rgba(255, 255, 255, 0) 100%);

	z-index: 9;

}



.fgfw-lh2 {

	width: 27%;

	left: 3%;

	bottom: calc(15% + 93px);

	top: auto;

	right: auto;

}

.fgfw-lv2 {

	height: 135%;

	left: calc(15% + 18px);

	bottom: -35%;

	top: auto;

	right: auto;

}

.fgfw-lh3 {

	width: 66%;

	top: auto;

	right: -5%;

	bottom: calc(0% + 93px);

}

.fgfw-lv3 {

	height: 35%;

	left: auto;

	bottom: 0%;

	top: auto;

	right: calc(15% + 175px);

}

.map-box .prov-item {

	display: none;

}

.with-animate .prov-circle {

	background: #ff8418;

	border-radius: 50%;

}

.with-animate .prov-circle:before {

	content: ' ';

	position: absolute;

	width: 300%;

	height: 300%;

	top: -100%;

	left: -100%;

	border: 2px solid #ff8418;

	border-radius: 50%;

	opacity: .9;

}

.with-animate .prov-name {

	position: absolute;

	bottom: 50%;

	left: 200%;

	font-size: 1.6rem;

	white-space: nowrap;

	opacity: 0;

}

.with-animate .prov-circle-i {

	position: absolute;

	width: 900%;

	height: 900%;

	top: -400%;

	left: -400%;

	border: 2px solid #ff8418;

	border-radius: 50%;

	opacity: .8;

	-webkit-animation: circle-flash 5s ease infinite;

	-moz-animation: circle-flash 5s ease infinite;

	-ms-animation: circle-flash 5s ease infinite;

	animation: circle-flash 5s ease infinite;

}

.with-animate .prov-circle-i:before {

	content: ' ';

	position: absolute;

	width: calc(100% + 10px);

	height: calc(100% + 10px);

	top: -5px;

	left: -5px;

	border: 1px solid #ff8418;

	border-radius: 50%;

	opacity: .7;

}

.with-animate .prov-circle-i:after {

	content: ' ';

	position: absolute;

	width: calc(100% + 18px);

	height: calc(100% + 18px);

	top: -9px;

	left: -9px;

	border: 1px solid #ff8418;

	border-radius: 50%;

	opacity: .6;

}

.with-animate .prov-circle-o {

	position: absolute;

	width: calc(900% + 24px);

	height: calc(900% + 24px);

	top: calc(-400% - 12px);

	left: calc(-400% - 12px);

	border: 2px solid #ff8418;

	border-radius: 50%;

	opacity: .7;

	-webkit-animation: circle-flash 5s ease infinite;

	-moz-animation: circle-flash 5s ease infinite;

	-ms-animation: circle-flash 5s ease infinite;

	animation: circle-flash 5s ease infinite;

	animation-delay: 0.2s;

	-webkit-animation-delay: 0.2s;
	/* Safari 和 Chrome */

}

.with-animate .prov-circle-o:before {

	content: ' ';

	position: absolute;

	width: calc(100% + 10px);

	height: calc(100% + 10px);

	top: -5px;

	left: -5px;

	border: 1px solid #ff8418;

	border-radius: 50%;

	opacity: .3;

}

.with-animate .prov-circle-o:after {

	content: ' ';

	position: absolute;

	width: calc(100% + 18px);

	height: calc(100% + 18px);

	top: -9px;

	left: -9px;

	border: 1px solid #ff8418;

	border-radius: 50%;

	opacity: .3;

}



.fgfw-content .prov-circle {

	position: absolute;

}

.fgfw-content .with-animate .cline {

	position: absolute;

	height: 2px;

	opacity: 0.7;

	background: #ff8418;

	right: 13.9%;

	top: 69.6%;

	transform-origin: right;

}

.fgfw-content .nsqdMap {
	position: absolute;
	top: 74%;
	right: 4%;
	z-index: 1;
	width: auto;
	height: auto;
	max-width: 34%;
}

/* 拓展省份的淡入 */

@-webkit-keyframes prov-ex-fadein {

	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@-moz-keyframes prov-ex-fadein {

	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@-ms-keyframes prov-ex-fadein {

	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@keyframes prov-ex-fadein {

	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

.prov-ex {

	width: 6px;

	height: 6px;

	-webkit-animation: prov-ex-fadein 2s ease-in;

	-moz-animation: prov-ex-fadein 2s ease-in;

	-ms-animation: prov-ex-fadein 2s ease-in;

	animation: prov-ex-fadein 2s ease-in;

}

.prov-sh {

	width: 10px;

	height: 10px;

	right: 13.3%;

	top: 69%;

}

/*北京*/

.prov-bj {

	right: 27.8%;

	top: 39%;

}

/* 线长-北京 */

@-webkit-keyframes line-len-bj {

	from {
		width: 0
	}

	to {
		width: 28%
	}

}

@-moz-keyframes line-len-bj {

	from {
		width: 0
	}

	to {
		width: 28%
	}

}

@-ms-keyframes line-len-bj {

	from {
		width: 0
	}

	to {
		width: 28%
	}

}

@keyframes line-len-bj {

	from {
		width: 0
	}

	to {
		width: 28%
	}

}

.with-animate .cline-sh-bj {

	transform: rotate(59.6deg);

	-ms-transform: rotate(59.6deg);

	-moz-transform: rotate(59.6deg);

	-webkit-transform: rotate(59.6deg);

	width: 28%;

	-webkit-animation: line-len-bj 2s;

	-moz-animation: line-len-bj 2s;

	-ms-animation: line-len-bj 2s;

	animation: line-len-bj 2s;

}

/*吉林*/

.prov-jl {

	right: 10.5%;

	top: 21.6%;

}

/* 线长-吉林 */

@-webkit-keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

@-moz-keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

@-ms-keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

@keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

.with-animate .cline-sh-jl {

	transform: rotate(94.5deg);

	-ms-transform: rotate(94.5deg);

	-moz-transform: rotate(94.5deg);

	-webkit-transform: rotate(94.5deg);

	width: 38.3%;

	-webkit-animation: line-len-jl 2s;

	-moz-animation: line-len-jl 2s;

	-ms-animation: line-len-jl 2s;

	animation: line-len-jl 2s;

}

/*吉林*/

.prov-jl {

	right: 10.5%;

	top: 21.6%;

}

/* 线长-吉林 */

@-webkit-keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

@-moz-keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

@-ms-keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

@keyframes line-len-jl {

	from {
		width: 0
	}

	to {
		width: 38.3%
	}

}

.with-animate .cline-sh-jl {

	transform: rotate(94.5deg);

	-ms-transform: rotate(94.5deg);

	-moz-transform: rotate(94.5deg);

	-webkit-transform: rotate(94.5deg);

	width: 38.3%;

	-webkit-animation: line-len-jl 2s;

	-moz-animation: line-len-jl 2s;

	-ms-animation: line-len-jl 2s;

	animation: line-len-jl 2s;

}

/*广东*/

.prov-gd {

	right: 24.9%;

	top: 83.7%;

}

/* 线长-广东 */

@-webkit-keyframes line-len-gd {

	from {
		width: 0
	}

	to {
		width: 16.3%
	}

}

@-moz-keyframes line-len-gd {

	from {
		width: 0
	}

	to {
		width: 16.3%
	}

}

@-ms-keyframes line-len-gd {

	from {
		width: 0
	}

	to {
		width: 16.3%
	}

}

@keyframes line-len-gd {

	from {
		width: 0
	}

	to {
		width: 16.3%
	}

}

.with-animate .cline-sh-gd {

	transform: rotate(-45.9deg);

	-ms-transform: rotate(-45.9deg);

	-moz-transform: rotate(-45.9deg);

	-webkit-transform: rotate(-45.9deg);

	width: 16.3%;

	-webkit-animation: line-len-gd 2s;

	-moz-animation: line-len-gd 2s;

	-ms-animation: line-len-gd 2s;

	animation: line-len-gd 2s;

}

/*四川*/

.prov-sc {

	right: 44.8%;

	top: 62.7%;

}

/* 线长-四川 */

@-webkit-keyframes line-len-sc {

	from {
		width: 0
	}

	to {
		width: 32%
	}

}

@-moz-keyframes line-len-sc {

	from {
		width: 0
	}

	to {
		width: 32%
	}

}

@-ms-keyframes line-len-sc {

	from {
		width: 0
	}

	to {
		width: 32%
	}

}

@keyframes line-len-sc {

	from {
		width: 0
	}

	to {
		width: 32%
	}

}

.with-animate .cline-sh-sc {

	transform: rotate(9.6deg);

	-ms-transform: rotate(9.6deg);

	-moz-transform: rotate(9.6deg);

	-webkit-transform: rotate(9.6deg);

	width: 32%;

	-webkit-animation: line-len-sc 2s;

	-moz-animation: line-len-sc 2s;

	-ms-animation: line-len-sc 2s;

	animation: line-len-sc 2s;

}

/*新疆*/

.prov-xj {

	right: 77.2%;

	top: 36.3%;

}

/* 线长-新疆 */

@-webkit-keyframes line-len-xj {

	from {
		width: 0
	}

	to {
		width: 69.3%
	}

}

@-moz-keyframes line-len-xj {

	from {
		width: 0
	}

	to {
		width: 69.3%
	}

}

@-ms-keyframes line-len-xj {

	from {
		width: 0
	}

	to {
		width: 69.3%
	}

}

@keyframes line-len-xj {

	from {
		width: 0
	}

	to {
		width: 69.3%
	}

}

.with-animate .cline-sh-xj {

	transform: rotate(22.7deg);

	-ms-transform: rotate(22.7deg);

	-moz-transform: rotate(22.7deg);

	-webkit-transform: rotate(22.7deg);

	width: 69.3%;

	-webkit-animation: line-len-xj 2s;

	-moz-animation: line-len-xj 2s;

	-ms-animation: line-len-xj 2s;

	animation: line-len-xj 2s;

}

/*云南*/

.prov-yn {

	right: 51.2%;

	top: 83.8%;

}

/* 线长-云南 */

@-webkit-keyframes line-len-yn {

	from {
		width: 0
	}

	to {
		width: 39.3%
	}

}

@-moz-keyframes line-len-yn {

	from {
		width: 0
	}

	to {
		width: 39.3%
	}

}

@-ms-keyframes line-len-yn {

	from {
		width: 0
	}

	to {
		width: 39.3%
	}

}

@keyframes line-len-yn {

	from {
		width: 0
	}

	to {
		width: 39.3%
	}

}

.with-animate .cline-sh-yn {

	transform: rotate(-17.2deg);

	-ms-transform: rotate(-17.2deg);

	-moz-transform: rotate(-17.2deg);

	-webkit-transform: rotate(-17.2deg);

	width: 39.3%;

	-webkit-animation: line-len-yn 2s;

	-moz-animation: line-len-yn 2s;

	-ms-animation: line-len-yn 2s;

	animation: line-len-yn 2s;

}

.fgfw-desc-cs {

	position: absolute;

	right: 10%;

	top: 20%;

}

.fgfw-desc-jq {

	position: absolute;

	left: 15%;

	bottom: 15%;

}

.fgfw-desc-sys {

	position: absolute;

	right: 15%;

	bottom: 0%;

}

.fgfw-desc {

	display: none;

	font-size: 1.8rem;

}

.fgfw-desc .jia {
	position: relative;
	display: inline-block;
}

.fgfw-desc .jia img {
	width: 2em;
}

.fgfw-desc .jia .fgfw-lh1 {
	top: 49%;
	right: -20rem;
	width: 130rem;
}

.fgfw-desc .jia .fgfw-lv1 {
	top: -14rem;
	left: 50%;
	height: 70rem;
}

.fgfw-desc .jia .fgfw-lh2 {
	top: 49%;
	left: -20rem;
	width: 40rem;
}

.fgfw-desc .jia .fgfw-lv2 {
	top: -32rem;
	left: 50%;
	height: 68rem;
}

.fgfw-desc .jia .fgfw-lh3 {
	top: 49%;
	right: -40rem;
	width: 85rem;
}

.fgfw-desc .jia .fgfw-lv3 {
	top: -15rem;
	left: 50%;
	height: 30rem;
}

.fgfw-desc .title {

	font-weight: bolder;

	font-size: 2.6rem;

}

.fgfw-desc .title span {

	font-size: 3.6rem;

	color: #0096e3;

}

/*新闻资讯*/

.page-xwzx img {

	max-width: 100%;

}

.page-xwzx .img-box {

	width: 100%;

	overflow: hidden;
	/*height: 0;
	padding-bottom: 60%;*/
}

.page-xwzx .img-box img {


	width: 100%;

}



.page-xwzx .desc {
	line-height: 1.6em;
	text-indent: 2em;

}

.page-xwzx .big-item {

	float: left;

	width: 100%;

	font-size: 1.6rem;

}

.page-xwzx .big-item .text {
	display: flex;
	/*flex-direct: ;ion:column;*/
	flex-wrap: wrap;
	align-content: space-around
}

.page-xwzx .big-item h3 {
	margin: 0;
	padding-bottom: 12px;
	font-size: 2rem;
	font-weight: bold;
}

.page-xwzx .big-item .btnD {}

.page-xwzx .big-item .look-detail {

	display: inline-block;

	border: 1px solid #ccc;

	margin-top: 1em;

	padding: .5em 2em;

	box-shadow: 3px 3px 1px 0px #0096e3;
	color: #fff;
	background: #0096e3;
	border: none;
	box-shadow: none;
}

.page-xwzx .big-item .look-detail:hover {
	background-color: #fff;
	color: #0096e3;

	border: none;

	box-shadow: none;

}

.page-xwzx .list-item {

	float: left;

	/*width: 100%;*/

	/*overflow: hidden;*/
	margin-top: 1.5em;
}



.page-xwzx .list-item:hover .img-box:after {

	content: ' ';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #333;

	background: rgba(0, 0, 0, .6);

	z-index: 99;

}

.page-xwzx .list-item .info {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.page-xwzx .list-item h3.title-underline {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	width: calc(100% - 30px);

	font-size: 1.6rem;

	line-height: 1.6em;

	background: rgba(0, 150, 227, .6);

	padding: 0.5em;

	margin: 0 15px;

}

.page-xwzx .list-item h3.title-underline:before,

.page-xwzx .list-item h3.title-underline:after {

	display: none;

}

.page-xwzx .list-item .desc,
.page-xwzx .list-item .look-detail {
	display: none;
}

.page-xwzx .list-item:hover h3.title-underline:before,

.page-xwzx .list-item:hover h3.title-underline:after {

	display: block;

}

.page-xwzx .list-item:hover h3 {
	position: relative;
	top: 0.5em;
	left: 30px;
	width: calc(100% - 60px);
	margin: 0 0 1.5em 0;
	padding-left: 0;
	background: none;
	font-weight: 600;
}

.page-xwzx .list-item:hover .desc,

.page-xwzx .list-item:hover .look-detail {

	position: absolute;

	display: block;

}

.page-xwzx .list-item:hover .desc {
	position: relative;
	left: 30px;
	width: calc(100% - 60px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 1.4rem;
}

.page-xwzx .list-item:hover .look-detail {

	bottom: 15px;

	right: 30px;

	color: #0096e3;

}

.page-xwzx .list-item .border-corner-blue2 {

	display: none;

}

.page-xwzx .list-item:hover .border-corner-blue2 {

	position: absolute;

	top: 0;

	left: 15px;

	right: 15px;

	height: 100%;

	border: 1px solid #999;

	display: block;

}

/*合作流程*/

.page-hzlc .hz-star {

	position: absolute;

	left: 33%;

	top: 8%;

	width: 53%;

	display: none;

}

.page-hzlc .hz-star-circle {

	/*position: absolute;*/

	left: 0;

	top: 10%;

	width: 100%;

	/*height: 100%;*/

	opacity: 0;

}

.hz-item {

	position: absolute;

	font-size: 1.8rem;

	font-weight: bolder;

	opacity: 0;

}

.hz-item span {

	display: block;

	font-size: 3rem;

	font-weight: bolder;

	color: #0096e3;

}

.hz-item:before {

	content: ' ';

	position: absolute;

	left: -3em;

	top: 1.5em;

	width: 2em;

	height: 2em;

	background: url(../img/plus-circle.png);

	background-size: 100% 100%;

}

.hz-item-1 {

	top: 31%;

	left: 14%;

}

.hz-item-2 {

	top: 50%;

	left: 26%;

}

.hz-item-3 {

	top: 63%;

	left: 55%;

}

.hz-item-4 {

	top: 50%;

	left: 72%;

}

.hz-item-5 {

	top: 20%;

	left: 85%;

}





.swiper-container-gssl {

	height: 360px;

	overflow: hidden;

	/*padding: 30px 0;*/

}

.swiper-container-gssl .swiper-slide {

	height: 100%;

	text-align: center;

	font-size: 1.8rem;

	background: #fff;

	border-radius: 3px;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	transition: 300ms;

	transform: scale(.6);

}

.swiper-container-gssl .swiper-slide.swiper-slide-prev,

.swiper-container-gssl .swiper-slide.swiper-slide-next {

	transform: scale(.8);

	z-index: 98;

}

.swiper-container-gssl .swiper-slide-active,
.swiper-slide-duplicate-active {

	transform: scale(1);

	z-index: 99;

}

.swiper-container-gssl .swiper-slide img {

	height: 100%;

}
.page-gssl {
    width: 100%;
    background: #111421;
    padding: 50px 0;
    box-sizing: border-box;
}
.page-gssl .hzdw-list {

	/*position: absolute;*/

	float: left;

	width: 100%;

	margin-top: 60px;

}

.page-gssl .hzdw-list li {
    height: 120px;
	padding: 9px;

}

.page-gssl .hzdw-list img {
    height: 100%;
	width: 100%;

}
.loginBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.page-gssl .peixunBox {
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
}
.page-gssl .peixunBox .peixunBoxTop {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.page-gssl .peixunBox .peixunBoxTop .peixunBoxTop_wz {
    width: 50%;
    font-size: 18px;
    padding: 45px;
    box-sizing: border-box;
}
.page-gssl .peixunBox .peixunBoxTop .peixunBoxTop_wz1 {
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}
.page-gssl .peixunBox .peixunBoxTop .peixunBoxTop_wz2 {
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
}
.peixunBoxTop_wz p {
    font-size: 15px;
    line-height: 30px;
}
.peixunBoxTop_wz .line {
    width: 200px;
    height: 2px;
    margin: 28px 0 16px 0;
    background: #666;
}

.page-gssl .peixunBox .peixunBoxTop .peixunBoxTop_img {
    width: 50%;
    height: 312px;
    border-radius: 2px;
    overflow: hidden;
}
.page-gssl .peixunBox .peixunBoxTop .peixunBoxTop_img>img {
    width: 100%;
    height: 100%;
}



.slide-bar-left {

	position: fixed;

	left: 10px;

	top: 50%;

	-webkit-transform: translate3d(0, -50%, 0);

	transform: translate3d(0, -50%, 0);

	z-index: 999;

}

.slide-bar-left img {

	width: 30px;

	display: block;

	margin: 15px;

}

.slide-bar-right {

	position: fixed;

	right: 20px;

	top: 50%;

	-webkit-transform: translate3d(0, -50%, 0);

	transform: translate3d(0, -50%, 0);

	padding: 60px 8px;

	z-index: 999;

}

.slide-bar-right-bg {

	position: absolute;

	height: 100%;

	width: auto;

	top: 0;

	left: 50%;

	-webkit-transform: translate3d(-50%, 0, 0);

	transform: translate3d(-50%, 0, 0);

	opacity: 0.3;

}

.slide-bar-right-bullet {

	width: 16px;

	height: 16px;

	border-radius: 100%;

	background: #fff;

	opacity: .9;

	border: 3px solid #000;

	cursor: pointer;

	margin: 20px 0;

	display: block;

	-webkit-animation: sxfloat 2s infinite alternate-reverse ease-in-out;

	-moz-animation: sxfloat 2s infinite alternate-reverse ease-in-out;

	-ms-animation: sxfloat 2s infinite alternate-reverse ease-in-out;

	animation: sxfloat 2s infinite alternate-reverse ease-in-out;

}

.slide-bar-right:hover .slide-bar-right-bullet {

	-webkit-animation-play-state: paused;

	-moz-animation-play-state: paused;

	-ms-animation-play-state: paused;

	animation-play-state: paused;

}

.slide-bar-right-bullet:before {

	/*content: '';*/

	position: absolute;

	left: -2px;

	top: -2px;

	width: 16px;

	height: 16px;

	border: 1px solid #fff;

	border-radius: 50%;

	opacity: 1;

}

.slide-bar-right-bullet:after {

	content: ' ';

	position: absolute;

	left: -5px;

	top: -5px;

	width: 20px;

	height: 20px;

	border: 1px solid #fff;

	border-radius: 50%;

	opacity: 1;

}

.slide-bar-right-bullet-active {

	opacity: 1;

	width: 16px;

	height: 16px;

	margin: 0;

	border: none;

	/*-webkit-animation: zoomSolution 2s infinite;*/

	/*animation: zoomSolution 2s infinite;*/

	animation-timing-function: ease-in-out;

	-webkit-animation-timing-function: ease-in-out;
	/* Safari and Chrome */

}

.slide-bar-right-bullet-active:before {

	content: ' ';

	position: absolute;

	left: -10px;

	top: -10px;

	width: 36px;

	height: 36px;

	border: 3px solid #fff;

	border-radius: 50%;

	opacity: 0;

	animation: waveCircle 2s ease-in;

	animation-iteration-count: infinite;

}

.slide-bar-right-bullet-active:after {

	content: ' ';

	position: absolute;

	left: -10px;

	top: -10px;

	width: 36px;

	height: 36px;

	border: 2px solid #fff;

	border-radius: 50%;

	opacity: 0.3;

	animation: waveCircle 2s ease-in;

	animation-iteration-count: infinite;

	animation-delay: 0.5s;

	-webkit-animation-delay: 0.5s;
	/* Safari 和 Chrome */

}

.slide-bar-right-bullet span {

	display: none;

	position: absolute;

	right: 36px;

	bottom: 0;

	line-height: 1em;

	width: auto;

	white-space: nowrap;
	font-size: 1.4rem;
}

.slide-bar-right-bullet:hover span {

	display: block;

	animation: fadeinR .2s ease-in;

}

.page-xmjs .proj-item h3 {
	font-size: 1.8rem;
	letter-spacing: 10px;
	z-index: 66;
}

.page-xmjs .proj-item:hover h3,
.page-xmjs .proj-item.active h3 {
	margin-top: 14px;
	font-size: 2rem;
	letter-spacing: 3px;
}

.page-xmjs .proj-item h3:before {
	height: 5.3em;
}

.page-xmjs .proj-item h3:after {
	height: 1.8em;
}

.page-xmjs .proj-item .tag {
	right: 2.8em;
	font-size: 2rem;
	letter-spacing: 10px;
}

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

.page-1 .page-1-people {
	animation: translateAnimation1 4s linear 0s infinite normal;
}

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

@keyframes translateAnimation1 {
	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(0, 15px);
	}

	100% {
		transform: translate(0, 0);
	}
}