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

#pageContent {
	width: 100%;
	position: relative;
	margin-top: 3.958vw;
}


/*视屏*/

#videobox {
	height: 30.677vw;
	width: 100%;
	position: relative;
	background: #fe7a0e;
}

#videobox video {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}


/*可视化*/

#Visualizationbox {
	width: 100%;
	height: 40.78125vw;
	position: relative;
}

#Visualizationbox img {
	position: absolute;
	right: 0vw;
	top: -0.729vw;
	width: 43.4375vw;
	height: 49.427vw;
}

#Visualizationbox .contentbox {
	width: 20.5vw;
	margin-top: 12.552vw;
}

#Visualizationbox .contentbox .name {
	width: 100%;
	height: 1.979vw;
	line-height: 1.979vw;
	font-size: 1.979vw;
	color: #525252;
	margin-bottom: 1.1458vw;
}

#Visualizationbox .contentbox .contenttext {
	width: 100%;
	line-height: 1.770vw;
	font-size: 1.0417vw;
	color: #8a8a8a;
}

#Visualizationbox .contentbox .btn {
	width: 8.0729vw;
	height: 2.396vw;
	border-radius: 1.198vw;
	line-height: 2.396vw;
	background: #f67f19;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 0.9375vw;
	margin-top: 2.3958vw;
	box-shadow: 0vw 0.3645vw 0.46875vw rgba(246, 127, 25, 0.41);
}

#Visualizationbox .contentbox .btn a {
	width: 8.0729vw;
	height: 2.396vw;
	border-radius: 1.198vw;
	line-height: 2.396vw;
	background: #f67f19;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 0.9375vw;
}


/*解决方案*/

#pageContent #Solutionbox {
	width: 100%;
	height: 59.375vw;
	position: relative;
	background: #f7f7f7 url(../img/index/Solutionbg.png) no-repeat center 29.1146vw;
	background-size: 100% 21.927vw;
}

#pageContent .upcontent {
	width: 100%;
	margin-top: 0.8646vw;
}

#pageContent .upcontent li {
	width: 19.270vw;
	height: 19.270vw;
	margin-top: 2vw;
	background: #fff;
	position: relative;
	display: inline-block;
	float: left;
	border-radius: 0.677vw;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition-property: top;
	-webkit-transition-duration: 0.5s;
}

#pageContent .upcontent li.active {
	margin-right: 2.3vw;
}

#pageContent .upcontent li:hover {
	top: -0.5vw;
}

#pageContent .upcontent li .displaybox {
	width: 100%;
	height: 19.270vw;
	display: inline-block;
	border-radius: 0.677vw;
	background: #fff;
	z-index: 1;
}

#pageContent .upcontent li .imgbox {
	width: 100%;
	height: 8.3854vw;
	background: #fff;
	border-top-left-radius: 0.677vw;
	border-top-right-radius: 0.677vw;
	margin-bottom: 1.1354vw;
}

#pageContent .upcontent li .imgbox img {
	display: block;
	position: relative;
	-webkit-transition-property: top;
	-webkit-transition-duration: 0.5s;
}

#pageContent .upcontent li .imgbox img:nth-child(1) {
	display: block;
}

#pageContent .upcontent li .imgbox img:nth-child(2) {
	opacity: 0;
}

#pageContent .upcontent li:hover .imgbox img:nth-child(1) {
	display: none;
}

#pageContent .upcontent li:hover .imgbox img:nth-child(2) {
	opacity: 1;
}

#pageContent .upcontent li:nth-child(1) .imgbox img {
	width: 5.208vw;
	height: 4.792vw;
	margin: 0 auto;
	top: 3.75vw;
}

#pageContent .upcontent li:nth-child(1):hover .imgbox img {
	top: 2.75vw;
}

#pageContent .upcontent li:nth-child(2) .imgbox img {
	width: 4.948vw;
	height: 5.104vw;
	margin: 0 auto;
	top: 3.4375vw;
}

#pageContent .upcontent li:nth-child(2):hover .imgbox img {
	top: 2.4375vw;
}

#pageContent .upcontent li:nth-child(3) .imgbox img {
	width: 5.15625vw;
	height: 4.7396vw;
	margin: 0 auto;
	top: 3.645833vw;
}

#pageContent .upcontent li:nth-child(3):hover .imgbox img {
	top: 2.645833vw;
}

#pageContent .upcontent li:nth-child(4) .imgbox img {
	width: 4.948vw;
	height: 5.15625vw;
	margin: 0 auto;
	top: 2.65625vw;
}

#pageContent .upcontent li:nth-child(4):hover .imgbox img {
	top: 1.65625vw;
}

#pageContent .upcontent li:nth-child(5) .imgbox img {
	width: 4.948vw;
	height: 5.15625vw;
	margin: 0 auto;
	top: 2.8645vw;
}

#pageContent .upcontent li:nth-child(5):hover .imgbox img {
	top: 1.8645vw;
}

#pageContent .upcontent li:nth-child(6) .imgbox img {
	width: 4.948vw;
	height: 6.1458vw;
	margin: 0 auto;
	top: 2.8229vw;
}

#pageContent .upcontent li:nth-child(6):hover .imgbox img {
	top: 1.8229vw;
}

#pageContent .upcontent li .content-textbox {
	padding: 0vw 2.604vw;
	width: 100%;
	height: 8.802vw;
	border-bottom-left-radius: 0.677vw;
	border-bottom-right-radius: 0.677vw;
	-webkit-transition-property: top;
	-webkit-transition-duration: 0.5s;
	top: 1vw;
	position: relative;
}

#pageContent .upcontent li:hover .content-textbox {
	top: 0vw;
}

#pageContent .upcontent li .content-textbox .boxname {
	width: 100%;
	text-align: center;
	line-height: 1.5625vw;
	height: 1.5625vw;
	font-size: 1.5625vw;
	color: #ff6600;
	margin-bottom: 1.5625vw;
}

#pageContent .upcontent li:nth-child(6) .content-textbox .boxname {
	margin-bottom: 0.833vw;
}

#pageContent .upcontent li .content-textbox .boxcontent {
	color: #8a8a8a;
	font-size: 0.9375vw;
	line-height: 1.354vw;
	width: 100%;
}


/*触碰变色*/

#pageContent .upcontent li:hover .imgbox {
	background: #f67f19;
}


/*重要客户*/

#pageContent #importantCustomer {
	width: 100%;
	height: 41.5625vw;
	position: relative;
}

#pageContent .importantCustomerbg {
	position: absolute;
	width: 16.25vw;
	height: 8.5417vw;
}

#pageContent .importantCustomerContentimg {
	width: 100%;
	height: auto;
	margin-top: 1.979vw;
}