body {
	background: url(../images/index-bg.jpg) repeat-x center top #f5f5f5 ;
}
#toper {
	position: static;
}
.top-bar {
	height: 26px;
	padding-top: 2px;
}
#header {
	width: 100%;
	height: 370px;
	margin: 0;	
	padding: 0;
}
#header .inner {
	position: relative;
	width: 1200px;
	height: 370px;
	margin: 0 auto;
}
#header #logo {
	top: 152px;
	left: 50%;
	margin-left: -200px;
}
#header #search {
	position: absolute;
	bottom: 65px;
	left: 50%;
	width: 920px;
	margin-left: -425px;
}
#search .search-box {
	width: 838px;
	_width: 841px;
	height: 38px;
}
#search .search-input {
	width: 710px;
	height: 20px;
	line-height: 20px;
	padding: 9px 5px;
}
#search .search-btn {
	width: 113px;
	margin: 3px 0; 
}
#body {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding-top: 20px;
	background: url(../images/index-body-bg.png) repeat-x center -35px #fff ;
	border-bottom: 1px solid #ddd;
}
#body .inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.object-show-select {
	width: 995px;
	height: 97px;
	margin: -5px auto 0;
}
.object-show-select .select-left {
	float: left;
	margin-left: 15px;
}
.object-show-select .select-right {
	float: right;
	margin-right: 15px;
}

.object-show-select li {
	display: inline;
}
.object-show-select a {
	float: left;
	width: 50px;
	height: 79px;
	margin: 5px 30px 0;
	font-family: "Microsoft YaHei";
	font-size: 12px;
	line-height: 20px;
	color: #575757;
	text-align: center;
	cursor: default;
}
.object-show-select a .pic { 
	display:block; 
	width:50px; 
	height:50px; 
	background:url(../images/index-ico2.png) no-repeat;
}
.object-show-select .current a { 
	width:60px;   
	margin:0 25px; 
	font-size:14px; 
	color:#0c7a97;
}
.object-show-select .current a .pic { 
	display:block; 
	width:60px; 
	height:60px; 
	background:url(../images/index-ico3.png) no-repeat;
}
.object-show-select .qk .pic {
	background-position: -131px 0;
}
.object-show-select .zt .pic {
	background-position: -262px 0;
}
.object-show-select .zz .pic {
	background-position: -393px 0;
}
.object-show-select .jg .pic {
	background-position: -524px 0;
}
.object-show-select .jj .pic {
	background-position: -655px 0;
}
.object-show-select .xk .pic {
	background-position: -786px 0;
}
.object-show-select .dq .pic {
	background-position: -917px 0;
}
.object-show-select .current .wz .pic {
	background-position: 0 0;
}
.object-show-select .current .qk .pic {
	background-position: -131px 0;
}
.object-show-select .current .zt .pic {
	background-position: -262px 0;
}
.object-show-select .current .zz .pic {
	background-position: -393px 0;
}
.object-show-select .current .jg .pic {
	background-position: -524px 0;
}
.object-show-select .current .jj .pic {
	background-position: -655px 0;
}
.object-show-select .current .xk .pic {
	background-position: -786px 0;
}
.object-show-select .current .dq .pic {
	background-position: -917px 0;
}

.object-show-box {
	position: relative;
}
.object-show-corner {
	position: absolute;
	right: -10px;
	bottom: -10px;
}
.object-show-list {
	position: relative;
	width: 1003px;
	height: 221px;
	padding: 0;
	margin: 0 auto;
	background:url(../images/book-bg-2.png) no-repeat;
}
.object-show-loading {
	height: 218px;	
	background: url(../images/loading2.gif) no-repeat 200px 71px;
}
.object-show-loading2 {
	height: 218px;	
	background: url(../images/loading2.gif) no-repeat 730px 71px;
}
.object-show {
	background: url(../images/book-bg-2.png) no-repeat;
}
.show-left, .show-right {
	overflow: hidden;
	float: left;
	width: 425px;
	height: 180px;
	padding: 20px 45px 0 30px;
}
.show-right {
	float: right;
	padding: 20px 30px 0 45px;
}
.object-show dl {
	overflow: hidden;
	position: relative;
	height: 71px;
	margin-right: 0;	
	margin-bottom: 15px;
	padding-bottom: 11px;
	padding-left: 5px;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
}
.object-show dt {
	float: left;
	margin-right: 0.8em;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	line-height: 24px;	
}
.object-show dt a {
	text-decoration: underline;
}
.object-show dd {
	color: #777;
	line-height: 20px;
}
.object-show dd strong {
	font-weight: lighter;
}
.object-show dd span {
	margin-right: 0.8em;
}

.object-show .follow {
	float: left;
	color: #868686;
	white-space: nowrap;

}
.object-show .whole {
	clear: left;
	float: left;
	width: 100%;
}	
.object-show .more {
	position: relative;
	height: 1px;
	line-height: 1px;
	margin: -17px -10px 15px 0;
}
.object-show .more a {
	position: absolute;
	right: 10px;
	margin-top: -15px;
	padding: 0 5px;
	line-height: 30px;
	background: #fbfbfb;
}

