* { margin: 0; padding: 0;}
			.footer .head .left { width: 474px; top: 42px;}
			dl { text-align: center; float: left; color: #CACACA; width: 20%;}
			dl dt { padding-bottom: 20px; font-size: 18px;}
	img { border: none; vertical-align: top;}
	.hide_footer_contact {
		display: none;
		width: 100%;
	}
	
	.hide_footer_contact a {
		display: block;
		width: 100%;
		text-align: center;
		color: #CACACA;
		line-height: 36px;
	}
	.header .nav .child .childContent { width: 186%;}
	
	@media (max-width: 1023px) and (min-width: 100px) {
		.footer .container {
			display: none;
		}
		.hide_footer_contact {
			display: block;
		}
		.footer .head {
			height: auto;
		}
	}
	
		.work .container .child { overflow: hidden;}
.work .container .child:hover { transition: all 200ms; box-shadow: 6px 6px 16px grey;}
.work .container .child:hover,.work .container .child+img { transform: scale(1.02,1.02);}
.container { overflow: hidden;}
.childImgc3d { display: inline-block; width: 68%; }			
.work .container { height: 275px;}

	
	* { margin: 0; padding: 0;}
			.footer .head .left { width: 474px; top: 42px;}
			dl { text-align: center; float: left; color: #CACACA; width: 20%;}
			dl dt { padding-bottom: 20px; font-size: 18px;}
	img { border: none; vertical-align: top;}
	.hide_footer_contact {
		display: none;
		width: 100%;
	}
	
	.hide_footer_contact a {
		display: block;
		width: 100%;
		text-align: center;
		color: #CACACA;
		line-height: 36px;
	}
	.header .nav .child .childContent { width: 186%;}
	
	@media (max-width: 1023px) and (min-width: 100px) {
		.footer .container {
			display: none;
		}
		.hide_footer_contact {
			display: block;
		}
		.footer .head {
			height: auto;
		}
	}

.banner .contentInfo .sub {
	animation:sub 0.5s ease-in-out both; -moz-animation: sub .5s ease-in-out 0s both; -webkit-animation: sub .5s ease-in-out 0s both; -o-animation: sub .5s ease-in-out 0s both;
}
.banner .contentInfo .quan {
	animation:quan 0.2s ease-in-out 0.5s both; -moz-animation: quan .2s ease-in-out .5s both; -webkit-animation: quan .2s ease-in-out .5s both; -o-animation: quan .2s ease-in-out .5s both;
}
.banner .contentInfo .title {
	animation:tranx 0.8s ease-in-out 0.5s both; -moz-animation: tranx .8s ease-in-out .5s both; -webkit-animation: tranx .8s ease-in-out .5s both; -o-animation: tranx .8s ease-in-out .5s both;
}
.banner .contentInfo .info {
	animation:tranx 0.8s ease-in-out 0.7s both; -moz-animation: tranx .8s ease-in-out .7s both; -webkit-animation: tranx .8s ease-in-out .7s both; -o-animation: tranx .8s ease-in-out .7s both;
}
.banner .contentInfo .btn {
	animation:tranx 0.8s ease-in-out 0.9s both; -moz-animation: tranx .8s ease-in-out .9s both; -webkit-animation: tranx .8s ease-in-out .9s both; -o-animation: tranx .8s ease-in-out .9s both;
}
.pages {
	margin: 64px 0px 0px; text-align: center;
}
.pages a {
	margin: 0px 1px; padding: 9px 14px; border-radius: 3px; border: 1px solid rgb(240, 240, 240); border-image: none; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.pages span {
	margin: 0px 1px; padding: 9px 14px; border-radius: 3px; border: 1px solid rgb(240, 240, 240); border-image: none; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.pages a {
	list-style: none; color: rgb(88, 160, 211); text-decoration: none; display: inline-block;
}
.pages li {
	list-style: none; color: rgb(88, 160, 211); text-decoration: none; display: inline-block;
}
.pages a.first {
	margin: 0px;
}
.pages a.prev {
	margin: 0px;
}
.pages a.next {
	margin: 0px;
}
.pages a.end {
	margin: 0px;
}
.pages a:hover {
	border-color: rgb(80, 168, 230);
}
.pages span.current {
	background: rgb(80, 168, 230); border-color: rgb(80, 168, 230); color: rgb(255, 255, 255); font-weight: 700;
}