@charset "utf-8";
/* CSS Document */
body { font-family:"微软雅黑"; font-size:1em; margin:0 auto}
.top { width:100%; background:url(../images/top_bg.png) repeat-x center; background-size:cover; padding:5%; box-sizing:border-box; border-bottom:10px solid #f2f2f2;/* animation: s 3s; -moz-animation: s 3s;	Firefox
	-webkit-animation: s 3s;	Safari 和 Chrome
	-o-animation: s 3s;	Opera */}
.top .title ,.top .jieshao ,.top .xiace { width:100%; color:#fff;   text-shadow: 1px 0px 0px #ad6f8c;}
.top .title {font-size:1.8em;} 
/* @keyframes s
{
	0%   {opacity: 0;}
	100% {opacity: 100%;}
}

@-moz-keyframes s Firefox
{
	0%   {opacity: 0;}
	100% {opacity: 100%;}
}

@-webkit-keyframes s Safari 和 Chrome
{
	0%   {opacity: 0;}
	100% {opacity: 100%;}
}

@-o-keyframes s Opera
{
	0%   {opacity: 0;}
	100% {opacity: 100%;}
} */


.top .jieshao { font-size:1.4em;}
.top .xiace { font-size:1.1em; line-height:1.5em; margin-top:15px}
.anniua { width:100%; margin:0 auto; padding:3%; box-sizing:border-box; margin:4% auto 1% auto}
.button {background:rgba(255,255,255,0.8); border:0px solid #F3AC94; height:2.5em; line-height:2.5em; font-size:1.05em; color:#f44e4e; font-weight:bold; width:100%; border-radius:100px}
.button:hover {background:rgba(255,255,255,0.8); color:#f44e4e;}

.liebiao { width:100%; padding:15px; box-sizing:border-box; background:#ffffff; border-bottom:10px solid #f2f2f2; position:relative}
	
.liebiao-top{ width:100%; height:2em; font-size:1.4em; }
.liebiao-top img { height:1.5em; width:1.5em; float:left; margin:0.25em}
.liebiao-top .txt { height:2em; line-height:2em; float:left; margin-left:5px}
.liebiao-bottom { width:100%; font-size:1.05em; color:#666666; line-height:150%; margin-top:5px}
.color01 { color:#f67c33}
.color02 { color:#65beae}
.color03 { color:#5cb3f0}
.color04 { color:#eb7070}

.leftchu {animation: woca 1s;
	-moz-animation: woca 1s;	/* Firefox */
	-webkit-animation: woca 1s;	/* Safari 和 Chrome */
	-o-animation: woca 1s;	/* Opera */
	}
	
@keyframes woca
{
	0%   {left: -100%;}
	100% {left: 0;}
}

@-moz-keyframes woca /* Firefox */
{
	0%   {left: -100%;}
	100% {left: 0;}
}

@-webkit-keyframes woca /* Safari 和 Chrome */
{
	from { left:-100%}
	to { left:0}
}

@-o-keyframes woca /* Opera */
{
	0%   {left: -100%;}
	100% {left: 0;}
}

.rightchu{
	animation: wori 1s;
	-moz-animation: wori 1s;	/* Firefox */
	-webkit-animation: wori 1s;	/* Safari 和 Chrome */
	-o-animation: wori 1s;	/* Opera */
}
@keyframes wori
{
	0%   {right: -100%;}
	100% {right: 0;}
}

@-moz-keyframes wori /* Firefox */
{
	0%   {right: -100%;}
	100% {right: 0;}
}

@-webkit-keyframes wori /* Safari 和 Chrome */
{
	0%   {right: -100%;}
	100% {right: 0;}
}

@-o-keyframes wori /* Opera */
{
	0%   {right: -100%;}
	100% {right: 0;}
}