/* 公共样式 */
p{line-height: 25px;}

/* 头部样式 */
.header{background-color: #fff;}

/* 肌电臂环介绍样式 */
.Introduction{padding: 40px 100px 0 100px; display: flex;  height: auto; box-sizing: border-box;}
.Introduction_content{width: 500px;height: 250px;margin-top: 60px;}
.Introduction_Tit{margin: 0 auto;}
.Introduction_Tit h2{font-size: 30px; padding: 30px 0;}
.Introduction_img{ position: relative;margin-left: 50px;perspective: 100px;height: 510px;}
#person{width: 337.6px; height: 505.6px;margin-left: 100px;}
#plane{
	animation: fly 3s ease-in;
 position: absolute;top:0;left: 80px;display: inline-block;}
 .shadowLine{width: auto;  margin-top: -4px;  box-sizing: border-box; background-image: url(/static/econ/images/shadow_line.png);width: 100%;height: 97px;
 background-repeat: no-repeat;background-size: 100% 97px; background-position: right;}

/*飞机旋转动画*/
@keyframes fly{
	0%{
		/* transform: scale(0); */
		transform: translate(0,0);
	}
	50%{
	    transform: translate(-100px,70px);
	}
	100%{
		transform: translate(0,0);
	}
}  

/* 功能特点部分样式 */
.specialtyTit{width: 400px; font-size: 25px; margin: 0 auto;padding: 0 0 50px 0;}
.specialtyContent{width: 100%;display: flex;justify-content: space-around;}
.apparel{width: auto;  background-color: #f4f4f4;border-radius: 30px;margin-right: 20px;}
.gesture{width: auto; background-color: #f4f4f4;border-radius: 30px;margin-left: 20px;}
.spacialtyIcon{width: 150px;margin: 0 auto;}
.spacialtyIcon img{display: block;margin: 0 auto;padding: 20px 0;width: 60px; height: 60px;}
.spacialtyIcon p{text-align: center;font-size: 22px;letter-spacing: 2px;text-indent: 0em;}
.armImgList{ margin: 30px 15px 0px 15px; justify-content: space-around; display: flex;width: auto;flex-wrap: wrap;}
.armImgList img{display: block;padding: 20px;}
.armImgList div{background-color: #E5E5E5;border-radius: 15px;margin-left: 0px;}
.apparelText{padding: 50px 60px;font-size: 18px;text-align: justify;}
.fingerImg{display: block; margin: 30px 0 0 0;}
.fingerImg img{width: 385.92px; height: 208.98px; margin: 0 auto;display: block;}
.gestureText{padding: 50px 60px;font-size: 18px;text-align: justify;}

/* 技术参数部分样式 */
.technology{display: flex;justify-content: space-around; padding-top: 100px;}
.technologyImg img{padding: 40px;}
.technologyParam{border: 0px solid rgb(211,215,217);width: 500px; border-collapse: collapse;}
.technologyParam td{ padding-left: 35px; border-bottom: 0px solid rgb(211,215,217);}
.technologyParam tr{height: 35px;}
.technologyParam tr td:nth-child(2){padding-left: 100px;}
.technologyParam tr:nth-child(2n+1){background-image: linear-gradient(to right,rgb(203,233,244),rgb(158, 233, 244));}

/* 应用方向部分样式 */
.apply{padding-top: 50px;width: 100%;}
.applyTit{padding-bottom: 50px;}
.applyScene{display: flex;  flex-wrap: wrap;justify-content: center;justify-content: space-around;}
.applyScene div{background-color: #F4F4F4;width: 580px; height: 262px; margin-top: 10px; position: relative; box-sizing: border-box;}
.applyScene div img{display: block;position: absolute;bottom: 0; left: 0;}
.name .line{ width: 55px;height: 5px;background-color: rgb(32,32,32);margin: 0 auto;}
.name p{font-size: 18px;text-align: center; text-indent: 0em; letter-spacing: 3px;width: 150px;margin: 0 auto; padding: 10px;color: rgb(23,74,179);}
.apply .name{background-image: linear-gradient(to right,rgb(229,237,239),rgb(134,218,238)); height: 40px;width: 150px;display: block;position: absolute;top: -10px;right: 0px; }
/* .applyScene div:nth-child(1) .name{position: absolute;top: 0;right: 2%;}
.applyScene div:nth-child(2) .name{position: absolute;top: 30%;right: 2%;}
.applyScene div:nth-child(3) .name{position: absolute;top: 30%;right: 2%;}
.applyScene div:nth-child(4) .name{position: absolute;top: 30%;right: 2%;} */


/* 手机端尺寸*/
@media (max-width:778px) {
	/* 肌电臂环介绍样式 */
	.Introduction{padding: 0px 0px 0px 0px; display: block; }
	.Introduction_content{width: 100%;margin-top: 0px;}
	.Introduction_content p{font-size: 18px; line-height: 30px; text-align: justify;letter-spacing: 0.01em;}
	.Introduction_Tit{margin: 0 auto;}
	.Introduction_Tit h2{font-size: 25px; padding: 30px 0;}
	.Introduction_img{width: 300px; height: 379.2px; margin: 0 auto; }
	#person{width: 253.2px; height: 379.2px; transform-origin: top; margin-left: 0px;}
	#plane{ width: 107.2px; height: 55.44px;position: absolute;top:30px;left: -20px;}
	 .shadowLine{ margin-top: 0px; height: 60px;
	 background-size: 100% 60px;}
	 /*飞机旋转动画*/
	 @keyframes fly{
	 	0%{
	 		/* transform: scale(0); */
	 		transform: translate(0,0);
	 	}
	 	50%{
	 	    transform: translate(-60px,50px);
	 	}
	 	100%{
	 		transform: translate(0,0);
	 	}
	 }  
	 
	 /* 功能特点部分样式 */
	 .specialtyTit{width: 100%; font-size: 25px; margin: 0 auto;padding: 0 0 50px 0;}
	 .specialtyContent{width: 280px;display: block; margin: 0 auto;}
	 .apparel{width: 280px; margin-bottom: 15px;  background-color: #f4f4f4;border-radius: 30px;margin-right:0px;}
	 .gesture{width: 280px; background-color: #f4f4f4;border-radius: 30px;margin-left:0px;}
	 .spacialtyIcon{width: 150px;margin: 0 auto;}
	 .spacialtyIcon img{display: block;margin: 0 auto;padding: 20px 0;width: 60px; height: 60px;}
	 .spacialtyIcon p{text-align: center;font-size: 22px;letter-spacing: 2px;text-indent: 0em;}
	 .armImgList{ margin: 30px 0px; width: 250px; margin: 30px auto; display: flex; justify-content: space-around;}
	 .armImgList img{display: block;padding: 20px;transform: scale(0.4); transform-origin: top left;}
	 .armImgList div{ width: 70.5px; height: 92px; background-color: #E5E5E5;border-radius: 15px;margin-left: 0px;}
	 .apparelText{padding: 20px 40px;font-size: 18px;text-align: justify;}
	 .fingerImg{padding-top: 30px; display: block; margin: 0;}
	 .fingerImg img{ width: 268px; height: 147px; margin: 0 auto;display: block;}
	 .gestureText{padding: 50px 40px;font-size: 18px;text-align: justify;}
	 
	 /* 技术参数部分样式 */
	 .technology{display: block; padding-top: 30px;}
	 .technologyImg img{padding: 0px; width: 314.3px; height: 284.9px; display: block; margin: 0 auto;}
	 .technologyParam{ margin: 20px 0; width: 310px; margin: 0 auto; border-collapse: collapse;}
	 .technologyParam td{ padding-left: 35px; border-bottom: 0px solid rgb(211,215,217);}
	 .technologyParam tr{height: 30px;}
	 .technologyParam tr td:nth-child(2){padding-left: 30px;}
	 .technologyParam tr:nth-child(2n+1){background-image: linear-gradient(to right,rgb(203,233,244),rgb(158, 233, 244));}
	 
	 /* 应用方向部分样式 */
	 .apply{padding-top: 30px;width: 100%;}
	 .applyTit{padding-bottom: 30px;}
	 .applyScene{display: block; }
	 .applyScene div{width: 300px; height: 250px; margin: 10px auto;}
	 .applyScene div img{display: block; transform-origin: bottom left;}
	 .applyScene div:nth-child(1) img{width: 282.4px; height: 206.4px;}
	 .applyScene div:nth-child(2) img{width: 264.8px; height: 157.44px;}
	 .applyScene div:nth-child(3) img{width: 288.6px; height: 155.4px;}
	 .applyScene div:nth-child(4) img{width: 280px; height: 148.8px;}
	 .apply .name{height: 40px;}
	 .name p{padding: 10px 0px;}
}

/* 平板尺寸 */
@media (min-width:778px) {
	/* 肌电臂环介绍样式 */
	.Introduction{padding: 40px 30px 0px; display: flex;  height: auto; box-sizing: border-box;}
	.Introduction_content{ width: 500px;height: 100%;}
	.Introduction_content p{font-size: 16px; line-height: 30px; text-align: justify;letter-spacing: 0.01em;}
	.Introduction_Tit{margin: 0 auto;}
	.Introduction_Tit h2{font-size: 30px; padding: 30px 0;}
	.Introduction_img{position: relative;margin-left: 0px;perspective: 100px;height: 510px;}
	#person{width: 337.6px; height: 505.6px;margin-left: 100px;}
	#plane{
		animation: fly 3s ease-in;
	 position: absolute;top:0;left: 80px;display: inline-block;}
	 .shadowLine{width: auto;  margin-top: -4px;  box-sizing: border-box; background-image: url(/static/econ/images/shadow_line.png);width: 100%;height: 97px;
	 background-repeat: no-repeat;background-size: 100% 97px; background-position: right;}
	
	/*飞机旋转动画*/
	@keyframes fly{
		0%{
			/* transform: scale(0); */
			transform: translate(0,0);
		}
		50%{
		    transform: translate(-100px,70px);
		}
		100%{
			transform: translate(0,0);
		}
	}  
	
	/* 功能特点部分样式 */
	.specialtyTit{width: 100%; font-size: 25px; margin: 0 auto;padding: 0 0 50px 0;}
	.specialtyContent{width: 720px;  display: flex; margin: 0 auto;}
	.apparel{width: 340px; height: 560px; margin-bottom: 15px;  background-color: #f4f4f4;border-radius: 30px;margin-right:0px;}
	.gesture{width: 340px; height: 560px; background-color: #f4f4f4;border-radius: 30px;margin-left:0px;}
	.spacialtyIcon{width: 150px;margin: 0 auto;}
	.spacialtyIcon img{display: block;margin: 0 auto;padding: 20px 0;width: 60px; height: 60px;}
	.spacialtyIcon p{text-align: center;font-size: 22px;letter-spacing: 2px;text-indent: 0em;}
	.armImgList{ width: 310px; margin: 50px auto; display: flex; justify-content: space-around;}
	.armImgList img{display: block;padding: 20px;transform: scale(0.5); transform-origin: top left;}
	.armImgList div{ width: 91.368px; height: 119.232px; background-color: #E5E5E5;border-radius: 15px;margin-left: 0px;}
	.apparelText{padding: 20px 40px 50px;font-size: 16px;text-align: justify;}
	.fingerImg{padding-top: 30px; display: block; margin: 0;}
	.fingerImg img{ width: 268px; height: 147px; margin: 0 auto;display: block;}
	.gestureText{padding: 62px 40px 30px;font-size: 16px;text-align: justify;}
	
	/* 技术参数部分样式 */
	.technology{ display: flex; padding-top: 30px; width: 700px;  margin: 0 auto;}
	.technologyImg img{padding: 0px; width: 220px; height: 199px; display: block; margin: 60px auto;}
	.technologyParam{ margin: 20px 0; width: 400px; margin: 0 auto; border-collapse: collapse;}
	.technologyParam td{ padding-left: 35px; border-bottom: 0px solid rgb(211,215,217);}
	.technologyParam table tr{height: 30px; }
	.technologyParam tr td:nth-child(2){padding-left: 30px;}
	.technologyParam tr:nth-child(2n+1){background-image: linear-gradient(to right,rgb(203,233,244),rgb(158, 233, 244));}
	
	/* 应用方向部分样式 */
	.apply{padding-top: 30px;width: 100%;}
	.applyTit{padding-bottom: 30px;}
	.applyScene{display: block; }
	.applyScene div{width: 580px; height: 262px; margin: 10px auto;}
	.applyScene div img{display: block; transform-origin: bottom left;transform-origin: bottom left;transform: scale(1.3);}
	.applyScene div:nth-child(1) img{width: 282.4px; height: 206.4px;}
	.applyScene div:nth-child(2) img{width: 264.8px; height: 157.44px;}
	.applyScene div:nth-child(3) img{width: 288.6px; height: 155.4px;}
	.applyScene div:nth-child(4) img{width: 280px; height: 148.8px;}
	.apply .name{height: 40px;}
	.name p{padding: 10px 0px;}
}

/* 小屏显示器 */
@media (min-width:992px) {
	/* 肌电臂环介绍样式 */
	.Introduction{padding: 40px 60px 0; display: flex;  height: auto; box-sizing: border-box;}
	.Introduction_content{width: 580px;height: 100%;}
	.Introduction_content p{font-size: 17px; line-height: 30px; text-align: justify;letter-spacing: 0.01em;}
	.Introduction_img{ position: relative;margin-left: 0px;perspective: 100px;height: 510px;}
	/* 功能特点部分样式 */
	.specialtyTit{width: 100%; font-size: 25px; margin: 0 auto;padding: 0 0 50px 0;}
	.specialtyContent{width: 800px;display: flex;  justify-content: space-around;}
	.apparel{width: 400px; height: 560px;  background-color: #f4f4f4;border-radius: 30px;margin-right: 5px;}
	.gesture{width: 400px; height: 560px;  background-color: #f4f4f4;border-radius: 30px;margin-left: 5px;}
	.spacialtyIcon{width: 150px;margin: 0 auto;}
	.spacialtyIcon img{display: block;margin: 0 auto;padding: 20px 0;width: 50px; height: 50px;}
	.spacialtyIcon p{text-align: center;font-size: 22px;letter-spacing: 2px;text-indent: 0em;}
	.armImgList{ margin: 80px auto 0; justify-content: center; width: 380px; display: flex; justify-content: space-around;}
	.armImgList img{display: block;padding: 20px;transform: scale(0.6); transform-origin: top left;}
	.armImgList div{ width: 112.8px; height: 147.2px; background-color: #E5E5E5;border-radius: 15px;margin-left: 0px;}
	.apparelText{padding: 70px 60px;font-size: 17px; text-align: justify;}
	.fingerImg{display: block; margin: 30px 0 0 0;}
	.fingerImg img{width: 343.04px; height: 185.6px; margin: 0 auto;display: block;}
	.gestureText{padding: 50px 60px;font-size: 17px; text-align: justify;} 
	 
	 /* 技术参数部分样式 */
	.technology{display: flex;justify-content: space-around; width: 100%; padding-top: 100px;}
	.technologyImg img{padding: 40px; width: 359.2px; height: 357.6px;}
	.technologyParam{border-radius: 15px; width: 100%; border: 0px solid rgb(211,215,217);width: 500px; border-collapse: collapse;}
	.technologyParam td{ padding-left: 35px; border-bottom: 0px solid rgb(211,215,217);}
	.technologyParam tr td:nth-child(2){padding-left: 100px;}
	.technologyParam tr:nth-child(2n+1){background-image: linear-gradient(to right,rgb(203,233,244),rgb(158, 233, 244));}
	.technologyParam tr{height: 35px;}
	 
	 /* 应用方向部分样式 */
/* 	 .apply{padding-top: 50px;width: 100%;}
	 .applyTit{padding-bottom: 50px;}
	 .applyScene{display: flex;  flex-wrap: wrap;justify-content: center;justify-content: space-around;}
	 .applyScene div{background-color: #F4F4F4;width: 580px; height: 262px; margin-top: 10px; position: relative; box-sizing: border-box;}
	 .applyScene div img{display: block;position: absolute;bottom: 0; left: 0; transform-origin: bottom left;transform: scale(1.3);}
	 .name .line{ width: 55px;height: 5px;background-color: rgb(32,32,32);margin: 0 auto;}
	 .name p{font-size: 18px;text-align: center; text-indent: 0em; letter-spacing: 3px;width: 150px;margin: 0 auto; padding: 10px;color: rgb(23,74,179);}
	 .apply .name{background-image: linear-gradient(to right,rgb(229,237,239),rgb(134,218,238)); height: 40px;width: 150px;display: block;position: absolute;top: -10px;right: 0px; } */
	 
	 /* 应用方向部分样式 */
	 .apply{padding-top: 30px;width: 100%;}
	 .applyTit{padding-bottom: 30px;}
	 .applyScene{ display: block; width: 920px; display: flex;  flex-wrap: wrap;justify-content: center;justify-content: space-around;}
	 .applyScene div{ width: 445px; height: 290px; margin: 0px auto; margin-top: 10px;}
	 .applyScene div img{display: block; transform-origin: bottom left;}
	 .applyScene div:nth-child(1) img{width: 282.4px; height: 206.4px;}
	 .applyScene div:nth-child(2) img{width: 264.8px; height: 157.44px;}
	 .applyScene div:nth-child(3) img{width: 288.6px; height: 155.4px;}
	 .applyScene div:nth-child(4) img{width: 280px; height: 148.8px;}
	 .apply .name{height: 40px;}
	 .name p{padding: 10px 0px;}
}

/* 大屏显示器 */
@media (min-width:1300px) {
	/* 肌电臂环介绍样式 */
	.Introduction{padding: 40px 100px 0 100px; display: flex;  height: auto; box-sizing: border-box;}
	.Introduction_content{width: 500px;height: 250px;margin-top: 60px;}
	.Introduction_content p{font-size: 18px; line-height: 30px; text-align: justify;letter-spacing: 0.01em;}
	.Introduction_Tit{margin: 0 auto;}
	.Introduction_Tit h2{font-size: 30px; padding: 30px 0;}
	.Introduction_img{ position: relative;margin-left: 50px;perspective: 100px;height: 510px;}
	#person{width: 337.6px; height: 505.6px;margin-left: 100px;}
	#plane{
		animation: fly 3s ease-in;
	 position: absolute;top:0;left: 80px;display: inline-block;}
	 .shadowLine{width: auto;  margin-top: -4px;  box-sizing: border-box; background-image: url(/static/econ/images/shadow_line.png);width: 100%;height: 97px;
	 background-repeat: no-repeat;background-size: 100% 97px; background-position: right;}
	
	/*飞机旋转动画*/
	@keyframes fly{
		0%{
			/* transform: scale(0); */
			transform: translate(0,0);
		}
		50%{
		    transform: translate(-100px,70px);
		}
		100%{
			transform: translate(0,0);
		}
	}  
	
	/* 功能特点部分样式 */
	.specialtyTit{width: 400px; font-size: 25px; margin: 0 auto;padding: 0 0 50px 0;}
	.specialtyContent{width: 100%;display: flex;justify-content: space-around;}
	.apparel{ width: auto; height: 520px;  background-color: #f4f4f4;border-radius: 30px;margin-right: 20px;}
	.gesture{ width: auto; height: 520px; background-color: #f4f4f4;border-radius: 30px;margin-left: 20px;}
	.spacialtyIcon{ width: 150px;margin: 0 auto;}
	.spacialtyIcon img{display: block;margin: 0 auto;padding: 20px 0;width: 60px; height: 60px;}
	.spacialtyIcon p{text-align: center;font-size: 22px;letter-spacing: 2px;text-indent: 0em;}
	.armImgList{ margin: 30px 15px 20px 15px; justify-content: space-around; display: flex;width: auto;flex-wrap: wrap;}
	.armImgList img{display: block;padding: 20px; transform: scale(1);}
	.armImgList div{width: auto; height: auto; background-color: #E5E5E5;border-radius: 15px;margin-left: 0px;}
	.apparelText{ padding: 30px 60px; font-size: 18px;text-align: justify;}
	.fingerImg{ display: block; margin: 0;}
	.fingerImg img{width: 385.92px; height: 208.98px;  margin: 0 auto;display: block;}
	.gestureText{ padding: 45px 60px;font-size: 18px;text-align: justify;}
	
	/* 技术参数部分样式 */
	.technology{margin: 0 auto; display: flex;justify-content: center; width: 100%; padding-top: 100px;}
	.technologyImg img{padding: 0px 40px 40px 40px; width: 359.2px; height: 357.6px;}
	.technologyParam{border: 1px solid red; border-radius: 15px; width: 100%; border: 0px solid rgb(211,215,217);width: 500px; border-collapse: collapse;}
	.technologyParam td{ padding-left: 35px; border-bottom: 0px solid rgb(211,215,217);}
	.technologyParam tr td:nth-child(2){padding-left: 100px;}
	.technologyParam tr:nth-child(2n+1){background-image: linear-gradient(to right,rgb(203,233,244),rgb(158, 233, 244));}
	.technologyParam tr{height: 35px;}
	 
	/* 应用方向部分样式 */
	.apply{padding-top: 50px;width: 1200px;}
	.applyTit{padding-bottom: 50px;}
	.applyScene{width: 1160px; display: flex;  flex-wrap: wrap;justify-content: center;}
	.applyScene div{background-color: #F4F4F4;width: 560px; height: 262px; margin-top: 10px; position: relative; box-sizing: border-box;}
	.applyScene div img{display: block;position: absolute;bottom: 0; left: 0; transform-origin: bottom left;transform: scale(1.3);}
	.name .line{ width: 55px;height: 5px;background-color: rgb(32,32,32);margin: 0 auto;}
	.name p{font-size: 18px;text-align: center; text-indent: 0em; letter-spacing: 3px;width: 150px;margin: 0 auto; padding: 10px;color: rgb(23,74,179);}
	.apply .name{background-image: linear-gradient(to right,rgb(229,237,239),rgb(134,218,238)); height: 40px;width: 150px;display: block;position: absolute;top: -10px;right: 0px; }
}