@media (max-width: 1440px) {
	.bannerpicbg {
		font-family: "Microsoft yahei", Arial;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		color: #FFF;
		float: left;
		height: 200px;
		width: 32% !important;
		background-image: url(../images/banner-bg.png);
		background-repeat: repeat;
		padding-top: 5px;
		padding-right: 16px;
		padding-bottom: 5px;
		padding-left: 16px;
		white-space: nowrap;
	}
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center top;
	background-color: #FFF;

}

#banner {
	height: 100%;
	width: 100%;
}

.bannerpic {
	background-image: url(../images/pic-about-us.jpg);
	background-position: left center;
	float: left;
	height: 210px;
	width: 100%;
	background-repeat: no-repeat;
}

.banner_yuekan {
	background-image: url(../images/yuekan_banner.jpg);
	background-position: left center;
	float: left;
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
}

.bannerpicbg {
	font-family: "Microsoft yahei", Arial;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	float: left;
	height: 200px;
	width: 27%;
	background-image: url(../images/banner-bg.png);
	background-repeat: repeat;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 16px;
}

.bannerpicbgtitle {
	font-family: "Microsoft yahei", Arial;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 100%;
	margin-top: 25px;
	height: 145px;
}

.training_bannerpicbgtitle {
	font-family: "Microsoft yahei", Arial;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	float: left;
	width: 100%;
	margin-top: 25px;
	height: 145px;
}

.bannerpicbgicon {
	font-family: "Microsoft yahei", Arial;
	font-size: 12px;
	line-height: 18px;
	color: #0F3;
	float: left;
	height: 27px;
	width: 88%;
	background-image: url(../images/banner-icon.png);
	background-repeat: no-repeat;
	padding-left: 12%;
	background-position: left center;
}

.bannerspace {
	float: left;
	height: 15px;
	width: 100%;
}

#top {
	margin: auto;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}

.toptitle {
	font-family: "Microsoft yahei", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	float: left;
	height: 29px;
	width: 100%;
	padding-top: 6px;
}

.topline {
	float: left;
	height: 1px;
	width: 100%;
	padding-top: 16px;
	background-image: url(../images/line-01.png);
	background-repeat: repeat-x;
}

#center {
	margin: auto;
	overflow: hidden;
	height: 100%;
	width: 100%;
	min-height: 620px;
}

.centerspecialto {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.centerspecialtotitle {
	font-family: "Microsoft yahei", Arial;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #444;
	float: left;
	width: 100%;
	background-image: url(../images/line-02.png) !important;
	height: 20px;
	background-repeat: repeat-x;
	background-position: bottom;
}

.centerspecialtocontent {
	font-family: Arial, "Microsoft yahei";
	font-size: 12px;
	line-height: 19px;
	color: #444;
	float: left;
	width: 100%;
	padding-top: 5px;
	height: 100%;
}

.centerspecialtospace {
	float: left;
	height: 15px;
	width: 100%;
}


.newcenterspecialto {
	border: 1px solid #eeeded;
	float: left;
	height: 100%;
	width: 100%;
}

.newcenterspecialto_weaver {
	float: left;
	height: 100%;
	width: 100%;
}

.newcenterspecialtotitle {
	height: 28px;
	background: url(../../images/yuekan_title_bg.gif) repeat-x top left;
	font-family: Arial, "Microsoft yahei";
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #444;
	float: left;
	width: 100%;
	line-height: 28px;
	border-bottom: 1px solid #eeeded;
}

.newcenterspecialtotitle_weaver {
	height: 28px;
	font-family: "Microsoft yahei";
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #444;
	float: left;
	width: 100%;
	line-height: 28px;
	border-bottom: 3px solid #079a3e;
}


.newcenterspecialtocontent {
	font-family: Arial, "Microsoft yahei";
	font-size: 12px;
	line-height: 19px;
	color: #444;
	float: left;
	width: 100%;
	height: 100%;
	background: #fdfcfc;
	padding: 5px 0px 5px 0px;
}

.newcenterspecialtocontent ul li {
	line-height: 24px;
}

.newcenterspecialtocontent_weaver {
	font-family: Arial, "Microsoft yahei";
	font-size: 12px;
	line-height: 19px;
	color: #444;
	float: left;
	width: 100%;
	height: 100%;
	padding: 5px 0px 5px 0px;
}


.newcenterspecialtocontent ul li {
	line-height: 24px;
}

.newcenterspecialtospace {
	float: left;
	height: 15px;
	width: 100%;
}

.newstyle02 {
	font-family: Arial, "Microsoft yahei";
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 28px;
	float: left;
	text-indent: 10px;
}

.newstyle03 {
	font-family: Arial, "Microsoft yahei";
	font-size: 12px;
	color: #999;
	font-weight: normal;
	line-height: 30px;
	padding-right: 10px;
}

.newshuangtitle {
	height: 20px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px 10px 5px 0px;
}

/*end*/



.style01 {
	font-family: "Microsoft yahei", Arial;
	/*font-size: 12px;*/
	color: #444;
	line-height: 21px;
}

.style02 {
	font-family: "Microsoft yahei", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 18px;
}

.style03 {
	font-family: "Microsoft yahei", Arial;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	line-height: 18px;
}

.a1:link,
.a1:visited,
.a1:hover,
.a1:active {
	text-decoration: none;
	color: #96ff00;
}

.training_banner {
	background-image: url(../images/training_banner.jpg);
	background-position: left center;
	float: left;
	height: 210px;
	width: 100%;
	background-repeat: no-repeat;
}

@media projection,
screen {

	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {
		display: none;
	}
}

/* Skin */
.ui-tabs-nav,
.ui-tabs-panel {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}

.ui-tabs-nav:after {
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}

.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px;
	/* be nice to Opera */
}