.object-show .graph {
	min-height: 50px;
	_height: 50px;
	margin-bottom: 20px;
	padding-left: 110px;
	padding-top: 5px;
}
.object-show .graph dt {
	float: none;
	width: 124px;
	height: 17px;
	margin-bottom: 3px;
	padding-left: 10px;
	color: #fff;
	line-height: 15px;
	background: url(../images/index-graph-t.png) no-repeat;
}
.object-show .graph dt a {
	color: #fff;
	text-decoration: none;
}
.object-show .graph .pic {
	position: absolute;
	left: 5px;
	top: 3px;
}
.object-show .graph .pic img {
	width: 86px;
	height: 53px;
	border: 3px solid #bedff2;
	border-radius: 3px;
}
.object-show .graph .intro {
	color: #7d7e7f;
}

.author dl {
	padding-left: 40px;
}

.author .pic {
	position: absolute;
	left: 0;
	top: 0;
}

.object-show-arrow {
	position: relative;
	width: 1100px;
	height: 1px;
	margin: 0 auto;
}
.object-show-arrow a {
	position: absolute;
	display: block;
	width: 20px;
	height: 57px;
	margin-top: -150px;
	background: url(../images/object-show-arrow.png) no-repeat;
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.object-show-arrow a:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.object-show-arrow .arrow-left {
	left: 0;
}
.object-show-arrow .arrow-right {
	right: 0;
	background-position: -20px 0;
}
.old-data {
	*width: 603px;
	height: 21px;
	margin: 0 auto 50px;
	*padding: 0 240px;
	text-align: center;
	border-bottom: 1px solid #dadada;
}
.old-data li {
	display: inline-block;
	*display: block;
	*float: left;
	margin: 0 25px;
}
.links {
	color: #7b7c80;
	background: #30333a;
	zoom: 1;
}
.links :after {
	clear: both;
	color: #333333;
	content: " ";
	display: block;
}



#body .links .inner {
	width: 1082px;
	padding: 15px 0 40px;
}
.links h4 {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}
.links a {
	color: #7b7c80;
	line-height: 21px;
}
.links .link-box {
	float: left;
	width: 250px;
	width: 270px;
}
.links .link-app {
	float: right;
}



/*----width980----*/
.w-980 #header, .w-980 #body, .s-980 #header, .s-980 #body {
	width: 100%;		
}
.w-980 #header .inner, .w-980 #body .inner, .s-980 #header .inner, .s-980 #body .inner, .w-980 .object-show-arrow, .s-980 .object-show-arrow {
	width: 960px;
}

.w-980 #header #search, .s-980 #header #search {
	width: 790px;
	margin-left: -355px;
}
.w-980 #search .search-box, .s-980 #search .search-box {
	width: 710px;
	_width: 713px;
}
.w-980 #search .search-input, .s-980 #search .search-input {
	width: 582px;
}
.w-980 .object-show-select, .s-980 .object-show-select {
	width: 904px;
}
.w-980 .object-show-select a, .s-980 .object-show-select a {
	margin: 0 22px;
}
.w-980 .object-show-list, .s-980 .object-show-list {
	width: 816px;
}
.w-980 .old-data, .s-980 .old-data {
	padding: 0 150px;
}
.w-980 #body .links .inner, .s-980 #body .links .inner {
	width: 900px;
}
.w-980 .links .link-box, .s-980 .links .link-box {
	width: 200px;
	width: 220px;
}

.w-980 .object-show-loading, .s-980 .object-show-loading { background-position: 180px 71px; }
.w-980 .object-show-loading2, .s-980 .object-show-loading2 { background-position: 660px 71px; }
.w-980 .object-show-select a, .s-980 .object-show-select a { margin:5px 25px 0; }
.w-980 .object-show-select .current a, .s-980 .object-show-select .current a { margin:0 20px;}
.w-980 .show-left, .w-980 .show-right, .s-980 .show-left, .s-980 .show-right { width:375px;}
.s-980 .object-show-list, .w-980 .object-show-list {width:903px; height:221px; background:url(../images/book-bg.png) no-repeat;  }
.w-980 .object-show, .s-980 .object-show { background: url(../images/book-bg.png) no-repeat transparent;}
.w-980 #header .inner, .w-980 #body .inner, .s-980 #header .inner, .s-980 #body .inner, .w-980 .object-show-arrow, .s-980 .object-show-arrow { width:990px;}

.w-980 #header, .s-980 #header { height:300px;}
.w-980 #header .inner, .s-980 #header .inner { height:300px;}
.w-980 #header #search, .s-980 #header #search { bottom: 45px; }
.w-980 #header #logo, .s-980 #header #logo { top:102px;}

/*.w-980 .object-show, .w-980 .old-data, .w-980 #body .links .inner, .w-980 .links .link-box, .w-980 .object-show-list, .w-980 .object-show-arrow  {
	transition: all 0.3s cubic-bezier(1, 0.01, 0.3, 1) 0s;
	transition-delay: 0.01s;
}*/



/*----width1200----*/
/*.w-1200 .object-show, .w-1200 .old-data, .w-1200 #body .links .inner, .w-1200 .links .link-box, .w-1200 .object-show-list, .w-1200 .object-show-arrow  {
	transition: all 0.3s cubic-bezier(1, 0.01, 0.3, 1) 0s;
	transition-delay: 0.01s;
}*/