@charset "utf-8";
html {
	color: #000;
	background: #FFF;
	overflow-x: hidden
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img {
	border: 0;
	vertical-align: middle
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal
}
ol, ul {
	list-style: none
}
caption, th {
	text-align: left
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
q:before, q:after {
	content: ''
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
input, textarea, select {
*font-size:100%
}
legend {
	color: #000
}
/**
 * CSS  Rest end
 */
body {
	font-size: 14px;
	font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial;
	line-height: 25px;
}
a {
	color: #444;
	text-decoration: none
}
a:hover, a:active {
	color: #ff6f3d;
}
.red, a.red {
	color: red
}
.gray, a.gray {
	color: gray
}
.green, a.green {
	color: green
}
.blue, a.blue {
	color: #09F
}
.orange, a.orange {
	color: #F60
}
.black, a.black {
	color: #000
}
.white, a.white {
	color: #FFF
}
.strong {
	font-weight: 700
}
body .hide {
	display: none
}
.br5 {
	border-radius: 5px;
}
.br3 {
	border-radius: 3px;
}
.dib {
	display: inline-block;
*display:inline;
*zoom:1;
}
.fl, .fr {
	display: inline
}
.fl {
	float: left
}
.fr {
	float: right
}
.pipe {
	color: #CCC;
	margin: 0 5px
}
.ml5 {
	margin-left: 5px
}
.mr5 {
	margin-right: 5px
}
.mt5 {
	margin-top: 5px
}
.mb5 {
	margin-bottom: 5px
}
.m5 {
	margin: 5px
}
.ml10 {
	margin-left: 10px
}
.ml11 {
	margin-left: 10px
}
.mr10 {
	margin-right: 10px
}
.mt10 {
	margin-top: 10px
}
.mb10 {
	margin-bottom: 10px
}
.m10 {
	margin: 10px
}
.ml20 {
	margin-left: 20px
}
.mr20 {
	margin-right: 20px
}
.mt20 {
	margin-top: 20px
}
.mb20 {
	margin-bottom: 20px
}
.m20 {
	margin: 20px
}
.pl5 {
	padding-left: 5px
}
.pr5 {
	padding-right: 5px
}
.pt5 {
	padding-top: 5px
}
.pb5 {
	padding-bottom: 5px
}
.p5 {
	padding: 5px
}
.pl10 {
	padding-left: 10px
}
.pr10 {
	padding-right: 10px
}
.pt10 {
	padding-top: 10px
}
.pb10 {
	padding-bottom: 10px
}
.p10 {
	padding: 10px
}
.pl20 {
	padding-left: 20px
}
.pr20 {
	padding-right: 20px
}
.pt20 {
	padding-top: 20px
}
.pb20 {
	padding-bottom: 20px
}
.p20 {
	padding: 20px
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
table.data-box {
	border: 1px solid #ccc;
	width: 100%
}
table.data-box thead tr {
	background: #eee
}
table.data-box thead th {
	border: 1px solid #ccc;
	border-top: none;
	color: #666;
	height: 30px;
	text-align: left
}
table.data-box thead tr.no-data th {
	color: #999
}
table.data-box thead tr.border-in div {
	border-left: 1px solid #f6f6f6;
	border-top: 1px solid #f6f6f6;
	line-height: 28px;
	padding: 0 8px
}
table.data-box thead tr.border-in .title {
	padding-left: 0
}
table.data-box tbody tr {
	background: #fff;
	height: 30px
}
table.data-box tbody tr.hover {
	background: #fff9ee
}
table.data-box td {
	border-bottom: 1px solid #ccc;
	line-height: 22px;
	padding: 0 8px
}
.no-data {
	border: 1px solid #ccc;
	border-top: none;
	color: #999;
	height: 28px;
	line-height: 28px;
	text-align: center
}
.no-result {
	color: #999;
	height: 28px;
	line-height: 28px;
	text-align: center
}
.show, html[xmlns] .clearfix, html[lang] .clearfix {
	display: block
}
table.data-box thead tr.border-in .title div, table.data-box .title, table.data-box tbody .title {
	padding-left: 15px
}
.ui-input {
	margin: 0;
	padding: 8px;
	border: 1px solid #D9D9D9;
	border-top: 1px solid #C0C0C0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 12px;
	line-height: 12px;
	vertical-align: middle
}
.ui-input:focus {
	border: 1px solid #C0C0C0;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
.ui-button, .ui-button:link, .ui-button:visited {
	text-align: center;
	font-size: 12px;
	border: 0 none;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 10px;
	background-color: #f5f5f5;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ededed), to(#ddd));
	background-image: -moz-linear-gradient(#ededed, #ddd);
	background-image: -ms-linear-gradient(#ededed, #ededed);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #ddd));
	background-image: -webkit-linear-gradient(#ededed, #ddd);
	background-image: -o-linear-gradient(#ededed, #ddd);
	-pie-background: linear-gradient(#ededed, #dddddd);
	background-image: linear-gradient(#ededed, #dddddd);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all linear .25s;
	-moz-transition: all linear .25s;
	-o-transition: all linear .25s;
	-ms-transition: all linear .25s;
	transition: all linear .25s;
	vertical-align: middle;
	font-family: "Microsoft YaHei", "微软雅黑";
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.05), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,.05), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 0 0 rgba(0,0,0,.05), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	display: inline-block;
*display:inline;
*zoom:1;
	overflow: visible;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
.ui-button:hover {
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #f0f0f0;
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #f0f0f0;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #f0f0f0
}
.ui-button-green, .ui-button-green:link, .ui-button-green:visited {
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	background-color: #81bc2e;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
	background-image: -moz-linear-gradient(#81bc2e, #659324);
	background-image: -ms-linear-gradient(#81bc2e, #659324);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
	background-image: -webkit-linear-gradient(#81bc2e, #659324);
	background-image: -o-linear-gradient(#81bc2e, #659324);
	-pie-background: linear-gradient(#81bc2e, #659324);
	background-image: linear-gradient(#81bc2e, #659324);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25)
}
.ui-button-green:hover {
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #83c822;
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #83c822;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #83c822
}
.ui-button-blue, .ui-button-blue:link, .ui-button-blue:visited {
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	background-color: #3c88cc;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#3c88cc), to(#276195));
	background-image: -moz-linear-gradient(#3c88cc, #276195);
	background-image: -ms-linear-gradient(#3c88cc, #276195);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c88cc), color-stop(100%, #276195));
	background-image: -webkit-linear-gradient(#3c88cc, #276195);
	background-image: -o-linear-gradient(#3c88cc, #276195);
	background-image: linear-gradient(#3c88cc, #276195);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25)
}
.ui-button-blue:hover {
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #3089d8;
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #3089d8;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #3089d8
}
.ui-button-orange, .ui-button-orange:link, .ui-button-orange:visited {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2);
	background-color: #FF5F19;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#FF5F19), to(#E54000));
	background-image: -moz-linear-gradient(#FF5F19, #E54000);
	background-image: -ms-linear-gradient(#FF5F19, #E54000);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF5F19), color-stop(100%, #E54000));
	background-image: -webkit-linear-gradient(#FF5F19, #E54000);
	background-image: -o-linear-gradient(#FF5F19, #E54000);
	background-image: linear-gradient(#FF5F19, #E54000)
}
.ui-button-orange:hover {
	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #FF8020;
	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #FF8020;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 2px #FF8020
}
.ui-button:active {
	-webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 24px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.2)
}
.ui-button-big, .ui-button-big:link, .ui-button-big:visited {
	height: 35px;
	line-height: 35px;
	width: auto;
	min-width: 80px;
	font-size: 14px;
	font-weight: bold
}
.ui-tabs {
	letter-spacing: -4px;
	word-spacing: -4px;
	border-bottom: 2px solid #F60
}
.ui-tabs li {
	letter-spacing: normal;
	word-spacing: normal;
	background-color: #fff;
	color: #333;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: inline-block;
*display:inline;
*zoom:1;
	margin: 2px 3px 0 0;
	min-width: 80px;
	_width: 80px;
	height: 30px;
	line-height: 30px;
	cursor: pointer
}
.ui-tabs li a {
	display: block
}
.ui-tabs li.current {
	font-weight: bold;
	background-color: #F60;
	border-top: 3px solid #F60;
	border-left: 1px solid #F60;
	border-right: 1px solid #F60;
	color: #fff;
	margin: 0 3px 0 0
}
.ui-tabs li.current a {
	color: #fff
}
.ui-tabs-content {
	padding: 10px;
	border: 1px solid #dcdcdc;
	position: relative;
	z-index: 0
}
.ui-pager {
	text-align: center
}
.ui-pager a, .ui-pager span {
	padding: 2px 10px;
	display: inline-block;
    *display:inline;
    *zoom:1;
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.07)
}
.ui-pager a {
	border: #eee 1px solid;
	margin: 2px;
	color: #09c;
	text-decoration: none;
}
.ui-pager a:hover, .ui-pager a:active {
	border: #999 1px solid;
}
.ui-pager .current, .ui-pager .current:hover {
	border: #09c 1px solid;
	font-weight: bold;
	margin: 2px;
	color: #fff;
	background-color: #09c
}
.ui-pager .disabled {
	border: #eee 1px solid;
	margin: 2px;
	color: #ddd
}
.inner {
	width: 1000px;
	margin: 0 auto;
}
/*
 *sprites
*/
.logo a, .footer .copyright, .updatelog h3 p {
	background: url(../images/yjj/sprites.png) no-repeat 0 0;
}
/*
 *  header
 */
.header {
	width: 100%;
	height: 58px;
	background-color: #F0F1F6;
	background-image: -moz-linear-gradient(#FFF, #F0F1F2);
	background-image: -ms-linear-gradient(#FFF, #F0F1F2);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #F0F1F2));
	background-image: -webkit-linear-gradient(#FFF, #F0F1F2);
	background-image: -o-linear-gradient(#FFF, #F0F1F2);
	-pie-background: linear-gradient(#FFF, #F0F1F2);
	background-image: linear-gradient(#FFF, #F0F1F2);
	box-shadow: 0 5px 5px rgba(0,0,0,.2);
	position: relative;
	z-index: 1
}
.logo {
	width: 290px;
	height: 43px;
	padding: 7px 0;
}
.logo a {
	display: block;
	width: 250px;
	height: 48px;
	line-height: 150px;
	overflow: hidden;
}
.nav ul {
	margin: 14px 0;
}
.nav li {
	display: inline-block;
*display:inline;
*zoom:1;
	text-align: center;
	margin-left: 5px
}
.nav li a {
	display: inline-block;
*display:inline;
*zoom:1;
	min-width: 56px;
	_width: 56px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	font-weight: 700
}
.nav li a.current, .nav li a:hover {
	background-color: #69BFE7;
	box-shadow: inset 5px 5px 5px rgba(0,0,0,.15);
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}
.tel {
	line-height: 58px;
	height: 58px;
	font-size: 15px;
	color: #666;
	font-weight: 100
}
.w740 {
	width: 740px;
}
.w240 {
	width: 240px;
}
/*
 *  banner
 */
.banner {
	width: 100%;
	height: 350px;
	position: relative;
	overflow: hidden
}
.banner .inner {
	position: relative;
	z-index: 1;
}
.banner .showcase {
	display: none;
	opacity: 0
}
.banner .current {
	display: block;
	opacity: 1;
}
.loading {
	background: url(../images/yjj/ajax-loader.gif) center center no-repeat;
}
.banner .b-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
}
.jssoft .b-bg {
	background: url(../images/yjj/banner_bg.png) repeat-x;
	background: -moz-linear-gradient(top, #1c81dd 0%, #1c80dc 1%, #1f94df 18%, #2a9ee1 25%, #3faae4 32%, #69beea 42%, #c2e5f7 59%, #d9effa 64%, #f1f9fd 70%, #fdfeff 74%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c81dd), color-stop(1%, #1c80dc), color-stop(18%, #1f94df), color-stop(25%, #2a9ee1), color-stop(32%, #3faae4), color-stop(42%, #69beea), color-stop(59%, #c2e5f7), color-stop(64%, #d9effa), color-stop(70%, #f1f9fd), color-stop(74%, #fdfeff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c81dd 0%, #1c80dc 1%, #1f94df 18%, #2a9ee1 25%, #3faae4 32%, #69beea 42%, #c2e5f7 59%, #d9effa 64%, #f1f9fd 70%, #fdfeff 74%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c81dd 0%, #1c80dc 1%, #1f94df 18%, #2a9ee1 25%, #3faae4 32%, #69beea 42%, #c2e5f7 59%, #d9effa 64%, #f1f9fd 70%, #fdfeff 74%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1c81dd 0%, #1c80dc 1%, #1f94df 18%, #2a9ee1 25%, #3faae4 32%, #69beea 42%, #c2e5f7 59%, #d9effa 64%, #f1f9fd 70%, #fdfeff 74%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1c81dd 0%, #1c80dc 1%, #1f94df 18%, #2a9ee1 25%, #3faae4 32%, #69beea 42%, #c2e5f7 59%, #d9effa 64%, #f1f9fd 70%, #fdfeff 74%, #ffffff 100%); /* W3C */
	/*-pie-background: linear-gradient(#1c81dd 0%, #1c80dc 1%, #1f94df 18%, #2a9ee1 25%, #3faae4 32%, #69beea 42%, #c2e5f7 59%, #d9effa 64%, #f1f9fd 70%, #fdfeff 74%, #ffffff 100%); /* W3C */
	height: 468px;
}
.jsweb .b-bg {
	background: url(../images/yjj/bn2_bg.png) repeat-x;
	background: -moz-linear-gradient(top, #5599fe 0%, #5aa0fd 19%, #63a8fd 30%, #72b4fd 40%, #84befa 49%, #96c1f0 59%, #9bbde5 65%, #9bb4d5 71%, #99a7be 77%, #919395 88%, #937d66 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5599fe), color-stop(19%, #5aa0fd), color-stop(30%, #63a8fd), color-stop(40%, #72b4fd), color-stop(49%, #84befa), color-stop(59%, #96c1f0), color-stop(65%, #9bbde5), color-stop(71%, #9bb4d5), color-stop(77%, #99a7be), color-stop(88%, #919395), color-stop(100%, #937d66)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5599fe 0%, #5aa0fd 19%, #63a8fd 30%, #72b4fd 40%, #84befa 49%, #96c1f0 59%, #9bbde5 65%, #9bb4d5 71%, #99a7be 77%, #919395 88%, #937d66 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5599fe 0%, #5aa0fd 19%, #63a8fd 30%, #72b4fd 40%, #84befa 49%, #96c1f0 59%, #9bbde5 65%, #9bb4d5 71%, #99a7be 77%, #919395 88%, #937d66 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5599fe 0%, #5aa0fd 19%, #63a8fd 30%, #72b4fd 40%, #84befa 49%, #96c1f0 59%, #9bbde5 65%, #9bb4d5 71%, #99a7be 77%, #919395 88%, #937d66 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5599fe 0%, #5aa0fd 19%, #63a8fd 30%, #72b4fd 40%, #84befa 49%, #96c1f0 59%, #9bbde5 65%, #9bb4d5 71%, #99a7be 77%, #919395 88%, #937d66 100%); /* W3C */
	/*-pie-background: linear-gradient(#5599fe 0%, #5aa0fd 19%, #63a8fd 30%, #72b4fd 40%, #84befa 49%, #96c1f0 59%, #9bbde5 65%, #9bb4d5 71%, #99a7be 77%, #919395 88%, #937d66 100%);*/
	height: 350px;
}
.loaded .jssoft {
	background: url(../images/yjj/banner.png) top center no-repeat;
}
.banner .b-img, .banner .b-tit, .banner .b-btn, .banner .b-txt {
	position: absolute;
	z-index: 1;
}
.loaded .jssoft .b-img, .loaded .jssoft .b-tit, .loaded .jssoft .b-btn {
	background: url(../images/yjj/bn1-sprite.png) no-repeat 0 0;
}
.jssoft .b-img {
	width: 415px;
	height: 327px;
	left: 140px;
	top: 20px;
}
.jssoft .b-tit {
	width: 312px;
	height: 76px;
	top: 30px;
	right: 20px;
}
.loaded .jssoft .b-tit {
	background-position: -465px -87px;
}
.jssoft .b-btn {
	width: 197px;
	height: 57px;
	top: 150px;
	right: 135px;
}
.loaded .jssoft .b-btn {
	background-position: -463px -185px;
}
.jssoft .b-btn a {
	display: block;
	line-height: 57px;
	height: 57px;
}
.jssoft .b-txt {
	width: 300px;
	top: 220px;
	right: 30px;
	font-size: 12px;
	display: none
}
.loaded .jssoft .b-txt {
	display: block
}
.banner .inner {
	height: 350px;
}
.loaded .jsweb {
	background: url(../images/yjj/banner2.png) top center no-repeat;
}
.loaded .jsweb .b-img, .loaded .jsweb .b-tit, .loaded .jsweb .b-btn {
	background: url(../images/yjj/bn2-sprite.png) no-repeat 0 0;
}
.jsweb .b-img {
	width: 527px;
	height: 309px;
	top: 26px;
	left: 55px;
}
.jsweb .b-tit {
	width: 230px;
	height: 52px;
	top: 80px;
	right: 100px;
}
.loaded .jsweb .b-tit {
	background-position: -607px -57px;
}
.jsweb .b-btn {
	width: 230px;
	height: 58px;
	top: 160px;
	right: 100px;
}
.loaded .jsweb .b-btn {
	background-position: -603px -176px;
}
.jsweb .b-btn a {
	display: block;
	line-height: 58px;
	height: 58px;
}
.content {
	background: #fff;
}
.bg {
	background: url(../images/yjj/banner_bg.png) repeat-x 0 0;
}
.tips {
	background: #FEF8EF;
	border: 1px solid #FAECD3;
	border-radius: 3px;
	font-size: 12px;
	line-height: 20px;
	color: #666
}
.description h2 {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #f5f5f5;
	padding: 5px 0;
	margin-bottom: 10px;
}
.description h2 i {
	display: inline-block;
*display:inline;
*zoom:1;
	background: #09F;
	width: 4px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
}
.description dl {
	margin-bottom: 15px;
	color: #666
}
.description dt {
	width: 220px;
}
.description dd {
	width: 500px;
	padding: 10px;
}
.description dd h3 {
	font-size: 16px;
	font-weight: 700;
}
.right {
	background-color: #fafafa;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,.05)
}
.right .module .hd {
	background: #f0f0f0;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px 3px 0 0;
}
.right .module .hd h3 {
	font-weight: 700;
}
.right .module .hd .fr {
	font-size: 12px;
}
.right .module .bd {
	line-height: 25px;
}
.right .module .bd li {
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 220px;
}
.widget {
	width: 240px;
	background: #f5f5f5;
	border-right: 1px solid #eee;
}
.menu {
	width: 220px;
	padding: 0 10px;
}
.menu li {
	margin-bottom: 1px;
}
.menu li a {
	height: 30px;
	line-height: 30px;
	border: #eee 1px solid;
	box-shadow: 0 1px 1px rgba(255,255,255,1);
	border-radius: 2px;
	display: block;
	padding: 0 10px;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
}
.menu li.current a {
	background: #eee;
	color: #09F;
	border-color: rgba(0,0,0,.1)
}
.menu li.current a i {
	display: inline-block;
    *display:inline;
    *zoom:1;
	background: #09F;
	width: 4px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
}
.menu li a:hover {
	color: #09F;
	border-color: rgba(0,0,0,.1)
}
.menu li.parent a {
	background: rgb(122,188,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(122,188,255,1)), color-stop(44%, rgba(96,171,248,1)), color-stop(100%, rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=0 ); /* IE6-9 */
	border-color: rgba(0,0,0,.1);
	color: #FFF;
	font-weight: 700;
	text-shadow: 1px 1px rgba(0,0,0,.3)
}
.menu li.parent a i {
	font-weight: 100;
	font-size: 12px;
	font-style: normal;
	color: rgba(255,255,255,.6)
}
.updatelog h3 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
	box-shadow: 0 1px 1px rgba(0,0,0,.03);
	padding: 5px 10px;
	position: relative;
	z-index: 0;
}
.updatelog p {
	margin-bottom: 5px;
	font-size: 12px;
	color: #555
}
.updatelog h3 p {
	position: absolute;
	z-index: 1;
	left: -150px;
	top: 8px;
	width: 90px;
	margin-bottom: 0;
	padding-right: 50px;
	background-position: -157px -26px;
	font-weight: 100;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 16px;
	color: #999;
	text-shadow: 1px 1px #fff;
}
.updatelog h3:hover p {
	color: #09F;
}
.soft-class {
	padding: 5px;
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #fdfdfd;
}
.soft-class a {
	display: inline-block;
*zoom:1;
	width: 72px;
	text-align: center;
	font-size: 12px;
}
.soft-class a:hover {
	color: #09F;
}
.soft-class a.current {
	background-color: #09F;
	color: #fff;
	border-radius: 2px;
}
.soft-list dl {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}
.soft-list dt {
	width: 150px;
	height: 150px;
	padding-right: 10px;
}
.soft-list dd.fl {
	width: 430px;
	min-height: 150px;
	height: auto;
}
.soft-list dd .soft-tit {
	font-weight: 700;
	padding-top: 12px;
}
.soft-list dd .soft-des {
	height: 75px;
	overflow: hidden;
	color: #999;
	font-size: 12px;
	position:relative;
	z-index:0;
}
.soft-list dd .soft-ver {
	padding-bottom: 12px;
	font-size: 12px;
}
.soft-list dd.fr {
	width: 130px;
	text-align: center;
	margin-top: 60px;
}
.soft-list dd .download {
	width: 100px;
    *width:80px;
	border-radius: 5px;
}
.help-cont p {
	padding: .5em 0;
	font-size: 14px;
}
.help-cont h2 {
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 16px;
}
/*
 *  footer
 */
.footer {
	background-color: #444546;
	height: 50px;
	width: 100%;
	box-shadow: inset 0 5px 5px rgba(0,0,0,.3);
	padding: 20px 0;
	text-align: center;
	color: #7f7f7f;
	font-size: 12px;
}
.footer .copyright {
	height: 25px;
	background-position: center -50px;
	line-height: 25px;
	text-indent: -9999px;
}
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes bounceInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
}
}
 @-moz-keyframes bounceInLeft {
 0% {
 opacity: 0;
 -moz-transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -moz-transform: translateX(30px);
}
 80% {
 -moz-transform: translateX(-10px);
}
 100% {
 -moz-transform: translateX(0);
}
}
 @-o-keyframes bounceInLeft {
 0% {
 opacity: 0;
 -o-transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -o-transform: translateX(30px);
}
 80% {
 -o-transform: translateX(-10px);
}
 100% {
 -o-transform: translateX(0);
}
}
 @keyframes bounceInLeft {
 0% {
 opacity: 0;
 transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 transform: translateX(30px);
}
 80% {
 transform: translateX(-10px);
}
 100% {
 transform: translateX(0);
}
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
 @-webkit-keyframes bounceOutLeft {
 0% {
 -webkit-transform: translateX(0);
}
 20% {
 opacity: 1;
 -webkit-transform: translateX(20px);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
}
}
 @-moz-keyframes bounceOutLeft {
 0% {
 -moz-transform: translateX(0);
}
 20% {
 opacity: 1;
 -moz-transform: translateX(20px);
}
 100% {
 opacity: 0;
 -moz-transform: translateX(-2000px);
}
}
 @-o-keyframes bounceOutLeft {
 0% {
 -o-transform: translateX(0);
}
 20% {
 opacity: 1;
 -o-transform: translateX(20px);
}
 100% {
 opacity: 0;
 -o-transform: translateX(-2000px);
}
}
 @keyframes bounceOutLeft {
 0% {
 transform: translateX(0);
}
 20% {
 opacity: 1;
 transform: translateX(20px);
}
 100% {
 opacity: 0;
 transform: translateX(-2000px);
}
}
.animated.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
 @-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInDown {
0% {
opacity:0;
-moz-transform:translateY(-20px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInUp {
 0% {
 opacity: 0;
 -moz-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInUp {
 0% {
 opacity: 0;
 -o-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes fadeInDown {
 0% {
 opacity: 0;
 -moz-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -moz-transform: translateY(0);
}
}
 @-o-keyframes fadeInDown {
 0% {
 opacity: 0;
 -o-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -o-transform: translateY(0);
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
 @-webkit-keyframes fadeOutUp {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
 0% {
 opacity: 1;
 -moz-transform: translateY(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
 0% {
 opacity: 1;
 -o-transform: translateY(0);
}
 100% {
 opacity: 0;
 -o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
 0% {
 opacity: 1;
 transform: translateY(0);
}
 100% {
 opacity: 0;
 transform: translateY(-20px);
}
}
.animated.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
}
 @-moz-keyframes fadeOutDown {
 0% {
 opacity: 1;
 -moz-transform: translateY(0);
}
 100% {
 opacity: 0;
 -moz-transform: translateY(20px);
}
}
 @-o-keyframes fadeOutDown {
 0% {
 opacity: 1;
 -o-transform: translateY(0);
}
 100% {
 opacity: 0;
 -o-transform: translateY(20px);
}
}
 @keyframes fadeOutDown {
 0% {
 opacity: 1;
 transform: translateY(0);
}
 100% {
 opacity: 0;
 transform: translateY(20px);
}
}
.animated.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
.timer-line-animation {
	-webkit-animation: timer-line 10s linear infinite;
	-moz-animation: timer-line 10s linear infinite;
	-ms-animation: timer-line 10s linear infinite;
	-o-animation: timer-line 10s linear infinite;
	animation: timer-line 10s linear infinite;
}
@-moz-keyframes timer-line {
0% {
width:0%
}
100% {
width:100%
}
}
@-webkit-keyframes timer-line {
0% {
width:0%
}
100% {
width:100%
}
}
@-o-keyframes timer-line {
0% {
width:0%
}
100% {
width:100%
}
}
@-ms-keyframes timer-line {
0% {
width:0%
}
100% {
width:100%
}
}
@keyframes timer-line {
0% {
width:0%
}
100% {
width:100%
}
}
.timer-line {
	width: 0%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-radius: 5px;
	height: 3px;
	background: #09f;
}
/*
 * css pie
 */
.header, .logo a, .banner .b-tit, .banner .b-btn, .banner .b-img, .updatelog h3 p, .description h2 i, .menu li.current a i {
	behavior: url(/themes/default/templates/css/PIE.php);
}
.logo a, .banner .b-tit, .banner .b-btn, .banner .b-img, .updatelog h3 p {
	-pie-png-fix: true;
}

@media \0screen\,screen\9 {
.nav li a.current, .nav li a:hover {
	background: #69BFE7 url(../images/yjj/nav_cur.png) no-repeat center center;
}
.footer {
	background: #444546 url(../images/yjj/footer_shadow.png) repeat-x center center;
}
}

/*
 *客服
 */
* html, * html body{background-image:url(about:blank);background-attachment:fixed;}
.kefu{ background:url(../images/activity/2013818/kf.png) no-repeat; position:fixed; z-index:500; right:2px; top:200px; width:132px; height:302px;}
* html .kefu{position:absolute;bottom:auto;
top:expression(eval(document.documentElement.scrollTop)+200);}
.kefu .close{ width:39px; height:18px; text-indent:-9999px; display:block; margin-left:93px;}
.kefu ul{ text-align:center; padding-top:120px;}
.kefu ul li { line-height:30px; height:30px; vertical-align:baseline; _vertical-align:middle;}


.soft-list dd .soft-des-view{overflow:visible;height: auto; padding-bottom:25px;}
.soft-list dd .soft-des .view-more{ position:absolute; z-index:1; bottom:0; right:0; padding:0 10px 0 25px;; background:#fff; border-radius:2px;}
.ui-buy .ui-button{ width:220px; padding:0; height:50px; line-height:50px; font-size:18px; font-weight:700}