@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: 210px;
	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;}