.nav[data-v-b8295798] {
	width: 100%;
	min-height: 70px;
	background-color: rgba(14, 84, 158, .39);
	position: fixed;
	top: 0;
	z-index: 1000
}

.nav-left[data-v-b8295798] {
	float: left;
	height: 100%
}

.logo-box[data-v-b8295798] {
	float: left;
	width: 162px;
	height: 37px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAAlCAYAAADBRzJ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFREIxQjdDODFGOUMxMUU5Qjg5M0I1MDI4Q0JCOEVGRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFREIxQjdDOTFGOUMxMUU5Qjg5M0I1MDI4Q0JCOEVGRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVEQjFCN0M2MUY5QzExRTlCODkzQjUwMjhDQkI4RUZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVEQjFCN0M3MUY5QzExRTlCODkzQjUwMjhDQkI4RUZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9WrNFgAACjZJREFUeNrsXH2MXFUV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);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 15px;
	margin-left: 55px
}

.nav-menu[data-v-b8295798] {
	float: left;
	margin-left: 100px
}

.nav-ul[data-v-b8295798] {
	min-height: 70px
}

.nav-list[data-v-b8295798] {
	float: left;
	width: 91px;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	margin-left: 15px;
	margin-top: 18px
}

.nav-list .nav-list-link[data-v-b8295798] {
	display: block;
	height: 34px;
	color: #fff;
	font-weight: 700;
	font-size: 16px
}

.nav-list .nav-list-link.on[data-v-b8295798],
.nav-list .nav-list-link[data-v-b8295798]:hover {
	border: 1px solid #fff;
	border-radius: 17px
}

.nav-right[data-v-b8295798] {
	float: right;
	height: 100%;
	display: block
}

.nav-icon-box[data-v-b8295798] {
	width: 28px;
	height: 28px;
	margin-top: 20px;
	display: inline-block;
	
	background-repeat: no-repeat;
	margin-left: 10px;
	cursor: pointer;
	position: relative
}

.nav-icon-wb[data-v-b8295798] {
	background-position: 0 -58px
}

.nav-icon-wchat[data-v-b8295798] {
	background-position: -30px -58px
}

.nav-icon-ecord[data-v-b8295798] {
	position: absolute;
	top: 50px;
	left: -56px;
	display: none
}

.nav-icon-box:hover .nav-icon-ecord[data-v-b8295798] {
	display: block
}

.nav-tel-box[data-v-b8295798] {
	float: right;
	height: 100%;
	line-height: 70px;
	margin-right: 50px;
	margin-left: 30px
}

.nav-tel-icon[data-v-b8295798] {
	width: 28px;
	height: 28px;
	margin-top: 20px;
	display: block;
	
	background-repeat: no-repeat;
	background-position: -61px -58px;
	float: left
}

.nav-tel-num[data-v-b8295798] {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	display: block;
	float: left;
	margin-left: 5px
}

.nav-list-second-ul[data-v-b8295798] {
	width: 530px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: none
}

.nav-list-second-about-ul[data-v-b8295798] {
	margin-left: -100px
}

.nav-list-second-project-ul[data-v-b8295798] {
	margin-left: -130px
}

.nav-list-second-list[data-v-b8295798] {
	float: left;
	margin-left: 25px;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-weight: 700
}

.nav-list-second-list a[data-v-b8295798] {
	color: #fff
}

