@charset "utf-8";
/* css document */
/*index*/
.indexmain{ width:100%; background: repeat-x #e6e7e8}
.indexmaincon{ width:968px; margin:0 auto; padding-top:42px;}
.indexnews{ width:731px; height:234px; padding:14px 4px 22px; background: no-repeat; float:left}
.indexnews ul.tab{ padding-left:14px; width:717px; height:35px; background:#f6f6f6}
.indexnews ul.tab li{ font-size:14px; line-height:35px; color:#333; background:#e3e3e3; padding:0 29px; cursor:pointer}
.indexnews ul.tab li.focus{ background: repeat-x; color:#fff}
.indexnews .box{ width:695px; padding-left:14px; float:left; margin-top:17px;}
.indexnewsimg{ width:245px; height:168px; border:4px solid #e5e5e5; float:left; margin-right:24px; display:inline; position:relative}
.indexnewsimg li{ position:absolute; left:0; top:0; display:none}
.indexnewsimg .num{ height:14px; position:absolute; z-index:35; bottom:4px; left:6px}
.indexnewsimg .num a{ display:inline-block; width:14px; height:14px; float:left; margin-right:2px; position:relative}
.indexnewsimg .num a p{ line-height:14px; color:#fff; text-align:center; position:relative; z-index:35}
.indexnewsimg .numbg{ width:14px; height:14px; background:#fff; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity:0.35; opacity:0.35; position:absolute; top:0; left:0}
.indexnewsimg .num a.cur p{ font-weight:bold;}
.indexnewsimg .num a.cur .numbg{ background:#c81717; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;}
.indexnewsimgs{ width:245px; height:168px; border:4px solid #e5e5e5; float:left; margin-right:24px; display:inline; position:relative}
.indexnewsimgs li{ position:absolute; left:0; top:0; display:none}
.indexnewsimgs .nums{ height:14px; position:absolute; z-index:35; bottom:4px; left:6px}
.indexnewsimgs .nums a{ display:inline-block; width:14px; height:14px; float:left; margin-right:2px; position:relative}
.indexnewsimgs .nums a p{ line-height:14px; color:#fff; text-align:center; position:relative; z-index:35}
.indexnewsimgs .numbg{ width:14px; height:14px; background:#fff; filter:alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity:0.35; opacity:0.35; position:absolute; top:0; left:0}
.indexnewsimgs .nums a.cur p{ font-weight:bold;}
.indexnewsimgs .nums a.cur .numbg{ background:#c81717; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;}
.indexrecnews{ width:418px; padding-bottom:6px; border-bottom:1px dotted #d2d2d2; float:left; margin-bottom:5px}
.indexrecnews a{ display:inline-block}
.indexrecnews a.title{ font-size:14px; line-height:22px; color:#000; margin-bottom:4px;}
.indexrecnews a.intro{ line-height:18px;}
.indexrecnews a span{ display:inline-block; font-size:10px; line-height:18px; color:#c1c1c1; padding-left:12px; background: no-repeat left 7px; margin-left:15px;}
.indexrecnews a:hover,.indexrecnews a:hover span{ color:#0068b7}
.indexnews .boxs{ display:none; position:relative}
.indexnews .boxs a.more{ display:inline-block; font-size:10px; line-height:18px; color:#c1c1c1; padding-left:12px; background: no-repeat left 7px; position:absolute; top:-43px; right:0}
.indexnews .boxs a.more:hover{ color:#0068b7}
.indexnewslist{ width:418px}
.indexnewslist li{ width:418px; height:22px}
.indexnewslist li a{ display:inline-block; line-height:22px; background: no-repeat left center; padding-left:16px; float:left}
.indexnewslist li span{ float:right; line-height:22px; color:#bfbfbf}
.indexnewslist li a:hover{ color:#0068b7}
.indexweibo{ width:183px; height:232px; padding:12px 20px 26px; background: no-repeat; float:right}
.indexweibo h2{ font-size:14px; line-height:34px; color:#333}
.weibobox{ width:100%; padding-bottom:48px; position:relative; border-bottom:1px solid #d4d4d3; margin-bottom:15px;}
.weibobox img{ float:left; border:1px solid #f1f1f1; margin:5px 10px 0 0; display:inline}
.weibobox a.title{ font-size:14px; color:#5093d5}
.weibobox a.intro{ display:inline-block; width:123px; line-height:18px; color:#888; font-family:arial, "瀹嬩綋"}
.weibobutton{ position:absolute; bottom:18px; left:58px}
.indexlinks{ width:937px; height:86px; padding:15px 12px 16px; margin:13px auto 0; background: no-repeat;}
.indexlinks li{ width:232px; height:86px; margin-right:2px;}

/*about*/
.aboutcon{ padding-bottom:35px;}
.aboutcon p{ line-height:22px; color:#444}
.aboutlink{ margin:20px auto 0;}
.aboutlink li{ width:211px; height:116px; margin-right:12px;}
.speechimg{ width:662px; height:405px; margin:20px auto 15px; position:relative}
.speechimgline{ width:100%; height:38px; background: repeat-x; position:absolute; bottom:0; left:0; z-index:30}
.speechimg .title{ font-size:14px; line-height:38px; color:#fff; padding-left:24px; position:absolute; bottom:0; left:0; z-index:35}
.speechintro h2{ font:bold 14px/46px "寰蒋闆呴粦"; color:#444; border:0}
.leadercon{ padding-bottom:35px;}
.leadercon ul{ width:668px; margin:27px auto 0; float:none}
.leadercon li{ width:637px; height:106px; padding:14px 17px 15px 14px; background: no-repeat; margin-bottom:6px;}
.leadercon li img{ float:left;}
.leadercon li h2{ width:392px; float:right; font:bold 12px/35px "寰蒋闆呴粦"; color:#444; border-bottom:1px solid #e8e8e8; margin-bottom:8px;}
.leadercon li h2 span{ font:bold 12px/35px "寰蒋闆呴粦"; color:#444; padding-right:24px;}
.leadercon li a.intro{ display:inline-block; width:392px; float:right; line-height:18px; color:#444}
.leadercon li:hover,.leadercon li.on{ background: no-repeat}
.leadercon li:hover h2,.leadercon li:hover span,.leadercon li:hover a{ color:#fff}
.leadercon li.on h2,.leadercon li.on span,.leadercon li.on a{ color:#fff}
.leadercon li:hover h2,.leadercon li.on h2{ border-bottom:1px solid #2070ad}
.leadertab{ width:668px; margin:23px auto 0; position:relative}
.leadertab .turn{ position:absolute; top:0; right:0}
.leadertab .turn a{ display:inline-block; line-height:18px; padding:0 13px; font-family:"瀹嬩綋"; background:#ececec; color:#929292; margin-left:10px;}
.leadertab ul.tab{ width:652px; height:59px; margin:0 auto; padding-left:23px; float:none; background: no-repeat bottom}
.leadertab ul.tab li{ width:89px; height:25px; background: no-repeat; line-height:25px; text-align:center; color:#444; padding:0; margin:1px 4px 0 0; cursor:pointer}
.leadertab ul.tab li.focus{ background: no-repeat; color:#fff}
.leadertab .box{ width:620px; margin:0 auto; position:relative}
.leadertab .boxs{ display:none}
.devflash{ width:664px; height:420px; margin:0 auto; padding-bottom:75px;}
.videoflash{ width:503px; height:311px; margin:65px auto 0; padding-bottom:50px;}
.honorcon .marquee{ width:670px; height:149px; margin:27px auto 14px; position:relative; overflow:hidden}
.honorcon .marquee li{ width:91px; height:141px; padding:4px; background: no-repeat; margin-right:6px;}
.honorcon .marquee li img{ float:left}
.honorcon .marquee li p{ background:#015a9e; color:#fff; text-align:center}
.honorlist{ width:662px; margin:0 auto}
.honorlist li{ width:662px; height:33px; background: no-repeat; margin-bottom:4px;}
.honorlist li a{ float:left; line-height:33px; padding-left:32px;}
.honorlist li a:hover{ color:#0068b7}
.honorlist li span{ display:inline-block; float:right; line-height:33px; color:#c7c7c7; padding-right:25px;}
.honorlist li span a{ color:#c7c7c7}
.carecon{ padding-bottom:75px;}
.carecon ul{ float:none; width:675px; margin:28px auto 0}
.carecon li{ width:207px; padding:6px 6px 3px 6px; height:181px; background: no-repeat; margin:0 6px 6px 0;}
.carecon li img{ float:left}
.carecon li p{ line-height:36px; text-align:center}
.carecon li:hover p{ color:#0068b7}

/*project*/
.projectflash{ width:100%; height:589px; margin:-40px auto 0;}
.projectbanner{ width:960px; height:295px; padding:4px; margin:0 auto 12px; background: no-repeat; position:relative}
.projectbanner li{ position:absolute; top:4px; left:4px; display:none}
.projectbanner .num{ height:8px; position:absolute; z-index:35; bottom:23px; right:25px}
.projectbanner .num a{ display:inline-block; width:8px; height:8px; background:#fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; margin-left:5px;}
.projectbanner .num a.cur{ background:#ca050e; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;}
.projectbanner .intro{ position:absolute; bottom:4px; left:4px; z-index:45; max-width:820px}
.projectbanner .introcon h2{ font-size:16px; line-height:36px; padding:10px 85px 10px 35px; color:#fff; position:relative; z-index:35}
.projectbanner .introcon .introbg{ display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; position:absolute; top:0; left:0}
.projetctintro{ width:670px; margin:30px auto}
.projectcon{ padding-bottom:35px;}

/*culture*/
.partycon,.workercon{ padding-bottom:35px;}
.workercon ul{ width:645px; float:none; margin:28px auto 0;}
.workercon li{ width:188px; height:287px; padding:6px 6px 2px; background: no-repeat; margin:0 15px 10px 0;}
.workercon li img{ float:left}
.workercon li p{ line-height:36px; text-align:center}

/*news*/
.newstop{ width:948px; height:178px; padding:16px 10px 0; background: no-repeat; margin:0 auto 12px}
.newstop li{ width:228px; height:162px; padding:0 4px; background: no-repeat; margin-right:1px;}
.newstop li img{ float:left}
.newstop li p{ line-height:32px; text-align:center}
.newssearch{ width:670px; height:40px; border-bottom:1px dotted #bdbdbd; padding-top:14px;}
.newssearch img{ float:left}
.newssearch input{ width:186px; height:25px; line-height:25px; padding-left:5px; color:#0068b7; background:#cacaca; border:0; float:left}
.newssearch input.submit{ width:34px; padding:0; background: no-repeat; cursor:pointer}
.newscon{ padding-bottom:35px;}
.newscon ul{ margin-top:20px;}
.newscon li{ width:619px; height:147px; padding:19px 26px 0 25px}
.newscon li.on{ background: no-repeat}
.newscon li a.title{ font-size:14px; line-height:26px; color:#000}
.newscon li .time{ line-height:24px; color:#bdbdbd; margin-bottom:9px;}
.newscon li a{ display:inline-block; line-height:22px; color:#555}
.newscon li a:hover{ color:#0068b7}
.newsdetail{ width:648px; margin:38px auto 0}
.newsdetail h2{ font-size:14px; line-height:26px; color:#000; border:0}
.newsdetail h3{ line-height:24px; color:#bdbdbd; margin-bottom:9px; border-bottom:1px solid #e3e3e3; padding-bottom:3px; margin-bottom:30px;}
.newsdetail .turn{ width:100%; margin:55px auto 0; padding-top:17px; border-top:1px solid #e3e3e3}
.newsdetail .turn a{ display:inline-block; line-height:28px; padding:0 16px; background:#e5e5e5}
.videonewslist{ width:667px; height:311px; margin:47px auto 0; background: no-repeat right}
.videonewsflash{ width:404px; height:311px; float:left}
.videonewslistr{ width:224px; height:294px; float:right; margin:17px 23px 0 0; display:inline; position:relative}
.videonewslistr li{ width:224px; height:29px; border-bottom:1px solid #d6d6d6}
.videonewslistr li a{ display:inline-block; line-height:29px; padding-left:10px; background: no-repeat left center}
.videonewslistr li a:hover{ color:#0068b7}
.newslistbutton{ width:224px; position:absolute; bottom:0; right:0}
.newslistbutton a{ display:inline-block; line-height:28px; padding:0 16px; background:#d4d4d4; color:#5d5d5d}
.newslistbutton a:hover{ color:#0068b7}

/*duty*/
.dutycon{ padding-bottom:35px; position:relative}
.dutyintro{ width:631px; position:relative; top:0; left:20px; z-index:35}
.dutyul{ width:642px;}
.dutyul li{ width:196px; height:172px; padding:6px 6px 2px; margin:0 6px 6px 0; background: no-repeat}
.dutyul li img{ float:left}
.dutyul li p{ line-height:35px; text-align:center}
.dutyul li a:hover p{ color:#0068b7}
.charitableimg{ width:668px; height:521px; margin:27px auto 19px}
.proslidebox{width:668px;height:521px}
.proslideimg{width:656px;height:413px; padding:6px; float:left; background: no-repeat; position:relative}
.proslideimg p{ background:#ac1c1c;width:656px;height:40px; position:absolute; bottom:6px; left:6px; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.proslideimg p.p1{ background:#000;width:656px;height:90px; padding:7px 0; position:absolute; bottom:6px; left:6px; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.proslideimg h1{ font:14px/40px "寰蒋闆呴粦"; color:#fff; padding-left:25px; position:absolute; bottom:6px; left:6px; z-index:35}
.proslideimg h2{ font:14px/26px "寰蒋闆呴粦"; color:#fff; padding-left:25px; position:absolute; bottom:70px; left:6px; z-index:35; border:0}
.proslideimg h3{ font:12px/24px "寰蒋闆呴粦"; height:48px; color:#fff; padding:0 25px 15px; position:absolute; bottom:7px; left:6px; z-index:35}
.proslidecheck{width:668px;height:96px; position:relative; background: no-repeat; float:left}
.proslideup{width:21px;height:96px; background: no-repeat; cursor:pointer; float:left}
.proslidedown{width:21px;height:96px; background: no-repeat; cursor:pointer; float:left}
.proslidesmimg{ width:626px; height:96px; overflow:hidden; float:left}
.proslidesmimg ul{ width:300%;}
.proslidesmimg ul li{width:118px;height:76px;border:2px solid #fff;cursor:pointer; margin:7px 0 0 3px;}
.proslidesmimg ul li.active{ width:118px;height:76px;border:2px solid #16619a}
.charitableintro{ width:100%; float:left; position:relative; padding:25px 0 55px; background: no-repeat top center; margin-top:20px;}
.container{ width:665px; height:346px; overflow:hidden; position:relative}
#scroller-1{ width:622px; height:346px; float:left; overflow:hidden}
#scroller-1 p{ line-height:22px; color:#444}
.scroller-container{ width:622px; position:absolute; top:0px; left:0px; }
.scrollbar-track{ width:1px; height:346px; position:absolute; top:25px; right:8px; background:#e5e5e5}
.scrollbar-handle{ position:absolute; top:0px; left:-3px; width:7px; height:37px; background: no-repeat; cursor:pointer}

/*job*/
.jobsearch{ width:660px; margin:30px auto 24px}
.jobsearch p{ line-height:25px; float:left}
.jobsearch input{ width:186px; height:25px; line-height:25px; padding-left:5px; color:#0068b7; background:#cacaca; border:0; float:left}
.jobsearch input.submit{ width:34px; padding:0; background: no-repeat; cursor:pointer}
.joblist{ padding-bottom:35px;}
.joblist table{ background: repeat-y}
.joblist td{ line-height:36px; color:#234885; padding:0 18px}
.joblist td img{ margin-right:12px;}

/*ball*/
.ballbg{ background: no-repeat center bottom}
.ballintro{ padding-bottom:245px;}
.ballintro h6{ font:14px/20px "寰蒋闆呴粦"; color:#000}
.ballintro span{ color:#015ca2}
.ballintro p{ line-height:20px; color:#444}

/*contact*/
.map{ width:662px; height:358px; margin:30px auto 8px}
.contactintro{ width:662px; margin:0 auto; min-height:388px; height:auto!important; height:388px; background: no-repeat}
.contactintrol{ width:223px; float:left}
.contactintrol h2{ font:18px/66px "寰蒋闆呴粦"; color:#444; border:0}
.contactintrol p,.contactintrol a{ color:#444}
.contactintrol a:hover{ color:#0068b7}
.contactintror{ width:380px; float:right; margin-right:10px; display:inline}
.contactintror h2{ font:12px/66px "寰蒋闆呴粦"; color:#444; border:0}
.contactintror td{ padding-bottom:7px;}
.contactintror input{ width:231px; height:22px; border:1px solid #d3d3d3; line-height:22px;}
.contactintror input.submit{ width:64px; height:25px; border:0; padding:0; background: no-repeat; margin-left:-2px;}
.contactintror input.reset{ background: no-repeat; margin-left:0;}
.contactintror textarea{ width:374px; height:118px; padding:0 3px; border:1px solid #d3d3d3}

.activitylist{ margin-top:20px;}

.booklist{ width:650px; margin-top:30px;}
.booklist li{ width:570px; height:313px; padding:33px 0 0 80px; margin-bottom:7px; background: no-repeat;}
.booklist li img{ float:left; margin-right:93px; display:inline}
.booklist li h2{ font:24px/36px "寰蒋闆呴粦"; color:#444; margin-top:25px; border:0}
.booklist li p{ font:16px/28px "寰蒋闆呴粦"; color:#444; margin-bottom:24px; text-align:left}
.booklist li a img{ margin-right:0;}
.page{
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	margin-top: 15px;
	}
.page a{
	text-decoration:none;
	color:#015ca2;
	background:#fff;
	border:1px solid #015ca2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px 6px;
	padding-bottom:2px;
	margin-right:3px}
.page a.active{
	background:#015ca2;
	border:1px solid #015ca2;
	color:#fff}
.page a:hover{
	text-decoration:none;
	color:#fff;
	background:#015ca2;}
	
	
.culturecon{ padding-bottom:50px;}
.culturelist{ width:100%; margin:20px auto}
.culturelist li{ width:670px; height:53px; border-bottom:1px solid #eaeaea; background: no-repeat left 0}
.culturelist li.cultureli01{ background-position:left -53px}
.culturelist li.cultureli02{ background: no-repeat left 0}
.culturelist li.cultureli03{ background: no-repeat left -53px}
.culturelist li span{ display:inline-block; line-height:52px; font-size:14px; color:#fff; padding:0 66px 0 14px; float:left}
.culturelist li p{ font-size:14px; line-height:53px; color:#333; float:left}


.joblist{ width:100%; margin:25px auto 0}
.jobintro{ width:100%; margin:0 auto 20px}
.jobintro p{ font-size:14px; color:#333}
.jobdetail{ width:100%; margin:0 auto}
.jobdetail dt{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #d4d4d4; color:#015ca2; cursor:pointer; background: no-repeat right center}
.jobdetail dt.show{ background: no-repeat right center}
.jobdetail dd{ display:none}
.jobdetail dd p{ color:#333}


.joblist_info_tab tr td{border:#e4e4e4 1px solid;padding:0px;color:#555;line-height:38px;table-layout:fixed}
.joblist_info_tab tr td.padr10{padding-right:10px;}
.joblist_info_tab tr td.padl10{padding-left:10px}
.input_joblist{width:185px;border:none;background:none;}
.joblist_info_tab tr td.joblist_info_tr{background:#f0f0f0;margin:1px;}
.padl20{padding-left:30px;}
.border1px{border:#e4e4e4 1px solid;}



*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a,a:visited{color:#5e5e5e; text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}
body{font:12px/180% arial,lucida,verdana,"瀹嬩綋",helvetica,sans-serif;color:#333;background:#fff;}
/* navbox */
.navbox,.nav li,.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{background:url(/uploads/image/images/headerbg.png) no-repeat;}
.navbox{height:39px;background-position:0 -138px;background-repeat:repeat-x;position:relative;z-index:9;}
.navboxa{
	height: 25px;
	background-position: 0 -138px;
	background-repeat: repeat-x;
	position: relative;
	z-index: 9;
}

.nav{width:1002px;margin:0 auto;}
.nav li{float:left;height:39px;background-position:100% -99px;padding:0 3px 0 2px;position:relative;}
.nav li.last{background:none;}
.nav li a{float:left;display:block;padding:0 0 0 4px;height:39px;overflow:hidden;}
.nav li a span{float:left;display:block;padding:0 4px 0 0;line-height:39px;font-size:14px;color:#fff;font-weight:1002;cursor:pointer;width:110px;text-align:center;}
.nav li.selected a,.nav li a.selected{background-position:0 -60px;text-decoration:none;}
.nav li.selected a span,.nav li a.selected span{background-position:100% -60px;color:#143250;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:39px;left:6px;}
.nav li .submenu{border-style:solid;border-width:0px 1px 1px 1px;border-color:#ddd;padding:0 5px 5px 5px;width:100px;background:#fff;}
.nav li .submenu{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-box-shadow:0 5px 5px #d3d3d3;-webkit-box-shadow:0 5px 5px #d3d3d3;box-shadow:0 5px 5px #d3d3d3;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 1px #bebebe;}
.nav li .submenu li.last{border:none;}
.nav li .submenu li a{float:none;padding:0;text-align:center;height:28px;line-height:28px;background:none;}
.nav li .submenu li a:hover{background:#ddd;font-weight:800;}
