.index_article {
	width:960px;
	margin:0px auto;
	background:url(../images/article_bg.jpg) no-repeat #f5efff;
	clear:both;
	font-family:"Microsoft YaHei","";
	font-size:16px;
	padding-bottom:10px;
}
.index_article .header {
	float:left;
	background:url(../images/article_h1_bg.png) no-repeat;
	width:490px;
	height:555px;
	position:relative;
	margin-top:50px;
}
.index_article .header h1 {
	margin-top:150px;
	margin-left:70px;
}
.index_article .header h1 span {
	display:none;
}
.index_article .header .article_class {
	position:absolute;
}
.index_article .header .article_class a {
	display:block;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	text-align:center;
	font-size:1.2em;
	transition: transform 200ms ease-in;
	-webkit-transition: -webkit-transform 200ms ease-in;
	-moz-transition: -moz-transform 200ms ease-in;
	-o-transition: -o-transform 200ms ease-in;
}
.index_article .header .article_class a:active {
	margin-top:3px;
}
.index_article .header .article_class a:hover {
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-o-transform:rotate(10deg);
}
.index_article .header .article_class a:hover span {
	display:block;
	transform:rotate(-10deg);
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
}
.index_article .header #article_9 {
	left:39px;
	top:20px;
}
.index_article .header #article_9 a {
	width:135px;
	height:79px;
	background:url(../images/article_class1.png) no-repeat;
	padding-top:80px;
}
.index_article .header #article_10 {
	left:187px;
	top:0px;
}
.index_article .header #article_10 a {
	width:133px;
	height:71px;
	background:url(../images/article_class2.png) no-repeat;
	padding-top:90px;
}
.index_article .header #article_11 {
	left:320px;
	top:88px;
}
.index_article .header #article_11 a {
	width:125px;
	height:74px;
	background:url(../images/article_class3.png) no-repeat;
	padding-top:74px;
}
.index_article .header #article_12 {
	left:28px;
	top:350px;
}
.index_article .header #article_12 a {
	width:105px;
	height:45px;
	background:url(../images/article_class4.png) no-repeat;
	padding-top:75px;
}
.index_article .header #article_13 {
	left:193px;
	top:370px;
}
.index_article .header #article_13 a {
	width:111px;
	height:50px;
	background:url(../images/article_class5.png) no-repeat;
	padding-top:83px;
}
.index_article .header #article_48 {
	left:328px;
	top:342px;
}
.index_article .header #article_48 a {
	width:102px;
	height:51px;
	background:url(../images/article_class6.png) no-repeat;
	padding-top:70px;
}
.index_article .newArticle {
	float:left;
	margin-left:20px;
	/*margin-top:100px;**标题太长换行需要，把高度调低**/
	margin-top:50px;/**标题太长换行需要，把高度调低**/
	font-size:1em;
	line-height:2em;
}
.index_article .newArticle .title {
	color:#563bdb;
	font-size:1.8em;
	padding:10px 0px;
	border-bottom:1px solid #d6cbff;
}
.index_article .newArticle li {
	width:300px;
	height:auto;
	word-break:break-all;
	word-wrap : break-word ;
	margin-left:99px;
	text-indent:-99px;
}
.index_article .newArticle span {
	padding-right:10px;
	line-height:1em;
	font-size:0.8em;
	/*display:inline-block;*/
	margin:5px 0px;
}
.index_article .newArticle span.new_9 {
	border-right:3px solid #ff3686;
}
.index_article .newArticle span.new_10 {
	border-right:3px solid #ff8915;
}
.index_article .newArticle span.new_11 {
	border-right:3px solid #ffc000;
}
.index_article .newArticle span.new_12 {
	border-right:3px solid #ba41ff;
}
.index_article .newArticle span.new_13 {
	border-right:3px solid #4896ff;
}
.index_article .newArticle span.new_48 {
	border-right:3px solid #71b900;
}
.index_article .newArticle span.new_182 {
	border-right:3px solid #364FFF;
}
.index_article .newArticle a {
	color:#000;
	/*display:inline-block;**标题太长换行需要**/
	padding:0px 10px;
}
.index_article .newArticle a:active {
	background-color:rgba(255,255,255,0.7);
	border-radius:5px;
}
.index_article .newArticle a:hover {
	color:#e72487;
}
.index_article .article_hot {
	margin-top:20px;
	padding:10px;
}
.index_article .article_hot .box {
	width:300px;
	float:left;
	margin-left:10px;
}
.index_article .article_hot .box .title {
	font-size:1.2em;
	background:#FFF;
	border-radius:10px;
	padding:5px 10px;
	box-shadow:1px 1px 2px #333;
	-webkit-box-shadow:1px 1px 2px #999;
}
.index_article .article_hot .box .title strong {
	font-size:1.2em;
	color:#e72487;
	padding:0px 5px;
}
.index_article .article_hot .box ul {
	padding:10px 0px;
}
.index_article .article_hot .box ul li {
	border-bottom:1px dotted #CCC;
}
.index_article .article_hot .box ul li a {
	background:url(../images/icon_arrow_pink.png) no-repeat 0px 5px;
	padding:7px 5px 7px 20px;
	display:block;
	color:#000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.index_article .article_hot .box ul li a:active {
	background-color:rgba(255,255,255,0.7);
	border-radius:5px;
}
.index_article .article_hot .box ul li a:hover {
	color:#e72487;
}