﻿@charset "utf-8";
a{color:#333;}
/* CSS Document */
body{background:url(../img/bg.png);}
.top{width: 100%; background:url(../img/topbg.png) repeat-x;}
.wrap{
	width:960px;
	margin:auto;
}
div#banner{
	width:960px;
	margin: auto;
	height:243px;
	overflow:hidden;
}
/*导航*/
div#nav{
	width:100%;
	height:4px;
	background:#F36303;
	position:relative;
	z-index:10;
}
div.nav_con{
	position:relative;
	width:900px;
	height:33px;
	margin:auto;
}
ul.nav{
	position:absolute;
	z-index:10;
	width:900px;
	height:33px;
	top:-33px;
	*top:-34px;
	_top:-35px;
	background:url(../img/nav-new.png) no-repeat;
	padding-left:15px;
}
ul.nav li{
	height:35px;
	width:auto;
	padding-left:12px;
padding-right:12px;
	background:none;
	float:left;
	margin-right:5px;
	text-align:center;
	display:inline;
	position: relative;
	font:normal bold 16px/35px arial,sans-serif;
	color:#EC6D1D;
}
ul.nav li a{
	color:#EC6D1D;
	text-decoration:none;
}
ul.nav li.selected,ul.nav li.selected a{color:white;}
ul.nav li.selected{
	background:#f36303;
	/*background:url(../img/nav_sel.png) no-repeat;*/
}
/*二级菜单*/
.sec_nav {position: absolute;top:33px; left:0px; z-index:10000; width: 160px; height:auto; background: #f36303;}
.sec_nav ul{
	text-align: center;

}
.sec_nav ul li{
	font-size:12px;
}
.sec_nav,.sec_nav ul li a{
	color:white;
	line-height:33px;
	font-size:12px;
}
/*搜索框*/
#search{width:253px;margin:10px 0px; *display:inline;}
input#search_input{
	width:184px;
	height:27px;
	line-height:27px;
	padding:0 3px;
	float:right;
	border:1px solid #ff6c00;
}
#search_btn{
	float:right;
	width:61px;
	height:29px;
	background:url(../img/search_button.png) no-repeat;
	border:none;
	cursor:pointer;
}

/*主干部分*/
/*公共*/
#main{
	width:900px;
	margin:auto;
	margin-top:15px;
}
.block_border{
	border:1px solid #E7E5C7;
}
.block_bg{background:#FDF8F0;}
.block_title_orange{
	background:url(../img/title_bg.png) repeat-x;
	border-bottom:1px solid #E7E5C7;
	height:28px;
}
.block_title_red{
	background:url(../img/title_bg2.png) repeat-x;
	height:28px;
	overflow:hidden;
}
a.more{
	display:block;
	float:right;
	margin-right:10px;
	line-height:28px;
}
a.more.red{
	color:#F31812;
}
a.more.white{
	color:white;
}
/*左侧*/
div#left{
	width:253px;
	margin-right:15px;
	display:inline;
}
div#left h2{
	position:relative;
	font:normal 600 14px/28px Arial, sans-serif;
	color:#FF6C00;
	padding-left:35px;
	line-height:30px;
}
div#left h2 i{
	position:absolute;
	top:-1px;
	left:-1px;
	border:1px solid #EE9803;
	width:27px;
	height:28px;
}
/*通知*/
div.notice{
	width:251px;
	height:171px;
}
div.notice h2{
}
div.notice h2 i{
	background:url(../img/notice.png) no-repeat;
}
div.notice_con{
	width:231px;
	height:121px;
	margin:10px;
	overflow:hidden;
}
/*登陆*/
div.login{
	width:253px;
	height:213px;
	background:url(../img/login_bg.png) no-repeat;
	overflow:hidden;
	
}
div.log_con{
	width:225px;
	height:163px;
	padding:13px;
	overflow:hidden;
}
form#login_form label{
	display:block;
	float:left;
	width:60px;
	height:32px;
	line-height:28px;
	margin-top:16px;
}
form#login_form input{
	display:block;
	float:left;
	width:150px;
	height:32px;
	line-height:26px;
	border:1px solid #C6C3BF;
	padding:0 5px;
	margin-top:16px;
}
form#login_form input#valid{
	width:85px;
}
form#login_form input#log_btn{
	border:none;
	width:108px;
	float: left;
	height:31px;
	line-height:31px;
	color:white;
	font-size:20px;
	font-weight:bold;
	background:url(../img/login_btn.png) no-repeat;
	margin-left:20px;
}
#register_btn{
	width:60px;
	height:31px;
	float: left;
	line-height:31px;
	font-size:14px;
	padding-top:20px;
	margin-left:20px;
}