@media screen and (max-width:1170px) {

	.logo-box[data-v-b8295798],
	.nav-menu[data-v-b8295798] {
		margin-left: 10px
	}

	.nav-list[data-v-b8295798] {
		margin-left: 5px;
		width: 82px
	}

	.nav-tel-box[data-v-b8295798] {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media (max-width:960px) {
	.logo-box[data-v-b8295798] {
		width: 110px;
		height: 25px;
		margin-top: 20px;
		margin-left: 5px
	}

	.nav-list[data-v-b8295798] {
		margin-top: 20px;
		width: 75px;
		line-height: 25px
	}

	.nav-list .nav-list-link[data-v-b8295798] {
		height: 25px;
		font-size: 15px
	}

	.nav-icon-box[data-v-b8295798] {
		margin-left: 5px
	}

	.nav-tel-box[data-v-b8295798] {
		margin-left: 5px;
		margin-right: 5px
	}

	.nav-list-second-list[data-v-b8295798],
	.nav-tel-num[data-v-b8295798] {
		font-size: 14px
	}
}

.cover-bg {
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000000;
	font-size: 30px;
	padding-top: 150px
}

body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
legend,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

button,
fieldset,
img,
input {
	border: none;
	padding: 0;
	margin: 0;
	outline-style: none
}

ol,
ul {
	list-style: none
}

input {
	padding-top: 0;
	padding-bottom: 0;
	font-family: SimSun, "\5B8B\4F53"
}

input,
select {
	vertical-align: middle
}

textarea {
	resize: none
}

img {
	border: 0;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration: none;
	font-weight: 400;
	font-size: 100%
}

em,
i,
s {
	font-style: normal;
	text-decoration: none
}

input,
select,
textarea {
	font-size: 12px;
	margin: 0
}

a {
	color: #333;
	text-decoration: none
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font: 12px/150% Arial, Verdana, "\5FAE\8F6F\96C5\9ED1";
	color: #666;
	background: #fff
}

.html,
body {
	width: 100%;
	height: 100%
}

.w {
	width: 1200px;
	margin: 0 auto
}

i.icons {
	display: inline-block;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	width: 22px;
	height: 22px;
	vertical-align: middle
}

a:link,
a:visited {
	color: #333
}

a:active,
a:hover {
	color: #2796eb
}

.show {
	display: block;
	opacity: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #f9e8b7
}

input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
	color: #f9e8b7
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #f9e8b7
}

body,
html {
	position: relative;
	height: 100%
}

body {
	background: #eee;
	color: #000;
	margin: 0;
	padding: 0
}

.default-page {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.project-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto
}

.project-slide {
	background: #11002d;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border: 1px solid #fff
}

.swiper-pagination-bullet-active {
	background-color: #fff
}

.project-slide-text {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.know-more-box {
	width: 152px;
	height: 90px;
	position: absolute;
	left: 50%;
	margin-left: -76px;
	bottom: 110px
}

.know-more-box a {
	display: block;
	width: 100%;
	height: 100%
}

.know-more-btn {
	width: 152px;
	height: 35px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAjCAYAAABoz8OXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1ODUzQTI2NDFBMjgxMUU5QUYyMzhDQzUxNjFDNkM5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1ODUzQTI2NTFBMjgxMUU5QUYyMzhDQzUxNjFDNkM5NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4NTNBMjYyMUEyODExRTlBRjIzOENDNTE2MUM2Qzk2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4NTNBMjYzMUEyODExRTlBRjIzOENDNTE2MUM2Qzk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AfuIRAAAB3xJREFUeNrsXF1sFFUUnoXGnwdl+Qn4IuxLKYoPEIzoA+kWgjE+KJoYATUUTfyJkZYETUwk3RV94MGUEqKQaLq+iD6YlpgQjUILJooIgsYfComUGiKo0Ioa0WDW77jfXQ93Z3ZnZ8uwLfdLvszOvTN3Zu/99pxzz96ZRD6f96rARLAZXALeCs4GJ4OTPIfxiF/BYfAoeADcDfaD/4RtIBFSYNPBtWArOATuBPeDA+AZ3ojD+IMYjqlgE3gbeDc4E8yBneBPtQrsKvA5ims7uJlqdrhyIV5rDbgC3ARuBP+OIjBp6B3wB/AZ8ITrWwcFsWRbwBvB5fRmJZgQcLLEWR+DW8F7nLgcfDBEbbwG7qVmQlmwxeBb4EPgLtePDiGwhJpZwYlAoMCaaLmW2wc6OFSAGKa3wUXaXWqBXQ3uA7fRNTo4VIsnyYXgX3YMtg4cdOJyqAFbGa8/WywRCwbOAM+AM7l/STnaQJsZMFVjG0kw7VOeApep/TTYrcus4+dVqO9jfS19+DT4c74y/gDXxzGmirOoJdGU18Dv3Ub/ORSHzGUQsElGOHUkkUgc9mmrg9Y3p4WBTaDo0E6/VdQnx+O8+agbtMoFvdyu8goJ566AppOsf5P3IUIbseoFWswpfe8V8Cr4FO/roFyC3iehjpH0wZ/gXPBFcAG4LCYrdoJaageflw5oAH8EZ8eo8kw+GjI+Yu1hXZ9iKy2N2Rcc4ufjsvVpJ23ascpbWd5KKzcMdpb58Zh20spiaQ6be7DKwvTbYrb9iFU+CWwkZ1h1i3jOyhjHtwk8JdoyN70/ZjOa4kAYpsq4m0McgBI3KNaBdaYdEdtxH9eXp6Uz4u4JuF4P65NsO81thp872ZauS1UQWNLHRWas/kiG7Lfd4O8R+vsYeDTmMd4HLpUPL4Mb4rx4FXGVsUypAPENG6umrMsyHwt0XO13+lnCgFgpDNLqfuScdpZ3k+kwbYTsu4Pg9xH6/EPwZMwCE01tbKB/3lwv0xAOmLggsThZxENBYkgx7urAOR2qvIcibmHsI211idB4jmyzWoCMqwy6cE2Jt1brWMy4TpS1aOtoxVZp1fYesBvcAU7GeSOqHanLWDFZGJwHG9T+Qn5PP3wDvsfP1zAmixOfgmvkZueA39WRuPoojPl2QG8F6b04XgL1YXxOGKskgswXFGaC/16WpSmkroCAOmlEzXYGK92vEY1P0O5R/Kt5D23Kcs+j0O2/VrToArvI2r+TQbwfdiiBXQ6IpppEYLKe60ydGDAjqMPlxKUHmOZYBneWEqlpq8W2eLZFxL6ILafE7VntXDT7s8vVbFSu32+3TWENhvjuIxH6awNp41rLYk0DZ8Q8lr+AU0Rg14Pn6kFdRjAR0KFSEilr0GTG1sLyanJlabbr+aQzDLJKVHtIG/10y+WQidhl0u5jKkUhiXNZ/fKgdZykM07FPJy/ibYaKK66EVlEYbb4uEjttowAkyoNkfXJhWmIZdtkxU7FGIzxV9KyhH6WL8Xr57zSVSnNvMeoApvIsSvehldYwyeQZTSy5Ook+PBlGJbrRFMiMFkSO3UsC4zialaftWXbxHhklY6xKrmtSjEYhVeNW/tShQCecqu14A3SRicTncWJD3h/zMMibvmsCOwIeJO4kjEorHIzsCSz71m6XrEUqQpWS7eb9svA+1iowTATAgr8Xh/rNtqQjIAsEJVVyO/zRyWrkWUhw+0xDo9oaqCB/lkuvHMMGq95nBBkLBfZocTRTo/ZzL+CMmoi0RsghDaVdigXg5l0SBiBrTXiVnFmJiDOi4rpFNc6Wm6PBkRc8ydeYV39/pjG5g6x2hIU7uJ0dywiHXJwwyCpAucdzIMVwWA9a5VN9nF7QSgmbpluyEcQl+SzLpSpX6BcpJ2TEtwV49gsBT8SC7aXproRPFbHLi/I7WTV/iT9PyE0sNaK07wyids2blebgN0Hs8rkwSqhZRQs2HnGy0H4ynwHKzabq2a0caCRmuqbwF9EtxUUxi2sdv6yh8ME4CoWSqpOE1F00ar1h4m1bBdGN5YrY+FGK2ZKMvBuq3Ki0MlZ4+KA+pMU1uvgSl5HXPjX4GkakzjQTk1dMCtaJQn3LTjfi2HJTsG7lAimj+5G4oVcGOsg/1GGDLA9FeTnapipDlY6n1bYxIYj9r6yYK3e/8t0qnHz73JGKAP4hVd4CDbBHJgYC3kSbAsFZiA5sBvAVxifXUrI00aHwJtF1HrJ9Av04fd5DvUO+XtofUCdxFkfgLfQNQ4xBltPKz3lEt+bxK+fgy/9Z0ysNfmfeYXHkLa5MXSIgCe8wmLI4pp891SRw2jB96ki+8HbAYpLDlzi+swh7AyZmil5wtvvyW6xXA94hQcpH3d951ABopHt1EyJ1yv3boo5nJHIDGeN514f4FA6W9zMmbBYriN+B00o04CcIH8tHOC0U6a+ja5fr3g0UguSUjrIgP5I0MFh3w8meTJJnj1Ki6bfDyYLy865fh+XkKTuNO/i94OJxZIcnCR9T1dqIBHhDYdpzhjMGw6neBevSXIYPxDDcdar4Q2H/wowAFIMZndqqTv4AAAAAElFTkSuQmCC)
}

.know-more-btn,
.know-more-down {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer
}

.know-more-down {
	width: 30px;
	height: 18px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QTlGNDdFMjFBMjgxMUU5QjlDQ0RGNDBFMjUzMjNBQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QTlGNDdFMzFBMjgxMUU5QjlDQ0RGNDBFMjUzMjNBQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdBOUY0N0UwMUEyODExRTlCOUNDREY0MEUyNTMyM0FDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdBOUY0N0UxMUEyODExRTlCOUNDREY0MEUyNTMyM0FDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k4xeUgAAAYBJREFUeNq0ldErREEUxmfXRiwepDwoSiGSolUSrQcPSiK7/6UsCUUpyoNSFKUoWkJC1D4gWne/UzN1Os3Ozl33fvXbOjOz97szc865iSAI2pRSU+AVnKp41QSyoJTCzyJoBb2gAZzEZNoI8iBNQRJ8s8kxMB6DKfmsGFMzsAM+2aIMGIrYeBm0s/jM7Lggdj4DBiIyXQKdLD6n60zqgHa8AcpswSzo+afpPOhi8TU4NkdtVALr4E/8sbtO0znx4jfggN8x1zvYFGML4qh8RCXTx+JHsC+zTepFJxwXZWSHpyn1hEEWP4NtW5rb9AD2LObpGqYTYITFH5YTdBqTivxO9FpqAM1V1o/qPsBzpuAqbJcoC49Ey8uBlFhHdT/J4i+wJqoklDHpUrTRFn3sRv267o1+9E5/XQ9N4CPhm6kZ0U7vwa2udyPa4ao+ZhWVMWkaDDvmaadvvs07jOi+r6rMbfma1mNMOgR3YmwXPIV5SNijVqKX03f8wvIiNVURYABQUU5rbpYFdQAAAABJRU5ErkJggg==);
	margin: 0 auto;
	margin-top: 37px
}