.ui-tabs-nav a,
.ui-tabs-nav a span {
	display: block;
	padding: 0 10px;
	background: url(../file/tab.png) no-repeat;
}

.ui-tabs-nav a {
	margin: 1px 0 0;
	/* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	color: #666;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	/* required in IE 6 */
	outline: 0;
	/* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #27537a;
}

.ui-tabs-nav a span {
	width: 64px;
	/* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px;
	/* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}

*>.ui-tabs-nav a span {
	/* hide from IE 6 */
	width: auto;
	height: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
	padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
	background-position: 100% -150px;
}

.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
	background-position: 100% -100px;
}

.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
	background-position: 0 -50px;
}

.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
}

.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited {
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active {
	/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}

.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}

.ui-tabs-panel {
	border-top: 1px solid #97a5b0;
	padding: 1em 8px;
	background: #fff;
	/* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}

.ui-tabs-loading {}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
	/* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}

*:first-child+html .ui-tabs-nav {
	/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}

.zizhi {
	margin: 0px;
	padding: 0px;
}

.zizhi ul {
	margin: 0px 0px 10px 0px;
}

.nianfen_title {
	font-size: 14px;
	font-weight: bold;
	color: #339900;
	font-family: "yahei", Arial;
	border-bottom: 1px dotted #cccccc;
	line-height: 22px;
	margin-bottom: 5px;
}

.jiangxiang {
	text-indent: 10px;
	background: url(../file/tub.png) no-repeat left 8px;
	line-height: 22px;
	color: #444;
}

.hunan {
	width: 360px;
	height: 200px;
	text-align: left;
	font-size: 14px;
	border: 1px solid #999
}


#Slidebox {
	width: 100%;
	height: 200px;
	padding: 0px;
	margin: 0 auto;
	/*position:relative; background:#e0b98b; */
	overflow: hidden;
	position: relative;
}

#flashBg {
	height: 200px;
	overflow: hidden;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}

#flashLine {
	background: url(../images/touming.png) repeat-x center bottom;
	height: 200px;
	width: 100%;
	clear: both;
}

#flash {
	width: 1365px;
	height: 200px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	position: relative;
	padding: 0px 0px;
}

#flash a {
	width: 1365px;
	height: 200px;
	display: none;
}

#flash img {
	width: 1365px;
	height: 200px;
}

.flash_bar {
	width: 100%;
	padding-left: 20px;
	z-index: 69;
	height: 18px;
	overflow: hidden;
	position: absolute;
	padding-top: 4px !important;
	padding-top: 12px;
	bottom: 0px;
	left: 0px;
	background: url(../images/tg_flashbar.png) no-repeat 0px 0px;
	text-align: center;
}

.flash_bar .dq {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 2px 4px;
	cursor: pointer;
	background: url(../images/pagination.png) no-repeat 0px -12px;
	overflow: hidden;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vizo.retail20.cn/images/pagination.png", sizingMethod="crop");
}

.flash_bar .no {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 2px 4px;
	cursor: pointer;
	background: url(../images/pagination.png) no-repeat 0px 0px;
	overflow: hidden;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vizo.retail20.cn/images/pagination.png", sizingMethod="crop");
}

/*ͼƬ�л�end*/






@media projection,
screen {

	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {
		display: none;
	}
}

/* Skin */
.ui-tabs-nav,
.ui-tabs-panel {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}

.ui-tabs-nav:after {
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}

.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px;
	/* be nice to Opera */
}

.ui-tabs-nav a,
.ui-tabs-nav a span {
	display: block;
	padding: 0 10px;
	background: url(tab.png) no-repeat;
}

.ui-tabs-nav a {
	margin: 1px 0 0;
	/* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	color: #27537a;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	/* required in IE 6 */
	outline: 0;
	/* prevent dotted border in Firefox */
}

.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #000;
}

.ui-tabs-nav a span {
	width: 64px;
	/* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px;
	/* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}

*>.ui-tabs-nav a span {
	/* hide from IE 6 */
	width: auto;
	height: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
	padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
	background-position: 100% -150px;
}

.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
	background-position: 100% -100px;
}

.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
	background-position: 0 -50px;
}

.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
}

.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited {
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active {
	/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}

.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}

.ui-tabs-panel {
	border-top: 1px solid #97a5b0;
	padding: 1em 8px;
	background: #fff;
	/* declare background color for container to avoid distorted fonts in IE while fading */
}

.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
	/* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}

*:first-child+html .ui-tabs-nav {
	/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}

.zizhi {
	margin: 0px;
	padding: 0px;
}

.zizhi ul {
	margin: 0px 0px 10px 0px;
}

.nianfen_title {
	font-size: 14px;
	font-weight: bold;
	color: #339900;
	font-family: "Microsoft yahei", Arial;
	border-bottom: 1px dotted #cccccc;
	line-height: 22px;
	margin-bottom: 5px;
}

.jiangxiang {
	text-indent: 10px;
	background: url(tub.png) no-repeat left center;
	line-height: 22px;
	color: #666;
}

.article_p {
	margin-bottom: 20px;
}
.article_title {
	color: #3f6dc4;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
}
.article_desc {
	color: #333;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 20px;
}
.article_img {
	text-wrap: wrap;
	text-align: center;
	border: 1px solid rgb(237, 237, 237);
	padding: 15px;
	display: block;
	background-color: rgb(248, 248, 248);
}