/*在线课堂*/
div.online{
	width:251px;
	height:270px;
	margin-top:10px;
}
div.online h2 i{
	background:url(../img/online_lesson.png) no-repeat;
}
div.online_con{
	width:231px;
	height:220px;
	padding:10px;
	overflow:hidden;
}
ul.paihang{list-style:disc;}
ul.paihang li{	
	background: url(../img/dot1.png) left center no-repeat;
	text-indent: 10px;
	height:22px;
	line-height:22px;
	width:220px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre;
	*white-space:nowrap;
}
/*友情链接*/
div.flink{
	margin-top:10px;
	width:251px;
	height:470px;

	overflow:hidden;
}
div.flink h2{
	background:url(../img/fl.png) no-repeat;
	height:33px;
	line-height:33px;
	padding-left:40px;
}
div.flink_con{
	margin:10px;
	width:233px;
}
div.flink ul li{
	width:100%;
	text-align:center;
	line-height:30px;
}
div.flink ul li a{
	font-size:14px;
}

/*右侧*/
div#right{
	width:632px;
	overflow:hidden;
}
/*最新信息*/
div.newest{
	width:630px;
	height:246px;
	overflow:hidden;
}
div.newest h2{
	width:105px;
	height:28px;
	background:url(../img/title1.png) no-repeat;
	padding-left:20px;
	color:white;
	font:normal bold 14px/30px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
div.newest_con{
	width:616px;
	height:202px;
	overflow:hidden;
	margin:7px;
}
div.newest_img{
	width:261px;
	height:201px;
	overflow:hidden;
	position:relative;
}
div.newest_img img{
	position:absolute;
	top:0;
	left:0;
}
div.newest_img h3{
	position:absolute;
	left:0;
	bottom:0;
	width:261px;
	height:20px;
	line-height:20px;
	color:white;
}
.opacity{background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A0000000', EndColorStr='#A0000000'); }
div.newest_list{
	height:202px;
	width:340px;
	overflow:hidden;
}

div.newest_list ul li{
	width:335px;
	height:22px;
	line-height:22px;
	overflow:hidden;
	text-overflow:ellipsis;
	text-indent: 10px;
	background: url(../img/dot1.png) left center no-repeat;
	white-space:pre;
	*white-space:nowrap;
}
/*培训*/
div.train{
	margin-top:10px;
	position: relative;
	width:632px;
	overflow:hidden;
}
div.train_block {
	width:310px;
	height:303px;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
	display: inline;
}
.ml8{margin-left:8px;}
div.train_block h2{
	width:104px;
	height:29px;
	font:normal bold 14px/29px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	color:#FF6C00;
	text-align:center;
	background:url(../img/titile2.png) no-repeat;
	overflow:hidden;
	margin-left:8px;
	margin-bottom:10px;
}

div.video_list{
	width:310px;
	height:263px;
	margin-top:10px;
	overflow:hidden;
}
div.video_list ul li{
	float:left;
	width:135px;
	height:125px;
	overflow:hidden;
	margin:10px;
	margin-top:0;
	text-align:center;
	display:inline;
}
/*工会要闻*/
div.ts{
	width:630px;
	height:auto;
	margin-bottom: 10px;
}
div.gh{
	width:630px;
	height:auto;
}
div.gh h2{
	width:82px;
	height:28px;
	font:normal bold 14px/28px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
	background:url(../img/title3.png) no-repeat;
	color:white;
	padding-left:10px;
}
div.gh_con{
	padding: 10px;
	height:auto;
	
	
}
div.gh_con ul li{height:26px; line-height: 26px; background:url(../img/dot1.png) left center no-repeat; font-size: 14px; text-indent: 10px;}
/*底部*/
#footer{
	width:100%;
	border-top:10px solid #d5210a;
	padding-top:20px;
	padding-bottom:50px;
	text-align:center;
}
.footerbox{width:100%;
	border-top:5px solid #fbc208;
	margin-top:20px;}

/*list*/
.bg{background-image: url(../img/kjc.png);}
.sl{width:199px;height:auto;padding-left:10px;}
.sr{width:720px;height:auto;padding-right:10px;}
.sl .header{height:37px;background-position:-608px -440px;text-indent:30px;line-height:37px;font-size:14px;font-weight:bold;}
.sl .subcat{width:187px;height:auto;margin:0px 5px;background:#f3f3f3;position:relative;padding-bottom: 10px;}
.sl .subcat ul li{height:30px;line-height:30px;text-indent:30px;background:url(../img/kjc.png) no-repeat -930px -440px;}
.sl .subcat ul li.hover{background:url(../img/kjc.png) no-repeat -930px -414px;}
.sl .subcat ul li.hover a{color:#d00404;}
.sl .subcat ul li.at{background:url(../img/kjc.png) no-repeat -930px -414px;}
.sl .subcat ul li.at a{color:#d00404;}

.articlelist {padding:20px 0px;}
.articlelist ul li {height:30px;line-height:30px;font-size:14px;background:url(../img/kjc.png) no-repeat 0px -400px; text-indent:12px;}
.articlelist ul li.height18{background:none;height:18px;}
.articlelist ul li a:hover{color:#EC6D1D;}

#position{height:40px;border-bottom:1px dashed #ddd;line-height:40px;}

/*view*/
.articleview{padding:20px 20px 20px 0px;}
.articleview h1{height:40px;font-size:16px;font-weight:bold;text-align:center;line-height:40px;}
.articleview .time{text-align:right;color:#999;}
.articleview .content{line-height:200%;font-size:14px;padding:10px;}

/*search*/
.search{width:215px;padding-right:25px;padding-top:26px;float:right;}
.search .keyword{width:164px;height:28px;border:0px;background:none;float:left;line-height:28px;}
.search .sbtn{width:48px;height:28px;border:0px;background:none;float:left;}

/*注册表单*/

#content-area{ 	margin-top:10px;}
#reg-title{
	width:100%;	height:29px; text-indent:10px; font-weight:700; font-size:14px;  	 line-height:29px;
}

.pp-form{margin:40px 60px 0 60px;padding-bottom:40px;}
.pp-form div{height:50px;line-height:50px;}
span.required{display:block;width:auto;	height:30px;line-height:30px;	margin:0 20px 0 4px;padding-top:2px\9;color:red;float:left;
}
.pp-form label{	display:block;	width:72px;	height:30px;line-height:30px;	text-align:right;	color:#333;	font-size:14px;	float:left;}
.pp-form input{width:253px;height:20px;line-height:20px;border:#f7e5c7 1px solid;padding:4px;float:left;}
input#reg-vc{width:100px;	float:left;}
.form-tip{color:red; float: left; padding-left:10px;}
.green-btn-l{display:block;width:109px;	height:41px;line-height:41px;margin:20px 0 0 100px;color:white;	font-size:18px;	font-weight:bold;text-align:center;background:#ff6c00;}

.pagination {display:block;padding:10px;text-align:center}
.pagination a, .pagination strong{display:inline-block;width:auto;line-height:18px;padding:1px 5px;border: 1px solid #C2D5E3;color:#333;text-decoration:none}
.pagination a:hover {border-color: #369;color: #369;} 
.pagination strong {background-color: #E5EDF2;}

.pages{ clear:both; margin:10px 0; }
	.pages em, .pages a, .pages strong{ text-decoration:none; margin-left:5px; padding:2px 5px; border:1px solid #E5E5E5; }
		.pages a:hover{ text-decoration:none; border:1px solid #09C; background:#09C; color:#FFF; }
	.pages strong{ border:none; font-weight:700; }
	.pages kbd { margin-left: 5px; }

/* 文本输入框 */
.u-ipt{width:180px;padding:5px;height:17px;border:1px solid #D9D9D9;border-top-color:#c0c0c0;line-height:17px;font-size:14px;color:#777;background:#fff;}
/* 文本输入框-窄 */
.u-ipt-1{width:90px;}
/* 文本输入框-出错 */
.u-ipt-err{border-color:#c00 #e00 #e00;}
/* 简易表单 */
.m-form{line-height:29px;color:#555; margin:20px auto; width:600px; font-size: 14px;}
.m-form legend{font-size:18px;font-weight:bold;}
.m-form .formitm{padding:20px 0 0;line-height:30px;}
.m-form .formitm-1{padding-left:100px;}
.m-form .lab{float:left;width:90px;margin-right:-90px;text-align:right;font-weight:bold;}
.m-form .ipt{margin-left:100px;}
.m-form .ipt *{vertical-align:middle;}
.m-form .ipt a,.m-form .ipt a:hover{text-decoration:none;color:#3891eb;}
.m-form .ipt img{height:32px;margin:0 15px 0 5px;}
.m-form .ipt .domain{margin:0 0 0 5px;font-weight:bold;color:#777;}
.m-form .ipt p{height:22px;line-height:22px;color:#999;}
.m-form .tip{padding-top:10px;}
.m-form .tip input{margin:0 5px 3px 0;}
/* 通用自定义按钮-默认蓝色 */
.u-btn{display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:0 12px;height:28px;line-height:28px;border:1px solid #2d88bf;border-radius:5px;font-size:12px;letter-spacing:1px;text-align:center;vertical-align:middle;cursor:pointer;word-wrap:normal;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);text-shadow:0 -1px rgba(0,0,0,0.2);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6dbde4),to(#399dd8));background:-webkit-linear-gradient(#6dbde4,#399dd8);background:-moz-linear-gradient(#6dbde4,#399dd8);background:-ms-linear-gradient(#6dbde4,#399dd8);background:linear-gradient(#6dbde4,#399dd8);}
.u-btn,.u-btn:hover{color:#fff;text-decoration:none;}
.u-btn:hover,.u-btn:focus{background:#399dd8;}
.u-btn:active{box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);}
.u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btnsel{display:inline-block;vertical-align:middle;border-style:solid;border-width:4px 4px 0;border-color:rgba(255,255,255,0.8) transparent transparent;}
.u-btn:hover .btnsel,.u-btn:focus .btnsel{border-top-color:rgba(255,255,255,1);}


.yizhan{
	margin-top:10px;
	width:900px;
	height:auto;
}
.yizhan h2{
	
}
.yizhan_con{
	margin:10px;
	width:880px;
}
.yizhan ul li{
	width:auto;
	text-align:left;
float:left;
	padding:0px 20px;
margin-bottom:10px;
}
.yizhan ul li a{
	font-size:14px;
}
/* 无边图片容器-默认定宽定高、图片拉伸 */
.u-img{display:block;position:relative;width:110px;height:110px;}
.u-img img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img-ha,.u-img-ha img{height:auto;}
/* 有边图片容器-默认定宽定高、图片拉伸 */
.u-img2{display:block;position:relative;width:104px;height:104px;padding:2px;border:1px solid #ddd;}
.u-img2 img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img2-ha,.u-img2-ha img{height:auto;}
/* 上图下文图文列表 */
.m-list4{zoom:1;}
.m-list4 li{display:inline;float:left;width:115px;margin:10px 0 10px 10px;}
.m-list4 h3,.m-list4 p {width:100%;height:18px;overflow:hidden;margin:5px 0 0;line-height:18px; text-align: center;}
.m-list4 h3 a,.m-list4 h3 a:hover{color:#333;}
.m-list4 .u-img,.m-list4 .u-img2{width:106px;height:146px;}
