/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
img {
	border: none;
}
input, img {
	vertical-align: middle;
}
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	font: 85%/1 "\9ED1\4F53";
	background:#f2f0eb;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*-------------------户型公共样式------------------------*/
	
	.house_total{ width:86%; overflow:hidden; margin:0 auto;}
	.house_total li{ width:100%; overflow:hidden;margin-top: 5%;}
	.house_total li img{ width:100%;}
	
	.mune_lfet{ width:49%; overflow:hidden; float:left; margin:0% 0% 2% 0%;}
	.mune_right{width:49%; overflow:hidden; float:right; margin:0% 0% 2% 0%;}
	
	.backimg{ width:15%; overflow:hidden; position:absolute; right:0; top:0;}
	.backimg img{ width:100%;}
	
	.total{ width:100%; overflow:hidden;}
	.total li{ width:100%; overflow:hidden;}
	.total li img{ width:100%;}
/*-------------------户型公共样式end------------------------*/

/*-------------------恬愉学堂样式------------------------*/

	.total .munebtn{ width:94%; overflow:hidden; margin:2% auto;}
	.total .munebtn li{ width:25%; float:left; overflow:hidden;}
	.total .munebtn li a img{ width:100%;}
/*-------------------恬愉学堂样式end------------------------


/*-------------------五大系统公共样式------------------------*/
	.back{ width:15%;overflow:hidden; position:absolute; top:0%; left:2%; z-index:999;}
	.back img{ width:100%;}
	
	.five_total{ width:96%; overflow:hidden; float:right;}
	.five_total li{ width:100%; overflow:hidden;}
	.five_total li img{ width:100%;}
	
	.systemback{ width:10%; overflow:hidden; position:absolute; right:5%; top:8%;}
	.systemback img{ width:100%;}
/*-------------------五大系统公共样式end------------------------*/

/*-------------------动态效果------------------------*/

.animated_3 {
	-webkit-animation-duration: 3s;
	   -moz-animation-duration: 3s;
	     -o-animation-duration:3s;
	        animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}


@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-moz-transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-moz-transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-moz-transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-o-transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-o-transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-o-transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@keyframes lightSpeedIn {
0% {
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	-moz-animation-name: lightSpeedIn;
	-o-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity:0;
-o-transform:translateX(-20px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(20px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity:0;
-o-transform:translateX(20px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}