@charset "gb2312";
/* CSS Document */
body {color:#fff;}

/*通用*/
.animate ul {width:100%;height:100%;position:absolute;top:0;left:0;display:block;overflow:hidden;font-family:"宋体", Arial;}
	.animate ul li, .animate ul li i {position:absolute;}
	.animate h2 {margin-bottom:0.5%;font-weight:bold;font-family:"微软雅黑";font-size:14px;}
	.animate p {margin-bottom:3px;line-height:14px;}

	.models5 ul li:nth-child(1), .models6 ul li:nth-child(2), .models7 ul li:nth-child(1), .models8 ul li:nth-child(2), .models9 ul li:nth-child(2), .models10 ul li:nth-child(2), .models11 ul li:nth-child(2), .models12 ul li:nth-child(3), .models13 ul li:nth-child(1) {width:95%;left:5%;top:-10%;font-size:16px;opacity:0;animation:h1 1s ease forwards;-webkit-animation:h1 1s ease forwards;}
		.models5 ul li:nth-child(2), .models5 ul li:nth-child(5), .models6 ul li:nth-child(5), .models7 ul li:nth-child(4), .models13 ul li:nth-child(2), .models13 ul li:nth-child(5) {color:#fff;font-size:10px;background:#1bab4a;padding:0 1%;width:auto;height:16px;line-height:16px;display:block;}
			.models5 ul li:nth-child(2) i, .models5 ul li:nth-child(5) i, .models6 ul li:nth-child(5) i, .models7 ul li:nth-child(4) i, .models13 ul li:nth-child(2) i, .models13 ul li:nth-child(5) i {border-width:8px;border-style:solid;border-color:transparent #1bab4a transparent transparent;}
			.models5 ul li:nth-child(3), .models6 ul li:nth-child(3), .models7 ul li:nth-child(2), .models8 ul li:nth-child(3), .models9 ul li:nth-child(3), .models10 ul li:nth-child(3), .models11 ul li:nth-child(3), .models12 ul li:nth-child(4), .models13 ul li:nth-child(3) {background:rgba(255,255,255,.3);padding:1% 5%;animation-delay:1s;-webkit-animation-delay:1s;}
				.models5 ul li:nth-child(4), .models6 ul li:nth-child(4), .models7 ul li:nth-child(3), .models8 ul li:nth-child(4), .models9 ul li:nth-child(4), .models10 ul li:nth-child(4), .models11 ul li:nth-child(4), .models12 ul li:nth-child(5), .models13 ul li:nth-child(4) {animation-delay:2s;-webkit-animation-delay:2s;}	
	.models5 ul li:nth-child(2), .models5 ul li:nth-child(5), .models6 ul li:nth-child(1), .models7 ul li:nth-child(4), .models8 ul li:nth-child(1), .models9 ul li:nth-child(1), .models10 ul li:nth-child(1), .models11 ul li:nth-child(1), .models12 ul li:nth-child(1), .models12 ul li:nth-child(2), .models13 ul li:nth-child(2), .models13 ul li:nth-child(5) {animation-delay:3s;-webkit-animation-delay:3s;}

/*封页&&&理由*/
.models1 ul, .models3 ul {padding:2em 8%;position:absolute;bottom:6em;left:0;display:block;overflow:hidden;}

/*简介一&&&简介二*/
.models2 ul, .models4 ul {width:100%;height:100%;position:absolute;bottom:0;left:0;display:block;overflow:hidden;}
	.models2 ul li:nth-child(1), .models4 ul li:nth-child(1) {top:0;left:0;width:100%;display:block;}
	.models2 ul li:nth-child(2), .models4 ul li:nth-child(2) {width:92%;color:#000;font-size:12px;font-family:"微软雅黑";line-height:20px;padding:5% 4%;text-align:left;}
	.models2 ul li:nth-child(3), .models4 ul li:nth-child(3) {color:#fff;font-size:14px;width:90%;display:block;margin:2% 5% 0 5%;text-align:center;}

/*简介一*/
.models2 ul li:nth-child(2) {top:38%;left:0;}
.models2 ul li:nth-child(3) {bottom:5%;left:0;background:#1bab4a;padding:1% 0;}

/*简介二*/
.models4 ul li:nth-child(2) {top:35%;left:0;}
.models4 ul li:nth-child(3) {bottom:0;left:0;}

/*互动电子沙盘*/
.models5 ul li:nth-child(2) {top:28%;right:1%;}
	.models5 ul li:nth-child(2) i {left:-16px;}
.models5 ul li:nth-child(3) {top:35%;}
.models5 ul li:nth-child(4) {top:62%;right:1%;}
.models5 ul li:nth-child(5) {top:84%;left:1%;}
	.models5 ul li:nth-child(5) i {right:-16px;border-color:transparent transparent transparent #1bab4a;}
	
/*全息(浮空)投影*/
.models6 ul li:nth-child(1) {top:26%;width:75px;}
.models6 ul li:nth-child(3) {top:48%;}
.models6 ul li:nth-child(4) {color:#fff;top:72%;left:10%;}
.models6 ul li:nth-child(5) {top:86%;left:24%;animation-delay:4s;-webkit-animation-delay:4s;}
	.models6 ul li:nth-child(5) i {left:-16px;}

/*三通道3D球弧幕融合*/
.models7 ul li:nth-child(2) {bottom:0;}
.models7 ul li:nth-child(3) {width:70%;top:28%;left:5%;}
.models7 ul li:nth-child(4) {top:45%;right:10%;}
	.models7 ul li:nth-child(4) i {left:-16px;}

/*高清主动3D影院*/
.models8 ul li:nth-child(1) {top:36%;right:0;width:120px;}
.models8 ul li:nth-child(2) {background:#000;width:62%;}
.models8 ul li:nth-child(3) {bottom:0;color:#000;}
.models8 ul li:nth-child(4) {width:90%;top:56%;left:5%;}

/*3D影院*/
.models9 ul li:nth-child(1) {top:26%;right:0;width:120px;}
.models9 ul li:nth-child(3) {bottom:0;}
.models9 ul li:nth-child(4) {width:50%;top:28%;left:5%;}

/*四通道外投球*/
.models10 ul li:nth-child(1) {top:11.5%;right:0;width:110px;}
.models10 ul li:nth-child(3) {bottom:0;color:#000;}
.models10 ul li:nth-child(4) {width:90%;top:66%;left:5%;}

/*外墙投影*/
.models11 ul li:nth-child(1) {top:50%;right:0;width:110px;}
.models11 ul li:nth-child(3) {bottom:0;}
.models11 ul li:nth-child(4) {width:90%;top:64%;left:5%;}

/*多功能应用方案*/
.models12 ul li:nth-child(1) {top:30%;left:0;width:90px;}
.models12 ul li:nth-child(2) {top:50%;left:0;width:110px;}
.models12 ul li:nth-child(4) {bottom:0;color:#000;}
.models12 ul li:nth-child(5) {width:34%;top:72%;right:5%;color:#1bab4a;background:#fff;}

/*无线互动超短焦教学方案*/
.models13 ul {color:#000;}
	.models13 ul li:nth-child(1) {width:98%;left:2%;top:-10%;}
	.models13 ul li:nth-child(2) {top:38%;right:1%;}
		.models13 ul li:nth-child(2) i {left:-16px;}
	.models13 ul li:nth-child(3) {bottom:0;}
	.models13 ul li:nth-child(4) {top:30%;left:5%;}
	.models13 ul li:nth-child(5) {top:58%;left:24%;}
		.models13 ul li:nth-child(5) i {right:-16px;border-color:transparent transparent transparent #1bab4a;}

/*二维码*/
.models14 ul {width:100%;height:78%;position:absolute;bottom:0;display:block;overflow:hidden;}
	.models14 ul li:nth-child(1) {margin:300px 5% 0 5%;padding:2% 0;width:90%;background:#1bab4a;font-size:16px;text-align:center;font-weight:bold;color:#fff;border-radius:5px;}
		.models14 ul li:nth-child(1) a {color:#fff;}

@keyframes h1 {
	from {top:-10%;opacity:0;}
	to {top:16%;opacity:1;}
}
@-webkit-keyframes h1 {
	from {top:-10%;opacity:0;}
	to {top:16%;opacity:1;}
}

/*
zoomIn		放大
fadeInLeft	从左边移动
fadeInRight	从右边移动
fadeInDownBig	从上往下
fadeInUpBig	从下往上
*/

