﻿/*
素材家园：www.SuCaiJiaYuan.com
Publish Time：20130814
Author ： Yuuk
*/
::-webkit-scrollbar-track-piece {
width:13px;
border-right:1px solid #EEE;
border-left:1px solid #e4e4e4;
background-color:#f0f0f0;
background-image:-webkit-linear-gradient(left, #f0f0f0, #FFF)
}
::-webkit-scrollbar {
width:13px;
height:13px
}
::-webkit-scrollbar-thumb {
position:relative;
min-height:25px;
border-radius:9999px;
background-color:#c2c2c2;
background-clip:padding-box
}
::-webkit-scrollbar-thumb:vertical {
border-top:0 solid transparent;
border-right:2px solid transparent;
border-bottom:0 solid transparent;
border-left:3px solid transparent
}
::-webkit-scrollbar-thumb:horizontal {
border-top:3px solid transparent;
border-right:0 solid transparent;
border-bottom:2px solid transparent;
border-left:0 solid transparent
}
::-webkit-scrollbar-thumb:hover {
background-color:#999;
}
::-webkit-scrollbar-thumb:active {
background-color:#7d7d7d
}
::selection {
	background: #4792FF;
	color: #fff
}
::-moz-selection {
background:#4792FF;
color:#fff
}
* {
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-appearance: none;
}
html {
	min-height: 101%;/*cursor:url(http://ued.taobao.org/blog/wp-content/themes/taobaoued/images/cursor.ico),auto*/
}
*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}
body {
	font-family: 'MicroSoft Yahei', verdana, arial, tahoma;
	font-size: 12px;
	color: #333;
	-webkit-text-size-adjust: none;
}
div {
	margin: 0 auto
}
ul, ol, li {
	list-style: none
}
a {
	text-decoration: none;
	word-wrap: break-word;
	outline: none;
hide-focus:expression(this.hideFocus=true);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
}
.left {
	float: left;
}
.right {
	float: right
}
.blue {
	color: #1061bc
}
.gray {
	color: #999
}
.w1000 {
	margin: 0 auto;
	width: 1000px;
}
.mt15 {
	margin: 15px 0;
}
.fixed {
	position: fixed;
	top: 0px;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop)-200+'px');
	_left: 0;
}
.gbox1000 {
	margin: 15px auto;
	width: 964px;
	height: 90px;
	padding: 4px 0px 4px 34px;
	border: 1px solid #eee;
	background: #fff url(../images/index_sprite.png) no-repeat 7px -347px;
}
.gg250 {
	width: 250px;
	height: 250px;
	background: #eee url(../images/no-ad.png) no-repeat -34px center;
}
.tonglan_1 {
	width: 1000px;
	height: auto;
	margin: 15px auto 0;
	overflow: hidden;
}
.ds-powered-by {
	display: none;
!important
}
/*tips*/
#publicTip {
	background-color: #fffee6;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	font-family: Arial;
}
#publicTip .publicTipContent {
	width: 980px;
	margin: 0px auto;
	position: relative
}
#publicTip p {
	text-align: center;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
}
#publicTip .afptip {
	background: url(../images/favorite_sprite.png) no-repeat 0px center;
	color: #f30;
	font-weight: bold;
	padding-left: 18px;
	display: inline-block;
}
#cafp {
	position: absolute;
	right: 0px;
	top: 8px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../images/share_close.png) no-repeat 3px 3px
}
#cafp:hover {
	background-position: -30px 3px
}
#nlraf {
	color: #999;
	text-decoration: underline
}
/*float nav*/
#FloatMenu {
	position: fixed;
	_position: absolute;
	bottom: 30px;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-230+"px");
	left: 91%;
	width: 70px;
	zoom: 1;
}
#FloatMenu a#totop {
	background: #FF7402;
	color: #fff;
	display: block;
	width: 90px;
	height: 30px;
	font: normal 12px/30px 'MicroSoft Yahei';
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#FloatMenu a#totop:hover {
	background: #ff6100;
	width: 100px;
}
.side-nav-wrap {
	right: 30px;
	position: fixed;
	top: 350px;
	z-index: 100;
	width: 100px;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+350));
}
.side-nav-wrap li, .side-nav-wrap .ft {
	text-align: right;
	position: relative;
	height: 30px;
	margin-bottom: 3px;
	vertical-align: bottom;
	white-space: nowrap;
}
.side-nav-wrap li a, .side-nav-wrap .ft a {
	display: inline-block;
	height: 30px;
	width: 90px;
	padding: 0 5px;
	overflow: hidden;
	background: #014DA3;
	color: #fff;
	font: normal 14px/30px Microsoft Yahei, "宋体";
	text-align: right;
	float: right;
	text-align: center;
}
.side-nav-wrap li a:hover {
	text-decoration: none;
	background: #4B9A00;
	color: #fff;
}
.side-nav-wrap li.act a {
	background: #4B9A00;
}
.side-nav-wrap li i {
	display: block;
	width: 6px;
	height: 12px;
	background: url(../images/floatNavIco.png) no-repeat -135px 0;
	position: absolute;
	left: -6px;
	top: 9px;
	display: none;
}
.side-nav-wrap li.act i {
	display: block;
}
.side-nav-wrap .ft a {
	width: 75px;
	background: #b8b8b8 url(../images/floatNavIco.png) no-repeat 10px 10px;
	padding: 0 5px 0 20px;
}
.side-nav-wrap .ft a:hover {
	text-decoration: none;
	background-color: #F60;
}
@media screen and (max-width:1024) {
#FloatMenu, .side-nav-wrap {
	display: none;
}
}
/*float nav*/
.header {
	width: 100%;
	background: #fff;
}
.header .top {
	background: #fafafa;
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #eee;
}
.header .top_nav {
	line-height: 34px;
	color: #999;
	position: relative;
}
.qqlogin {
	position: absolute;
	top: 4px;
	left: 250px;
	display: block;
}
.header .top_nav a {
	color: #999;
}
.header .top_nav a:hover {
	color: #1160BA;
	text-decoration: underline;
}
.header .top_mise {
	height: 90px;
	overflow: -hidden;
}
.header .top_mise .logo {
	width: 290px;
	margin-right: 60px;
	margin-top: 8px;
}
.header .top_mise .logo img {
	width: 250px;
}
.header .top_mise .logo a {
	display: block;
}
.header .top_mise .logo a:hover {
	-webkit-animation: sucaijiayuan 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both;
}
@-webkit-keyframes sucaijiayuan {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@-moz-keyframes sucaijiayuan {
0% {
-moz-transform:scale(1)
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg)
}
100% {
-moz-transform:scale(1) rotate(0)
}
}
@-ms-keyframes sucaijiayuan {
0% {
-ms-transform:scale(1)
}
10%, 20% {
-ms-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-ms-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-ms-transform:scale(1.1) rotate(-3deg)
}
100% {
-ms-transform:scale(1) rotate(0)
}
}
@-o-keyframes sucaijiayuan {
0% {
-o-transform:scale(1)
}
10%, 20% {
-o-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-o-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-o-transform:scale(1.1) rotate(-3deg)
}
100% {
-o-transform:scale(1) rotate(0)
}
}
.header .top_mise .search {
	height: 40px;
	width: 315px;
	margin-top: 28px;
}
.header .top_mise .search .search_txt {
	width: 240px;
	height: 37px;
	border: 1px solid #eee;
	border-right: 0;
	padding: 0 7px;
	float: left;
	font: normal 14px/37px 'MicroSoft Yahei';
	color: #666;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.header .top_mise .search .search_txt:focus {
	border-color: #ddd;
	box-shadow: 0 0 5px #eee inset;
}
.header .top_mise .search .search_btn {
	height: 39px;
	width: 60px;
	border: 0;
	cursor: pointer;
	background: #4b9a00 url(../images/index_sprite.png) no-repeat 16px -199px;
	float: right;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.header .top_mise .search .search_btn:hover {
	background-color: #FF7402;
}
.header .top_mise .share {
	width: 250px;
	margin-top: 27px;
	padding-right: 5px;
}
.nav {
	width: 100%;
	height: 45px;
	background: #1161ba;
}
.nav .nav_con {
	height: 45px;
	position: relative;
	z-index: 999;
}
.nav ul {
	height: 45px;
}
.nav ul li {
	float: left;
	background: url(../images/nav-border.gif) no-repeat left top;
	position: relative;
}
.nav ul li.navhover {
	background: #0754ae url(../images/nav-border.gif) no-repeat left top;
}
.nav ul li.border {
	height: 45px;
	width: 2px;
	background: url(../images/nav-border.gif) no-repeat right top;
}
.nav ul li a {
	display: block;
	padding: 0 15px;
	height: 45px;
	width: 80px;
	text-align: center;
	font: normal 16px/45px 'MicroSoft Yahei';
	color: #fff;
	position: relative;
}
.nav ul li a:hover {
	text-decoration: none;
}
.nav ul li ol {
	display: none;
	position: absolute;
	left: 1px;
	background: #fff;
	border: 1px solid #1161ba;
	border-top: 0;
	width: 260px;
	padding: 10px;
}
.nav ul li ol a {
	float: left;
	display: block;
	background: #fff;
	color: #333;
	height: 28px;
	width: 55px;
	font: normal 12px/28px 'MicroSoft Yahei';
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nav ul li ol a:hover {
	background: #eee;
	color: #1161ba;
	text-decoration: none;
	border-radius: 3px;
}
.nav .weibo {
	width: 95px;
	height: 45px;
}
.nav .weibo a {
	display: inline-block;
	height: 45px;
	width: 35px;
	margin-left: 10px;
}
.nav .weibo .sina {
	background: url(../images/index_sprite.png) no-repeat left -242px;
}
.nav .weibo .tencent {
	background: url(../images/index_sprite.png) no-repeat left -293px;
}
.indexPart1 {
	background: #fff;
	height: 570px;
	margin-top: 15px;
	border: 0px solid #eee;
	overflow: hidden;
	position: relative;
}
.slide {
	height: 270px;
	width: 400px;
	position: relative;
	overflow: hidden;
	margin-right: 17px;
	z-index: 5;
}
.slide .slideBg {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 100%;
	background: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 1;
}
.slide .slideImg li {
	height: 270px;
	width: 400px;
	overflow: hidden;
}
.slide .slideText {
	height: 30px;
	width: 80%;
	position: absolute;
	bottom: 0;
	z-index: 2;
	overflow: hidden;
}
.slide .slideText li {
	height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: -30px;
}
.slide .slideText li a {
	font: normal 12px/30px 'MicroSoft Yahei';
	color: #fff;
	text-decoration: none;
	padding-left: 1.2em;
}
.slide .slideDot {
	position: absolute;
	height: 30px;
	bottom: 0;
	right: 5px;
	z-index: 3;
}
.slide .slideDot li {
	float: left;
	height: 30px;
	padding: 0 3px;
}
.slide .slideDot li a {
	font: normal 20px/30px 'MicroSoft Yahei';
	color: #fff;
	text-decoration: none;
}
.slide .slideDot li.on a, .slide .slideDot li a:hover {
	color: #1061ba;
}
.slideControl {
	position: absolute;
	top: 35%;
	width: 100%;
	z-index: 4;
	display: none;
}
.slideControl a {
	position: absolute;
	display: block;
	width: 35px;
	height: 70px;
	text-align: center;
	font: normal 45px/70px simsun;
	color: #ddd;
	text-decoration: none;
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.slideControl .slidePrev {
	left: 0;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}
.slideControl .slideNext {
	right: 0;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.theNew {
	width: 315px;
	height: 270px;
	overflow: hidden;
}
.theNew h2 {
	font: 600 20px/normal 'MicroSoft Yahei', Arial, Helvetica, sans-serif;
	color: #666;
}
.theNew h2 span {
}
.theNew ul {
	padding-top: 9px;
}
.theNew ul li {
	border-bottom: 1px dotted #eee;
	height: 38px;
	line-height: 38px;
	background: url(../images/index_sprite.png) no-repeat -162px -33px;
	text-indent: 1.3em;
}
.theNew ul li a {
	font: normal 12px/38px 'MicroSoft Yahei';
	color: #676767;
}
.theNew ul li a:hover {
	color: #1161ba;
	text-decoration: underline;
}
.theNew ul li time {
	float: right;
	color: #ccc;
}
.tool {
	width: 243px;
	height: 266px;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	border-top: 3px solid #035bbf;
}
.tool h2 {
	font: 600 20px/normal 'MicroSoft Yahei', Arial, Helvetica, sans-serif;
	color: #666;
	padding: 8px 0 0 10px;
}
.tool ul {
	margin-bottom: 9px;
	display: block;
}
.tool ul li {
	float: left;
	padding: 12px 0 0 16px;
	_padding-top: 8px;
	text-align: center;
	width: 61px;
	height: 80px;
}
.tool ul li a {
	font: normal 12px/normal 'MicroSoft Yahei';
	color: #666;
	text-decoration: none;
}
.tool ul li a:hover {
	color: #014da3;
}
.tool ul li a span {
	display: block;
*margin-top:3px;
}
.tool ul li a img {
	width: 50px;
	height: 50px;
	padding: 4px;
	border: 1px solid #eee;
	border-radius: 3px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
.tool ul li a:hover img {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	box-shadow: 0px 0px 3px #ddd;
}
.tool .qgroup {
	width: 220px;
	height: 22px;
	margin: 0 auto;
	border-top: 1px dotted #eee;
	padding: 7px 5px 0 5px;
}
.tool .qgroup a {
	float: left;
}
.qgroup mark {
	background: none;
	padding-top: 5px;
	float: right;
	color: #999;
}
.indexPart2 {
	margin: 0 auto;
	width: 998px;
	border: 1px solid #e4e4e4;
	border-top: 3px solid #0857be;
	background: #fff;
	position: relative;
	padding-bottom: 25px;
	height:570px;
}
.indexPart2 hgroup {
	border-bottom: 1px dotted #ddd;
	height: 55px;
	margin: 0 15px;
}
.indexPart2 hgroup h2 {
	font: bold 20px/55px 'MicroSoft Yahei';
	float: left;
	color: #666;
}
.indexPart2 hgroup h2 span.jsIco {
	display: block;
	overflow: hidden;
	position: absolute;
	top: -3px;
	left: -63px;
	width: 62px;
	height: 55px;
	background: #fff url(../images/index_sprite.png) no-repeat 13px 13px;
	border-top: 3px solid #0857be;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.indexPart2 hgroup h2 span.jsMore {
	position: absolute;
	right: 17px;
	top: 2px;
}
.indexPart2 hgroup h2 span.jsMore a {
	font: bold 16px/55px 'MicroSoft Yahei';
	color: #ddd;
}
.indexPart2 hgroup h2 span.jsMore a:hover {
	color: #ccc;
}
.indexPart2 hgroup h4 {
	float: left;
	padding-left: 100px;
	font: normal 12px/55px '宋体';
	color: #999;
}
.indexPart2 hgroup h4 a {
	padding: 0 5px;
	color: #999;
}
.indexPart2 hgroup h4 a:hover {
	text-decoration: underline;
	color: #0759bf;
}
.indexPart2Left {
	width: 730px;
	height: auto;
}
.indexPart2Left li {
	width: 218px;
	float: left;
	padding-left: 25px;
	padding-top: 25px;
}
.indexPart2Left li img {
	width: 218px;
	height: 165px;
	margin-bottom: 1px;
	_margin-bottom: 7px;
	box-shadow: 0 0 3px #ccc;
}
.indexPart2Left li a:hover img {
	box-shadow: 0 0 5px #ccc;
}
.indexPart2Left li a {
	display: block;
	width: 218px;
	font: normal 12px/17px 'MicroSoft Yahei';
	color: #999;
	border-bottom: 2px solid #eee;
	padding-bottom: 4px;
}
.indexPart2Left li a:hover {
	color: #014da3;
	border-color: #ff6100;
}
.indexPart2Left li span {
	display: block;
	width: 214px;
	height: 17px;
	padding: 0 2px;
	cursor: pointer;
}
.indexPart2Left li span i {
	float: right;
	width: 13px;
	height: 13px;
	display: block;
	margin-top: 2px;
	background: url(../images/index_sprite.png) no-repeat left -458px;
}
.indexPart2Right {
	width: 245px;
	height: auto;
	margin-top: 13px;
}
.indexPart2Right li {
	height: 22px;
	width: 230px;
	overflow: hidden;
	font: normal 12px/22px 'MicroSoft Yahei';
	margin-top: 13px;
	_margin-top: 14px;
}
.indexPart2Right li a {
	color: #666;
	font-size: 14px;
}
.indexPart2Right li a:hover {
	color: #1164a8;
}
.indexPart2Right li span {
	display: inline-block;
	margin-right: 8px;
	background: #ff6100;
	width: 22px;
	height: 22px;
	text-align: center;
	color: #fff;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
.indexPart2Right li:hover span {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
.indexPart3 {
	margin: 0 auto;
	width: 998px;
	border: 1px solid #e4e4e4;
	border-top: 3px solid #0857be;
	background: #fff;
	position: relative;
	padding-bottom: 25px;
	height:570px;
}
.indexPart3 hgroup {
	border-bottom: 1px dotted #ddd;
	height: 55px;
	margin: 0 15px;
}
.indexPart3 hgroup h2 {
	font: bold 20px/55px 'MicroSoft Yahei';
	float: left;
	color: #666;
}
.indexPart3 hgroup h2 span.jsIco {
	display: block;
	overflow: hidden;
	position: absolute;
	top: -3px;
	left: -63px;
	width: 62px;
	height: 55px;
	background: #fff url(../images/index_sprite.png) no-repeat -19px -27px;
	border-top: 3px solid #0857be;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.indexPart3 hgroup h2 span.jsMore {
	position: absolute;
	right: 17px;
	top: 2px;
}
.indexPart3 hgroup h2 span.jsMore a {
	font: bold 16px/55px 'MicroSoft Yahei';
	color: #ddd;
}
.indexPart3 hgroup h2 span.jsMore a:hover {
	color: #ccc;
}
.indexPart3 hgroup h4 {
	float: left;
	padding-left: 100px;
	font: normal 12px/55px '宋体';
	color: #999;
}
.indexPart3 hgroup h4 a {
	padding: 0 5px;
	color: #999;
}
.indexPart3 hgroup h4 a:hover {
	text-decoration: underline;
	color: #0759bf;
}
.indexPart3 ul li {
	width: 218px;
	float: left;
	padding-left: 25px;
	padding-top: 25px;
}
.indexPart3 ul li img {
	width: 218px;
	height: 165px;
	margin-bottom: 1px;
	_margin-bottom: 7px;
}
.indexPart3 ul li a {
	display: block;
	width: 218px;
	font: normal 12px/17px 'MicroSoft Yahei';
	color: #999;
	border-bottom: 2px solid #eee;
	padding-bottom: 4px;
}
.indexPart3 ul li a:hover {
	color: #014da3;
	border-color: #ff6100;
}
.indexPart3 ul li span {
	display: block;
	width: 214px;
	height: 17px;
	padding: 0 2px;
	cursor: pointer;
}
.indexPart3 ul li span i {
	float: right;
	width: 13px;
	height: 13px;
	display: block;
	margin-top: 2px;
	background: url(../images/index_sprite.png) no-repeat left -458px;
}
.indexPart4  {
	height:57px;
}
.indexPart5  {
	height:570px;
}
.indexPart6 {
	height:570px;
}
.indexPart6 hgroup {
	border-bottom: 1px dotted #ddd;
	height: 55px;
	margin: 0 15px;
}
.indexPart6 hgroup h2 {
	font: bold 20px/55px 'MicroSoft Yahei';
	float: left;
	color: #666;
}
.indexPart6 hgroup h2 span.jsIco {
	display: block;
	overflow: hidden;
	position: absolute;
	top: -3px;
	left: -63px;
	width: 62px;
	height: 55px;
	background: #fff url(../images/index_sprite.png) no-repeat 15px -153px;
	border-top: 3px solid #0857be;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.indexPart6 hgroup h2 span.jsMore {
	position: absolute;
	right: 17px;
	top: 2px;
}
.indexPart6 hgroup h2 span.jsMore a {
	font: bold 16px/55px 'MicroSoft Yahei';
	color: #ddd;
}
.indexPart6 hgroup h2 span.jsMore a:hover {
	color: #ccc;
}
.indexPart6 hgroup h4 {
	float: right;
	padding-right: 5px;
	font: normal 12px/55px '宋体';
	color: #999;
}
.indexPart6 hgroup h4 a {
	padding: 0 5px;
	color: #999;
}
.indexPart6 hgroup h4 a:hover {
	text-decoration: underline;
	color: #0759bf;
}
.indexPart6 .pngIco {
	width: 460px;
	padding: 20px 0 0 25px;
}
.indexPart6 .pngIco h3 {
	font: bold 18px/normal 'MicroSoft Yahei';
	color: #999;
	border-bottom: 3px solid #eee;
	padding-bottom: 7px;
}
.indexPart6 .pngIco h3 span a {
	float: right;
	font: normal 12px/normal '宋体';
	color: #999;
	padding-top: 7px;
}
.indexPart6 .pngIco ul {
	margin-top: 12px;
}
.indexPart6 .pngIco ul li {
	width: 216px;
	text-align: center;
}
.indexPart6 .pngIco ul li img {
	width: 210px;
	height: 165px;
}
.indexPart6 .pngIco ul li a {
	display: block;
	width: 210px;
	font: normal 12px/normal 'MicroSoft Yahei';
	color: #999;
	padding: 3px;
	border: 1px solid #eee;
}
.indexPart6 .pngIco ul li a:hover {
	color: #014da3;
	border-color: #ddd;
}
.indexPart6 .pngIco ul li span {
	display: block;
	margin-top: 7px;
}
.indexPart6 .gifIco {
	width: 460px;
	padding: 20px 25px 0 0px;
}
.indexPart6 .gifIco h3 {
	font: bold 18px/normal 'MicroSoft Yahei';
	color: #999;
	border-bottom: 3px solid #eee;
	padding-bottom: 7px;
}
.indexPart6 .gifIco h3 span a {
	float: right;
	font: normal 12px/normal '宋体';
	color: #999;
	padding-top: 7px;
}
.indexPart6 .gifIco ul {
	margin-top: 12px;
}
.indexPart6 .gifIco ul li {
	width: 216px;
	text-align: center;
}
.indexPart6 .gifIco ul li img {
	width: 210px;
	height: 165px;
}
.indexPart6 .gifIco ul li a {
	display: block;
	width: 210px;
	font: normal 12px/normal 'MicroSoft Yahei';
	color: #999;
	padding: 3px;
	border: 1px solid #eee;
}
.indexPart6 .gifIco ul li a:hover {
	color: #014da3;
	border-color: #ddd;
}
.indexPart6 .gifIco ul li span {
	display: block;
	margin-top: 7px;
}
.indexPart6 .font {
	height: 274px;
	padding: 25px 25px 0;
	overflow: hidden;
}
.indexPart6 .font h3 {
	font: bold 18px/normal 'MicroSoft Yahei';
	color: #999;
	border-bottom: 3px solid #eee;
	padding-bottom: 7px;
	position: relative;
	height: 28px;
}
.indexPart6 .font h3 ol {
	float: right;
	padding-right: 0px;
}
.indexPart6 .font h3 ol li {
	float: left;
	margin-right: 35px;
}
.indexPart6 .font h3 ol li a {
	font: normal 12px/normal 'MicroSoft Yahei';
	color: #ccc;
}
.indexPart6 .font h3 ol li.current a {
	color: #014da3;
}
.indexPart6 .font h3 #indicator {
	position: absolute;
	left: 0px;
	bottom: 0;
	_bottom: -20px;
	width: 12px;
	height: 7px;
	background: url(../images/index_sprite.png) no-repeat left -483px;
}
.indexPart6 .font h3 span a {
	float: right;
	font: normal 12px/normal '宋体';
	color: #999;
	padding: 9px 5px 0 0;
}
.indexPart6 .font ul {
	margin-top: 12px;
	padding-left: 2px;
}
.indexPart6 .font ul li {
	width: 216px;
	text-align: center;
	float: left;
	padding: 0 10px;
	_padding: 0 9px;
}
.indexPart6 .font ul li img {
	width: 210px;
	height: 165px;
}
.indexPart6 .font ul li a {
	display: block;
	width: 210px;
	font: normal 12px/normal 'MicroSoft Yahei';
	color: #999;
	padding: 3px;
	border: 1px solid #eee;
}
.indexPart6 .font ul li a:hover {
	color: #014da3;
	border-color: #ddd;
}
.indexPart6 .font ul li span {
	display: block;
	margin-top: 7px;
}
.purpose {
	background: #fff url(../images/zongzhi.gif) no-repeat center 5px;
	height: 78px;
	width: 998px;
	margin: 0px auto;
	border: 1px solid #e4e4e4;
}
.purpose mark {
	display: none;
}
.index-tag {
	border: 1px solid #DDD;
	width: 998px;
	margin: 15px auto 0;
	background-color: #fff;
}
.index-tag-title {
	background: #f7f7f7;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #ddd;
}
.index-tag-title li {
	float: left;
	border-right: 1px solid #ddd;
	display: block;
	position: relative;
	height: 35px;
}
.index-tag-title a {
	color: #666;
	display: block;
	padding: 0 15px;
	font-size: 14px;
}
.index-tag-title a.on {
	background: #fff;
	color: #1061bc;
	margin-top: 1px;
}
.index-tag-content {
}
.index-tag-content ul {
	display: none;
	padding: 10px;
}
.index-tag-content li {
	float: left;
	margin: 0 5px;
	width: auto;
	line-height: 24px;
}
.index-tag-content li a {
	color: #999;
}
.index-tag-content li a:hover {
	text-decoration: underline;
	color: #1061bc;
}
.indexFoot {
	width: 100%;
}
.indexFoot .fbg1 {
	height: 9px;
	background: #000;
}
.indexFoot .fbg2 {
	height: auto;
	background: #35393c;
	padding: 20px 0 0;
}
.footContent {
	color: #7f8386;
}
.footContent p {
	line-height: 2.3;
	text-align: center;
}
.footContent p a {
	font: normal 12px/normal 'MicroSoft Yahei';
	color: #7f8386;
}
.footContent p a:hover {
	text-decoration: underline;
	color: #989898;
}
.footContent h5 a {
	color: #7F8386;
}
.footContent h5 a:hover {
	text-decoration: underline;
}
.footContentLeft {
	padding: 0 0 0 20px;
	margin-right: 100px;
}
.footContentLeft h5 {
	font: normal 14px/2 Arial;
}
.footContentLeft ul {
	padding: 5px 0 0 15px;
}
.footContentLeft ul li {
	line-height: 2;
}
.footContentLeft ul li a {
	color: #7f8386;
}
.footContentLeft ul li a:hover {
	text-decoration: underline;
}
.footContentCenter {
	padding: 0 0 0 20px;
	width: 320px;
	border-left: 1px solid #454749;
	padding-left: 25px;
}
.footContentCenter h5 {
	font: normal 14px/2 Arial;
}
.footContentCenter ul {
	padding: 5px 0 0 15px;
	width: 335px;
}
.footContentCenter ul li {
	padding-bottom: 10px;
	float: left;
	width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.footContentCenter ul li a {
	color: #7f8386;
}
.footContentCenter ul li a:hover {
	text-decoration: underline;
	color: #989898;
}
.footContentRight {
	width: 380px;
	padding-top: 5px;
	border-left: 1px solid #454749;
	padding-left: 25px;
}
.footContentRight p {
	line-height: 2;
	text-align: left;
}
.footContentRight p span {
	color: #989898;
}
.footContentRight .friends {
}
.footContentRight .friends ul li {
	float: left;
	padding: 20px 25px 0px 0px;
}
.copyright {
	width: 950px;
	margin: 0 auto;
	background: url(../images/border-foot.gif) repeat-x center top;
	text-align: center;
	padding: 12px 0;
	margin-top: 15px;
}
.copyright p {
	font: normal 12px/normal Verdana;
	color: #7f8386;
}
.copyright p a {
	font: normal 12px/normal Arial;
	color: #7f8386;
}
/*JS part*/
.jsPart1 {
	height: 250px;
	overflow: hidden;
	margin-bottom: 15px;
}
.jsPart1Left {
	width: 248px;
	height: 246px;
	background: #fff;
	border: 1px solid #eee;
	border-top: 3px solid #1d7de7;
	overflow: hidden;
	margin-right: 15px;
}
.jsPart1Left h2 {
	font: bold 16px/35px 'MicroSoft Yahei';
	color: #333;
	height: 35px;
	border-bottom: 1px solid #eee;
	text-indent: 10px;
}
.jsPart1Left ul {
	margin: 0px 0px 0 1px;
}
.jsPart1Left ul li {
	float: left;
	width: 82px;
	font: normal 12px/35px 'MicroSoft Yahei';
	margin-top: 5px;
}
.jsPart1Left ul li a {
	display: block;
	width: 82px;
	height: 35px;
	text-align: center;
	border-bottom: 1px solid #eee;
	color: #666;
}
.jsPart1Left ul li a:hover {
	color: #014da3;
	border-color: #014da3;
}
.jsPart1Left p {
	height: 45px;
	font: normal 22px/45px 'MicroSoft Yahei';
	text-align: center;
}
.jsPart1Left p a {
	color: #999;
}
.jsPart1Center {
	width: 417px;
	height: 248px;
	background: #fff;
	border: 1px solid #eee;
}
.jsPart1Center h2 {
	border-bottom: 1px solid #eee;
	font: bold 16px/35px 'MicroSoft Yahei';
	height: 35px;
	text-indent: 15px;
}
.jsPart1Center ul {
	padding: 7px 15px 0;
}
.jsPart1Center ul li {
	font: normal 14px/2.4 'MicroSoft Yahei';
}
.jsPart1Center ul li time {
	float: right;
	color: #ccc;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.jsPart1Center ul li a {
	color: #666;
}
.jsPart1Center ul li a:hover {
	color: #014da3;
	text-decoration: underline;
}
.jsPart1Right {
	width: 300px;
	height: 250px;
	background: #eee;
}
.jsPart2 {
	height: 346px;
	overflow: hidden;
}
.jsPart2Content {
	width: 908px;
	overflow: hidden;
	position: relative;
}
.jsPart2Content ul {
	width: 908px;
	float: left;
}
.jsPart2Content ul li {
	width: 208px;
	height: 158px;
	float: left;
	margin-right: 19px;
	_margin-right: 16px;
	margin-bottom: 15px;
}
.jsPart2Content ul li a {
	display: block;
	position: relative;
	width: 208px;
	height: 158px;
	color: #eee;
}
.jsPart2Content ul li a:hover {
	color: #f90;
}
.jsPart2Content ul li a i {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 27px;
	width: 208px;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.jsPart2Content ul li a span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 27px;
	width: 208px;
	text-align: center;
	font: normal 12px/27px 'MicroSoft Yahei';
}
.jsPart2Button {
	width: 82px;
}
.jsPart2Button ul {
	margin-top: -9px;
}
.jsPart2Button ul li {
	margin-top: 10px;
	_margin-top: 7px;
*+margin-top:7px;
	width: 85px;
	height: 58px;
}
.jsPart2Button ul li a {
	display: block;
	background: #1d7de7 url(../images/index_sprite.png) no-repeat -89px top;
	width: 85px;
	height: 58px;
}
.jsPart2Button ul li a span {
	display: none;
}
.jsPart2Button ul li a:hover {
	background-color: #f90;
}
.jsPart2Button ul .current a {
	background-color: #f90;
}
.jsPart2Button ul li a.b-1 {
	background-position: -89px -82px;
}
.jsPart2Button ul li a.b-2 {
	background-position: -89px -152px;
}
.jsPart2Button ul li a.b-3 {
	background-position: -89px -222px;
}
.jsPart2Button ul li a.b-4 {
	background-position: -89px -290px;
}
.jsPart2Button ul li a.b-5 {
	background-position: -89px -359px;
}
.jsPart3 {
	background: #fff;
}
.jsPart3 .jsPart3Content {
	border: 1px solid #eee;
	border-top-width: 3px;
	width: 321px;
	padding-bottom: 0px;
	margin-right: 15px;
	overflow: hidden;
}
.jsPart3 .jsPart3Content h2 {
	font: bold 16px/normal 'MicroSoft Yahei';
	text-indent: 10px;
	padding: 5px 0 0;
}
.jsPart3 .jsPart3Content h2 span {
	float: right;
	padding-right: 10px;
}
.jsPart3 .jsPart3Content h2 span a {
	font-size: 16px;
	font-weight: normal;
	color: #ccc;
}
.jsPart3 .jsPart3Content h2 span a:hover {
	color: #1d7de7;
}
.jsPart3 .jsPart3Content dl {
	padding: 0px 0 5px 10px;
	margin-top: 10px;
	position: relative;
	border-bottom: 1px dashed #eee;
	width: 311px;
	height: 62px;
}
.jsPart3 .jsPart3Content dl dt {
	float: left;
	margin-right: 8px;
}
.jsPart3 .jsPart3Content dl dd {
	display: block;
}
.jsPart3 .jsPart3Content dl .dd-title {
}
.jsPart3 .jsPart3Content dl .dd-title a {
	color: #666;
}
.jsPart3 .jsPart3Content dl .dd-title a:hover {
	color: #1d7de7;
}
.jsPart3 .jsPart3Content dl dd a {
	font: normal 12px/1.8 'MicroSoft Yahei';
	color: #999;
}
.jsPart3 .jsPart3Content dl dd a:hover {
	color: #666;
}
.jsPart3 .jsPart3Content dl dd time {
	color: #ccc;
}
.currentDl .demo {
	display: block;
}
.jsPart3 .jsPart3Content dl .demo {
	position: absolute;
	right: 17px;
	top: 27px;
	display: none;
}
.jsPart3 .jsPart3Content dl .demo a {
	display: block;
	width: 75px;
	height: 30px;
	text-align: center;
	background: #f90;
	color: #fff;
	font: normal 12px/30px 'MicroSoft Yahei';
	border-radius: 3px;
}
.jsPart3 .jsPart3Content dl .demo a:hover {
	color: #fff;
	background: #f80;
}
.jsPart4 {
	border: 1px solid #eee;
	width: 998px;
	margin: 0 auto;
	border-top: 3px solid #eee;
	padding-bottom: 15px;
}
.jsPart4 h2 {
	font: bold 18px/2.7 'MicroSoft Yahei';
	text-indent: 10px;
}
.jsPart4 h2 mark {
	background: none;
	font: normal 12px/2.7 "MicroSoft Yahei";
	color: #ccc;
	padding-left: 200px;
}
.jsPart4 h2 .more {
	float: right;
	padding-right: 10px;
}
.jsPart4 h2 .more a {
	color: #ccc;
}
.jsPart4 h2 .more a:hover {
	color: #1d7de7;
}
.jsPart4 ul {
	margin-left: 3px;
}
.jsPart4 ul li {
	float: left;
	padding: 0 11px;
}
.jsPart4 ul li a {
	display: block;
	position: relative;
	width: 226px;
	height: 170px;
	color: #eee;
}
.jsPart4 ul li a:hover {
	color: #f90;
}
.jsPart4 ul li a i {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 27px;
	width: 226px;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.jsPart4 ul li a span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 27px;
	width: 226px;
	text-align: center;
	font: normal 12px/27px 'MicroSoft Yahei';
}
/*font part*/
.fontPart1 {
	width: 1000px;
	margin: 0 auto;
	height: 187px;
	overflow: hidden;
}
.fontPart1Left {
	width: 430px;
	height: 185px;
	border: 1px solid #eee;
}
.fontPart1Left h3 {
	height: 38px;
	font: bold 14px/38px 'MicroSoft Yahei';
	border-bottom: 1px solid #eee;
	text-indent: 10px;
}
.fontPart1Left h3 a {
	color: #216bbf;
}
.fontPart1Left h3 a:hover {
	text-decoration: underline;
}
.fontPart1Left ul {
	padding-left: 4px;
	padding-top: 10px;
}
.fontPart1Left ul li {
	float: left;
	text-align: center;
	width: 84px;
}
.fontPart1Left ul li a {
	color: #666;
	display: block;
	width: 84px;
	font: normal 12px/2.8 'MicroSoft Yahei';
	_line-height: 2;
*+line-height:2;
}
.fontPart1Left ul li a:hover {
	color: #014da3;
	text-decoration: underline;
}
.fontPart1Center {
	width: 307px;
	height: 185px;
	border: 1px solid #eee;
	border-left: 0;
	border-right: 0;
}
.fontPart1Center h3 {
	height: 38px;
	font: bold 14px/38px 'MicroSoft Yahei';
	color: #216bbf;
	border-bottom: 1px solid #eee;
	text-indent: 10px;
}
.fontPart1Center h3 a {
	color: #216bbf;
}
.fontPart1Center h3 a:hover {
	text-decoration: underline;
}
.fontPart1Center ul {
	padding-left: 4px;
	padding-top: 10px;
}
.fontPart1Center ul li {
	float: left;
	text-align: center;
	width: 43px;
}
.fontPart1Center ul li a {
	color: #666;
	display: block;
	width: 43px;
	font: normal 12px/2.8 'MicroSoft Yahei';
	_line-height: 2;
*+line-height:2;
}
.fontPart1Center ul li a:hover {
	color: #014da3;
	text-decoration: underline;
}
.fontPart1Right {
	width: 258px;
	height: 185px;
	border: 1px solid #eee;
}
.fontPart1Right h3 {
	height: 38px;
	font: bold 14px/38px 'MicroSoft Yahei';
	color: #216bbf;
	border-bottom: 1px solid #eee;
	text-indent: 10px;
}
.fontPart1Right h3 a {
	color: #216bbf;
}
.fontPart1Right h3 a:hover {
	text-decoration: underline;
}
.fontPart1Right ul {
	padding-left: 2px;
	padding-top: 10px;
}
.fontPart1Right ul li {
	float: left;
	text-align: center;
	width: 84px;
}
.fontPart1Right ul li a {
	color: #666;
	display: block;
	width: 84px;
	font: normal 12px/2.8 'MicroSoft Yahei';
	_line-height: 2;
*+line-height:2;
}
.fontPart1Right ul li a:hover {
	color: #014da3;
	text-decoration: underline;
}
.fontPart2 {
	border: 1px solid #eee;
	width: 998px;
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
}
.fontPart2 .prev, .fontPart2 .next {
	position: absolute;
	top: 50%;
	font: bold 40px/normal simsun;
	color: #999;
	display: none;
}
.fontPart2 .prev:hover, .fontPart2 .next:hover {
	color: #014da3;
}
.fontPart2 .prev {
	left: -40px;
}
.fontPart2 .next {
	right: -40px;
}
.fontPart2 ul {
	overflow: hidden;
	height: 189px;
	width: 2000%;
	float: left;
}
.fontPart2 li {
	float: left;
	width: 219px;
	text-align: center;
	padding: 0 15px;
}
.fontPart2 li a {
	display: block;
	width: 219px;
	height: auto;
	color: #666;
}
.fontPart2 li a:hover {
	color: #014da3;
	text-decoration: underline;
}
.fontPart2 li a span {
	display: block;
	margin-top: 3px;
}
.fontPart3 {
	border-top: 4px solid #333;
	height: 467px;
	overflow: hidden;
}
.fontPart3Left {
	width: 714px;
	height: 467px;
	overflow: hidden;
}
.fontPart3Left h2 {
	font: bold 20px/normal 'MicroSoft Yahei';
	height: 20px;
	padding-top: 15px;
	_padding-top: 10px;
}
.fontPart3Left ul {
	display: block;
}
.fontPart3Left li {
	width: 220px;
	float: left;
	padding-right: 18px;
	padding-top: 20px;
*+padding-top:24px;
	_padding-top: 14px;
}
.fontPart3Left li img {
	width: 220px;
	height: 167px;
	margin-bottom: 1px;
	_margin-bottom: 7px;
}
.fontPart3Left li a {
	display: block;
	width: 218px;
	font: normal 12px/17px 'MicroSoft Yahei';
	color: #999;
	border-bottom: 2px solid #eee;
	padding-bottom: 4px;
}
.fontPart3Left li a:hover {
	color: #014da3;
	border-color: #ff6100;
}
.fontPart3Left li span {
	display: block;
	width: 214px;
	height: 17px;
	padding: 0 2px;
	cursor: pointer;
}
.fontPart3Left li span i {
	float: right;
	width: 13px;
	height: 13px;
	display: block;
	margin-top: 2px;
	background: url(../images/index_sprite.png) no-repeat left -458px;
}
.fontPart3Right {
	width: 280px;
	height: 467px;
	overflow: hidden;
	background: #f3f3f3;
	border-left: 1px solid #ddd;
	padding-left: 5px;
}
.fontPart3Right h3 {
	font: normal 16px/2 'MicroSoft Yahei';
	color: #014da3;
	padding: 10px 0 5px 5px;
}
.olist {
	font-size: 14px;
	padding: 0px 10px 0px 32px;
}
.olist li {
*zoom:1;
	position: relative;
}
.item_num {
	position: absolute;
	display: inline-block;
*display:inline;
*zoom:1;
	width: 22px;
	height: 22px;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	top: 6px;
	left: -26px;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	background: #014da3;
}
.item_num_top .item_num {
	background: #f60;
}
.item_detail {
	font: normal 13px/2.2 'Microsoft Yahei';
	padding-left: 5px;
	padding-top: 1px;
*+line-height:2;
}
.item_detail a {
	color: #333;
}
.active .item_img {
	display: block;
}
.item_img {
	display: none;
	margin: 3px 0 4px 0;
}
.item_img img {
	width: 120px;
	height: 90px;
	padding: 2px;
	border: 1px solid #ccc;
}
.item_img img:hover {
	border-color: #f60;
}
/*fontDemo*/
.font-demo {
	margin-top: 20px;
}
#fontText {
	float: left;
	border: 1px solid #ddd;
	width: 420px;
	height: 38px;
	padding: 0 10px;
	font: normal 14px/37px 'MicroSoft Yahei';
	color: #666;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
#fontText:focus {
	border-color: #ddd;
	box-shadow: 0 0 5px #eee inset;
}
.fontSize {
	position: relative;
	z-index: 10;
	background: #fff;
	margin-left: 0px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}
.fontSize a {
	display: block;
	color: #000;
	width: 100px;
	text-align: center;
}
.fontSize #SizeDefault {
	display: block;
	height: 38px;
	border: 1px solid #ddd;
	text-align: left;
	font: normal 14px/38px 'Microsoft Yahei', Tahoma, Verdana, "宋体";
	background: url(../images/index_sprite.png) no-repeat -15px -533px;
	padding-left: 8px;
	width: 92px;
}
.fontSize .open {
	background: url(../images/index_sprite.png) no-repeat 83px -533px;
!important
}
.fontSize p {
	display: none;
	position: absolute;
	width: 100px;
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom: 0;
	background: #fff;
}
.fontSize p a {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
}
.fontSize p a.current {
	font-weight: bold;
	font-size: 14px;
	background: #eee;
}
.fontSize p a:hover {
	font-weight: bold;
}
#fontSubmit {
	display: block;
	float: left;
	text-align: center;
	background: #1160ba;
	height: 40px;
	width: 110px;
	font: normal 20px/40px 'Microsoft Yahei';
	color: #fff;
}
#fontSubmit:hover {
	background: #0d6bd5;
}
/*List common*/
.ListMain {
}
.ListLeft {
	width: 809px;
	height: 1663px;
}
.ListHeader {
	height: 80px;
	width: 100%;
	margin-top: 17px;
	background: #f1f1f1 url(../images/titleBg.png) no-repeat 0 0;
}
.js-title-bg {
	background-position: left top;
}
.tupian-title-bg {
	background-position: left -162px;
}
.psd-title-bg {
	background-position: left -243px;
}
.vector-title-bg {
	background-position: left -81px;
}
.icon-title-bg {
	background-position: left -405px;
}
.font-title-bg {
	background-position: left -324px;
}
.ListHeader p {
	color: #1594d1;
	padding: 16px 0 0 110px;
}
.ListLeft ul {
	padding: 10px 0;
	margin-left: -10px;
	width: 819px;
}
.ListLeft ul li {
	width: 250px;
	float: left;
	padding: 15px 10px 15px 13px;
}
.ListLeft ul li img {
	width: 250px;
	height: 189px;
	margin-bottom: 1px;
	_margin-bottom: 7px;
	box-shadow: 0 0 3px #ccc;
}
.ListLeft ul li a:hover img {
	box-shadow: 0 0 5px #ccc;
}
.ListLeft ul li a {
	display: block;
	width: 250px;
	font: normal 12px/17px 'MicroSoft Yahei';
	color: #999;
	border-bottom: 2px solid #eee;
	padding-bottom: 4px;
}
.ListLeft ul li a:hover {
	color: #014da3;
	border-color: #ff6100;
}
.ListLeft ul li span {
	display: block;
	width: 246px;
	height: 17px;
	padding: 0 2px;
	cursor: pointer;
}
.ListLeft ul li span i {
	float: right;
	width: 16px;
	height: 17px;
	display: block;
	margin-top: 2px;
	background: url(../images/index_sprite.png) no-repeat left -706px;
}
.listPage {
	float: right;
}
.listPage a, .listPage span {
	display: block;
	float: left;
	background: #fff;
	padding: 8px 14px;
	border: 1px solid #e8e8e8;
	font: normal 14px/normal Georgia 'Microsoft Yahei';
	color: #333;
	margin-left: 5px;
}
.listPage span.current {
	background: #258cff;
	color: #fff;
	border-color: #258cff;
}
.listPage a:hover {
	background: #258cff;
	color: #fff;
	border-color: #258cff;
}
.listPage span.all, .listPage span.pageindex {
	display: none;
}
.ListCenter {
	width: 15px;
	border-right: 1px solid #eee;
}
.ListRight {
	width: 160px;
	background: #fff;
	height: auto;
}
.lanmu-content {
	width: 160px;
	overflow: hidden;
}
.lanmu-content .listmore {
	display: block;
	text-align: center;
	height: 25px;
	width: 160px;
	border-top: 0;
	background: #eee;
	color: #1594d1;
	font: normal 12px/25px Tahoma, Verdana, "宋体";
}
.lanmu-list {
	display: block;
}
.lanmu-list dt {
	display: block;
	height: 40px;
	background: #1594d1;
	font: bold 14px/40px '宋体';
	color: #fff;
	padding-left: 10px;
}
.lanmu-list dd {
	padding-top: 2px;
}
.lanmu-list dd a {
	display: block;
	height: 33px;
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
	border-top: 2px solid #fff;
	border-left: 2px solid #999;
	border-right: 1px solid #eee;
	font: normal 12px/33px Georgia, "宋体";
	color: #adadad;
	padding-left: 25px;
}
.lanmu-list dd a:hover {
	padding-left: 35px;
}
.lanmu-list dd a:hover, .lanmu-list dd a.current {
	border-left: 2px solid #1160ba;
	background-color: #f6f6f6;
	color: #1160ba;
	font-weight: bold;
}
.tuijian {
	border: 1px solid #eee;
	width: 158px;
}
.tuijian dt {
	display: block;
	height: 40px;
	background: #1594d1;
	font: bold 14px/40px '宋体';
	color: #fff;
	padding-left: 10px;
}
.tuijian dd {
	position: relative;
	padding: 8px 0 8px 3px;
}
.tuijian dd a {
	position: relative;
	display: block;
	width: 152px;
	height: 115px;
	color: #fff;
}
.tuijian dd a:hover {
	color: #f90;
}
.tuijian dd a img {
}
.tuijian dd a i {
	display: block;
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 0;
	height: 25px;
	width: 152px;
	background: #000;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.tuijian dd a span {
	display: block;
	position: absolute;
	bottom: 4px;
	_bottom: 1px;
	left: 0;
	width: 152px;
	text-align: center;
}
/*details common*/
.prev_nav, .next_nav {
	text-indent: -2000px;
}
.prev_nav a, .next_nav a {
	display: block;
	width: 35px;
	height: 80px;
	margin-top: -40px;
	text-indent: -9999px;
	position: fixed;
	top: 50%;
	background: #ccc url(../images/slider_link.png) no-repeat;
}
.prev_nav a {
	left: 0;
	border-radius: 0 5px 5px 0;
	background-position: 5px 23px;
}
.prev_nav a:hover {
	background-color: #f90;
	width: 35px;
}
.next_nav a {
	right: 0;
	border-radius: 5px 0px 0px 5px;
	background-position: -80px 23px;
}
.next_nav a:hover {
	background-color: #1161BA;
	width: 35px;
}
.position {
	height: 23px;
	font: normal 12px/23px 'Microsoft Yahei';
	background: #fff url(../images/index_sprite.png) no-repeat left -515px;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	color: #666;
	text-indent: 25px;
}
.position .toShare {
	float: right;
	display: block;
	padding: 0 3px 2px 0;
}
.position .toShare a {
	display: block;
	padding: 0 15px;
	height: 25px;
	text-align: center;
	background: #4a9b00;
	font: normal 12px/25px 'MicroSoft Yahei';
	color: #fff;
}
.position .toShare a:hover {
	color: #fff;
	text-decoration: underline;
}
.position a {
	color: #666;
}
.position a:hover {
	color: #014da3;
}
.mainPart {
}
.LeftPart {
	width: 718px;
	height: auto;
	margin-right: 15px;
	margin-top: 15px;
}
.article-header {
	border-left: 4px solid #444;
	padding-left: 15px;
	position: relative;
}
.article-quick-down {
	position: absolute;
	right: 0;
	top: 7px;
	display: block;
	padding: 5px 10px;
	background: #FF7402;
	color: #fff;
	z-index: 2;
}
.article-quick-down:hover {
	background: #4e9e00;
}
.article-add-favo {
	position: absolute;
	right: 0;
	top: 40px;
	display: block;
	padding: 5px 10px;
	background: #4e9e00;
	color: #fff;
	z-index: 2;
}
.article-add-favo:hover {
	background: #FF7402;
}
.article-title {
	font: normal 28px/normal 'Microsoft Yahei';
	color: #1160ba;
	vertical-align: middle;
}
.article-title span.yuanchuang {
	background: url(../images/yuanchuang.png) no-repeat left center;
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	z-index: 10;
	left: 350px;
	text-indent: -999em;
}
.article-category {
	padding: 8px 0;
}
.article-category a {
	color: #4e9e00;
}
.article-category a:hover {
	text-decoration: underline;
}
.article-meta {
	color: #999;
}
.article-meta i {
	font-style: normal;
}
.article-meta span, .article-meta time {
	padding-right: 12px;
}
.article-from a {
	color: #999;
}
.article-from a:hover {
	color: #4e9e00;
}
.show_title_bottom_gg {
	width: 716px;
	height: 90px;
	background: #eee;
	margin: 20px 0;
	overflow: hidden;
	border: 1px solid #eee;
}
.show_keywords_bottom_gg {
	height: 60px;
	width: 700px;
	overflow: hidden;
	background: #eee url(../images/adbg.png) no-repeat 645px center;
	margin: 10px auto;
}
.article-container {
	border-left: 4px solid #eee;
	padding: 5px 0 0 15px;
}
.article-container img {
	max-width: 700px;
	min-width: 700px;
	box-shadow: 0 0 5px #999;
}
.pngcontent {
	background: #FFFFCC;
	padding: 8px;
	border: 1px dotted #ddd;
}
.article-container .pnglist {
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-left: 2px;
	background: #fff;
}
.article-container .pnglist img {
	padding: 5px 5px 5px 6px;
	background: none;
	max-width: 128px!important;
	max-height: 128px!important;
	box-shadow: none;
	border-radius: 0;
	min-width: 20px!important;
	min-height: 20px!important;
}
.article-content p {
	font: normal 16px/1.7 "Microsoft Yahei", Tahoma, Verdana, "宋体";
	padding-bottom: 10px;
	color: #333;
}
.article-content p code {
	padding: 2px 4px;
	margin: 0 5px;
	color: #d14;
	background-color: #fbfbfb;
	border: 1px solid #e1e1e8;
	white-space: nowrap;
	font-size: 14px;
	border-radius: 3px;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace!important;
}
.article-content p.img-content {
	padding: 0;
	margin-top: 5px;
}
.article-content textarea {
	width: 680px;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 8px 0;
	color: #333;
	resize: none;
}
.article-content .syntaxhighlighter {
	margin-top: 10px!important;
	margin-bottom: 15px!important;
}
.article-content table {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 0;
	margin-bottom: 15px;
	border-spacing: 0px;
}
.article-content table td {
	text-align: center;
	;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 8px;
	background-color: #fafafa;
	font-size: 14px;
}
.article-content table .firstRow td {
	background-color: #eee
}
.article-content a {
	color: #666;
}
.article-keywords {
	font: normal 13px/normal "Microsoft Yahei", Tahoma, Verdana, "宋体";
	color: #999;
	border-bottom: 1px dashed #eee;
	padding: 5px 0 10px;
}
.article-keywords .article-keywords-name {
	color: #999;
}
.article-keywords a {
	padding: 0px 4px;
}
.article-keywords a:nth-child(9n) {
	color: #4A4A4A;
}
.article-keywords a:nth-child(9n+1) {
	color: #428BCA;
}
.article-keywords a:nth-child(9n+2) {
	color: #5CB85C;
}
.article-keywords a:nth-child(9n+3) {
	color: #D9534F;
}
.article-keywords a:nth-child(9n+4) {
	color: #567E95;
}
.article-keywords a:nth-child(9n+5) {
	color: #B433FF;
}
.article-keywords a:nth-child(9n+6) {
	color: #00ABA9;
}
.article-keywords a:nth-child(9n+7) {
	color: #B37333;
}
.article-keywords a:nth-child(9n+8) {
	color: #FF6600;
}
.article-keywords a:hover {
	text-decoration: underline;
}
.down-share {
	height: 40px;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #eee;
}
.down-link {
	width: 166px;
	height: 40px;
	overflow: hidden;
	float: left;
}
.down-link a {
	display: block;
	width: 106px;
	height: 40px;
	background: #3fbf00 url(../images/index_sprite.png) no-repeat -100px -425px;
	font: normal 22px/40px "Microsoft Yahei", Tahoma, Verdana, "宋体";
	color: #fff;
	padding-left: 60px;
}
.down-link a:hover {
	background-color: #ff7102;
	background-position: -100px -467px;
}
.demo-link {
	width: 166px;
	height: 40px;
	overflow: hidden;
	float: left;
	padding-left: 25px;
}
.demo-link a {
	display: block;
	width: 106px;
	height: 40px;
	background: #1160ba url(../images/index_sprite.png) no-repeat 10px -725px;
	font: normal 22px/40px "Microsoft Yahei", Tahoma, Verdana, "宋体";
	color: #fff;
	padding-left: 60px;
}
.demo-link a:hover {
	background-color: #ff7102;
	background-position: 10px -758px;
}
.article-share {
	float: right;
}
.article-tips {
	background: url(../images/index_sprite.png) no-repeat -121px -2px;
	margin-top: 15px;
	padding-left: 20px;
	height: 25px;
	line-height: 25px;
	color: #ccc;
}
.article-tips a {
	color: #1279ee;
}
.article-tips a:hover {
	text-decoration: underline;
}
.relatives {
	padding-top: 30px;
}
.relatives h3 .left {
	width: 170px;
	height: 30px;
	background: url(../images/index_sprite.png) no-repeat 0 -613px;
}
.relatives h3 .right {
	height: 18px;
	_display: none;
	width: 540px;
	border-bottom: 1px solid #eee;
}
.relatives ul {
	margin: 15px 0 0 10px;
}
.relatives ul li {
	width: 218px;
	height: 165px;
	float: left;
	padding: 0 9px;
}
.relatives ul li a {
	display: block;
	position: relative;
	width: 218px;
	height: 165px;
	color: #eee;
}
.relatives ul li a:hover {
	color: #f90;
}
.relatives ul li a i {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 27px;
	width: 218px;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.relatives ul li a span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 27px;
	width: 218px;
	text-align: center;
	font: normal 12px/27px 'MicroSoft Yahei';
}
.article-comments {
	border-left: 4px solid #eee;
	margin-top: 50px;
	padding-left: 15px;
	min-height: 245px;
	width: 700px;
	overflow: hidden;
}
.article-comments img {
	background: none;
}
.CenterPart {
	width: 1px;
	background: #eee;
	height: auto;
}
.RightPart {
	margin-top: 15px;
	width: 250px;
	height: auto;
	background: #fff;
	position: relative;
}
.nav-sub {
}
.nav-sub h3 {
	height: 34px;
	font: bold 14px/34px "宋体";
	color: #fff;
	background: #4a9b00 url(../images/index_sprite.png) no-repeat -113px -54px;
	padding-left: 33px;
}
.nav-sub span a {
	float: right;
	font: normal 12px/34px "宋体";
	color: #fff;
	padding-right: 10px;
}
.nav-sub ul {
	padding-top: 5px;
}
.nav-sub ul li {
	float: left;
}
.nav-sub ul li a {
	border-bottom: 1px solid #eee;
	display: block;
	width: 83px;
	text-align: center;
	padding: 10px 0;
	color: #666;
}
.nav-sub ul li a.thisclass {
	color: #4a9b00;
	border-color: #ddd;
}
.nav-sub ul li a:hover {
	text-decoration: underline;
	color: #4a9b00;
	border-color: #ddd;
}
.down-hot {
	width: 250px;
	overflow: hidden;
}
.down-hot dt {
	display: block;
	height: 34px;
	font: bold 14px/34px "宋体";
	color: #fff;
	background: #1160ba url(../images/index_sprite.png) no-repeat -111px -472px;
	padding-left: 37px;
}
.down-hot dl a {
	border-bottom: 1px solid #eee;
	display: block;
	width: 250px;
	color: #666;
	padding: 9px 0;
}
.down-hot dl a:hover {
	color: #1160ba;
	border-color: #ddd;
	background: #fafafa;
}
.down-hot dd p.hot-img {
	float: left;
	margin-right: 8px;
}
.down-hot dd .hot-title {
	display: block;
	font: bold 14px/normal "宋体";
}
.down-hot dd .hot-cat {
	display: block;
	padding: 5px 0;
	font: normal 12px/normal "宋体";
	color: #999;
}
.down-hot dd time {
	display: block;
	font: normal 12px/normal Verdana;
	color: #ccc;
}
.article-new {
	width: 250px;
	overflow: hidden;
}
.article-new dt {
	display: block;
	height: 34px;
	font: bold 14px/34px "宋体";
	color: #fff;
	background: #ff7102 url(../images/index_sprite.png) no-repeat 4px -654px;
	padding-left: 43px;
}
.article-new dl a {
	border-bottom: 1px solid #eee;
	display: block;
	width: 250px;
	color: #666;
	padding: 9px 0;
}
.article-new dl a:hover {
	color: #ff7102;
	border-color: #ddd;
	background: #fafafa;
}
.article-new dd p.hot-img {
	float: left;
	margin-right: 8px;
}
.article-new dd .hot-title {
	display: block;
	font: bold 14px/normal "宋体";
}
.article-new dd .hot-cat {
	display: block;
	padding: 5px 0;
	font: normal 12px/normal "宋体";
	color: #999;
}
.article-new dd time {
	display: block;
	font: normal 12px/normal Verdana;
	color: #ccc;
}
/*soft*/
.softNav {
	height: 40px;
	margin: 20px 0 0;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
}
.softNav a {
	display: block;
	width: 100px;
	padding: 10px 10px;
	text-align: center;
	background: #eee;
	color: #666;
	font-size: 14px;
	float: left;
	margin-right: 20px;
}
.softNav a:hover {
	background: #1160ba;
	color: #fff;
}
.softListContent {
	margin-top: 20px;
}
.softListContent h2 {
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e2e2e2;
	font-size: 20px;
}
.softListContent h2 a {
	color: #ff7500;
}
.softListContent h2 a:hover {
	text-decoration: underline;
}
.softListContent dl {
	display: block;
	width: 500px;
	float: left;
	margin: 10px 0;
}
.softListContent dl a {
	display: block;
	width: 500px;
	color: #999;
	border-bottom: 1px solid #eee;
	padding: 8px 0;
}
.softListContent dl a b {
	font-size: 16px;
	color: #666;
}
.softListContent dl a:hover b {
	color: #1160ba;
	text-decoration: underline;
}
.softListContent dl dt {
	display: block;
	float: left;
	padding-right: 10px;
	width: 40px;
	height: 40px;
}
.softListContent dl dt img {
	border: 1px solid #eee;
}
.softListContent dl dd {
	display: block;
	width: 450px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*popup*/
.tbox {
	position: absolute;
	display: none;
	padding: 14px 17px;
	z-index: 9999
}
.tinner {
	padding: 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(../images/preload.gif) no-repeat 50% 50%;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	overflow: hidden;
}
/* input & button */
.contactus {
}
.contactus p {
	text-indent: 0!important;
	margin-bottom: 2px;
}
.contactus input, .contactus textarea {
	width: 30em;
	outline: none;
	border-radius: 2px;
}
.contactus textarea {
	height: 6em;
}
.contactus textarea:focus, .contactus input:focus {
	border: 1px solid #ccc;
}
.contactus label {
	display: block;
	margin-bottom: 3px;
}
.contactus button, .tbox input, .tbox select, .tbox textarea {
	font-size: 14px;
	font-family: sans-serif;
	vertical-align: baseline;
*vertical-align: middle;
	padding: 0.5em;
}
.tbox input, .tbox textarea {
	line-height: normal;
	background-color: #fff;
	border: 1px solid;
	border-color: #ddd #ebebeb #ebebeb #ddd;
	resize: none;
}
.contactus .btn-green {
	cursor: pointer;
	padding: 0.5em 1.3em;
	border: 0;
	background: #1160ba;
	color: #fff;
}
.contactus .btn-green:hover {
	background: #4a9b00;
}
.contactus .btn-green:active {
	background: #4a9b00;
}
.tinner p {
	font: normal 14px/2 'MicroSoft Yahei';
	text-indent: 0.5em;
}
.tmask {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 800
}
.tclose {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/close.png) no-repeat
}
.tclose:hover {
	background-position: 0 -30px
}
#error {
	background: #ff6969;
	color: #fff;
	text-shadow: 1px 1px #cf5454;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0
}
#error .tcontent {
	padding: 10px 14px 11px;
	border: 1px solid #ffb8b8;
	-moz-border-radius: 5px;
	border-radius: 5px
}
#success {
	background: #2ea125;
	color: #fff;
	text-shadow: 1px 1px #1b6116;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10;
	-moz-border-radius: 0;
	border-radius: 0
}
#bluemask {
	background: #4195aa
}
#frameless {
	padding: 0
}
#frameless .tclose {
	left: 6px
}
/*noad*/
#advert {
}
#stopad {
	border: 1px solid transparent;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2);
	box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.35) 8.33%, rgba(255,255,255,.35) 158.33%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.35) 8.33%, rgba(255,255,255,.35) 158.33%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.35) 8.33%, rgba(255,255,255,.35) 158.33%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.35) 8.33%, rgba(255,255,255,.35) 158.33%);
	font-family: Arial, sans-serif;
	color: #FFF;
	text-shadow: 1px 1px 3px #333;
	z-index: 2;
	text-align: center;
	padding: 10px;
	width: auto;
	height: auto;
	position: relative;
	background-color: #dd3333;
	border-radius: 5px;
	background-image: url(http://ij2ee1.b0.upaiyun.com/bj/ads/gradient.svg);
	height: 228px;
}
#stopad .stopadt {
	font-size: 17px;
}
#stopad p {
	display: block;
	text-align: center;
	font: normal 12px/2.3 'microsoft yahei';
}