.poject-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.project-slide-zhanguan {
	
}

.zhanguan-slide-text {
	
	width: 641px;
	height: 641px;
	top: 50%;
	margin-top: -321px;
	right: 120px
}

.project-slide-vr {
	
}

.vr-slide-text {
	width: 897px;
	height: 901px;
	top: 50%;
	margin-top: -450px;
	left: 30px
}

.vr-circle-bg {
	width: 100%;
	height: 100%;
	
	-webkit-animation: rotateBg 120s linear infinite;
	animation: rotateBg 120s linear infinite
}

.vr-body-bg,
.vr-circle-bg {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.vr-body-bg {
	width: 627px;
	height: 632px;
	
	top: 50%;
	left: 50%;
	margin-top: -316px;
	margin-left: -265px
}

.project-slide-video {
	
}

.video-slide-text {
	
	width: 1024px;
	height: 977px;
	top: 50%;
	margin-top: -489px;
	right: 120px;
	opacity: .5;
	mix-blend-mode: color-dodge
}

.project-slide-cehua {
	
}

.cehua-slide-text {
	
	width: 378px;
	height: 85px;
	left: 50%;
	margin-left: -189px;
	top: 100px
}

.project-slide-kemilong {
	
}

.kemilong-slide-text {
	
	width: 725px;
	height: 524px;
	top: 50%;
	left: 50%;
	margin-left: -362px;
	margin-top: -290px
}

.project-menu-btn {
	width: 162px;
	height: 177px;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 100000
}

@-webkit-keyframes rotateBg {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotateBg {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.menu-big-bg {
	width: 400%;
	height: 400%;
	border-radius: 100%;
	background-color: #1e172d;
	position: absolute;
	left: -100%;
	top: -100%;
	z-index: 1000;
	-webkit-transition: all 1s ease-in-out, opacity 1.5s ease-in-out;
	transition: all 1s ease-in-out, opacity 1.5s ease-in-out
}

.menu-big-bg.close {
	-webkit-transform: scale(.05);
	transform: scale(.05);
	opacity: 0
}

.menu-box {
	width: 25%;
	height: 25%;
	position: absolute;
	
	top: 25%;
	left: 25%
}

.menu-box,
.menu-logo {
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.menu-logo {
	width: 161px;
	height: 129px;
	
	margin: 0 auto;
	margin-top: 60px;
	mix-blend-mode: overlay
}

.menu-btn {
	width: 162px;
	height: 177px;
	
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 100000
}

.menu-btn.open {
	
}

.menu-swiper-container {
	width: 100%;
	margin-top: 50px
}

.menu-swiper-slide {
	text-align: center
}

.menu-slide-icon {
	width: 100%;
	max-width: 360px;
	margin: 0 auto
}

/*!*width: 307px;*!*/
/*!*height: 299px;*!*/
/*!*width: 284px;*!*/
/*!*height: 305px;*!*/
/*!*width: 146px;*!*/
/*!*height: 308px;*!*/
/*!*width: 394px;*!*/
/*!*height: 314px;*!*/
/*!*width: 301px;*!*/
/*!*height: 282px;*!*/
.menu-slide-title {
	text-align: center;
	font-size: 37px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: normal
}

.menu-slide-btn {
	width: 111px;
	height: 35px;
	margin: 0 auto;
	margin-top: 15px;
	cursor: pointer
}

.menu-slide-btn a {
	display: block;
	width: 100%;
	text-decoration: none;
	cursor: initial;
	height: 100%;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 17px;
	text-align: center;
	line-height: 35px;
	font-size: 18px
}


.menu-slide-text {
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-top: 30px;
	line-height: 1.4em
}

@media (max-width:1300px) {
	.menu-logo {
		margin-top: 20px
	}

	.menu-slide-title {
		font-size: 20px
	}

	.menu-slide-text {
		font-size: 14px
	}
}

@media (max-width:960px) {
	.menu-logo {
		width: 60px;
		height: 48px
	}

	.menu-logo,
	.menu-swiper-container {
		margin-top: 10px
	}

	.menu-slide-icon {
		max-width: 150px
	}

	.menu-slide-title {
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 14px
	}

	.menu-slide-btn {
		width: 80px;
		height: 28px;
		margin-top: 5px
	}

	.menu-slide-btn a {
		line-height: 28px;
		font-size: 14px
	}

	.menu-slide-text {
		font-size: 10px;
		margin-top: 10px
	}

	.menu-btn {
		width: 60px;
		height: 63px
	}

	.zhanguan-slide-text {
		width: 260px;
		height: 260px;
		margin-top: -130px;
		right: 40px
	}

	.know-more-box {
		width: 100px;
		height: 60px;
		margin-left: -50px;
		bottom: 20px
	}

	.know-more-btn {
		width: 100%;
		height: 23px
	}

	.know-more-down {
		margin-top: 15px
	}

	.vr-slide-text {
		width: 260px;
		height: 261px;
		margin-top: -131px;
		left: 20px
	}

	.vr-body-bg {
		width: 190px;
		height: 190px;
		margin-left: -82px;
		margin-top: -100px
	}

	.video-slide-text {
		width: 300px;
		height: 288px;
		margin-top: -144px;
		right: 10px
	}

	.cehua-slide-text {
		width: 120px;
		height: 26px;
		margin-left: -60px;
		top: 60px
	}
}

#app {
	width: 100%;
	height: 100%;
	font-family: Microsoft YaHe, Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	display: none;
}


.case[data-v-3c1ae810] {
	width: 100%;
	height: 100%
}

.case .cut_line[data-v-3c1ae810] {
	width: 100%;
	height: 36px;
	margin-bottom: 50px;
	text-align: center
}

.case .cut_line .ntitle[data-v-3c1ae810] {
	font-size: 36px;
	color: #828282;
	position: relative
}

.case .cut_line .ntitle[data-v-3c1ae810]:after,
.case .cut_line .ntitle[data-v-3c1ae810]:before {
	content: "";
	position: absolute;
	top: 52%;
	background: silver;
	width: 43%;
	height: 1px
}

.case .cut_line .ntitle[data-v-3c1ae810]:before {
	left: -20px
}

.case .cut_line .ntitle[data-v-3c1ae810]:after {
	right: -20px
}

.caseBox[data-v-3c1ae810] {
		width: 1200px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 140px;
		position: relative
	}

	.caseBox .caseUl[data-v-3c1ae810] {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.caseBox .caseUl .caseLi[data-v-3c1ae810] {
		width: 30%;
		height: auto;
		margin: 0 auto;
		margin: 0 20px 50px 20px
	}

	.caseBox .caseUl .caseLi .imgBox[data-v-3c1ae810] {
		width: 100%;
		height: 80%;
		border: 1px solid #e7e7e7;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		padding: 17px 15px 15px
	}

	.caseBox .caseUl .caseLi .imgBox img[data-v-3c1ae810] {
		width: 100%;
		height: 100%
	}

	.caseBox .caseUl .caseLi .imgBox .mask[data-v-3c1ae810] {
		width: 93%;
		height: 88%;
		margin: 0 auto;
		background: rgba(0, 0, 0, .2);
		text-align: center;
		position: absolute;
		display: none
	}

	.caseBox .caseUl .caseLi .imgBox .mask a[data-v-3c1ae810] {
		display: block;
		width: 100%;
		height: 100%
	}

	.caseBox .caseUl .caseLi .imgBox .mask .link_img[data-v-3c1ae810] {
		width: 75px;
		height: 75px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -37.5px;
		margin-left: -37.5px
	}

	.caseBox .caseUl .caseLi .imgBox:hover .mask[data-v-3c1ae810] {
		display: block
	}

	.caseBox .caseUl .caseLi .infoBox[data-v-3c1ae810] {
		text-align: center;
		margin-top: 20px
	}

	.caseBox .caseUl .caseLi .infoBox .font1[data-v-3c1ae810] {
		color: #333;
		font-size: 18px
	}

	.caseBox .caseUl .caseLi .infoBox .font2[data-v-3c1ae810] {
		color: #7e7e7e;
		font-size: 16px;
		margin-top: 10px
	}