﻿﻿/* HTML5 */
*{ padding:0; margin:0;}
html,body{height:100%;}
body{ margin:0; padding:0; background:#FFF; min-width:980px; font:12px/14px/18px Verdana, Simsun, Helvetica, Arial, sans-serif; color:#666; position:relative;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0; margin:0;}
fieldset, img, button, input{border:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;}
table{border-collapse:collapse; border-spacing:0; font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;}
section, article, aside, header, footer, nav, figure{ display: block;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
li{ list-style-type:none;}
a{ text-decoration:none; font-family:"宋体", Verdana, Simsun, Helvetica, Arial, sans-serif; color:#333;}
a:hover{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000}
small{font-size:12px}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
.clear{ width:980px; height:0px; clear:both;}
body,button,input,select,textarea{font:12px/1.5 arial}
.ime-disabled{ ime-mode:disabled; } 
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both ;font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.left{ float:left; }
.right{ float:right; }
body{ background: url(../img/bg.png) repeat-x;}
#header{ width: 1200px; height: 180px; margin: 0 auto; background: #FFF;}
	#banner{ width: 1200px; height: 130px; position:relative;background: url(../img/banner.png) no-repeat;}
		#banner #logo{ position: absolute; left:-15px; top:15px;}
	#nav{ width: 1200px; height: 55px; margin: 0 auto; padding: 0; background: url(../img/nav_bg.png) repeat-x;}
	#nav .menu{ width: 1200px; height: 55px;}
		#nav .menu li{position: relative; width: 85px; height: 50px; line-height: 50px; text-align: center; float: left; padding-top: 12px; margin-left:20px;}
			#nav .menu li a{ font-weight: bold; font-family:"microsoft yahei","微软雅黑",Verdana, Simsun, Helvetica, Arial, sans-serif; font-size: 16px; width: 85px; height: 24px; line-height: 24px; color: #fff; display: block;}
			#nav .menu li a:hover{ color: #ffe92b;}

#container{ width: 1208px; height: auto; margin: 0 auto; padding-bottom:2px; background:#fff; padding-left:5px; padding-right:3px;}
	#container .section{ width: 1200px; height: auto; margin: 0 auto; padding-top:10px;}
	#focus{ width:430px; height:315px; float: left; background:#CC3}
	
	.artlist .title{ width: 100%; height: 40px; background:url(../img/list_title_bg.png) bottom repeat-x;}
	.artlist .title .more{ background: url(../img/more.gif) no-repeat 0 5px; width: 36px; height: 17px; display: block; padding-top: 5px;}
	.artlist .title em{ padding-right: 10px; float: left;}
	.artlist .title .icon1{ background: url(../img/title_icon.png) no-repeat 0 5px; width: 9px; height: 20px; display: inline-block;}
	.artlist .title span{ font-size: 16px; color: #333333; line-height: 12px; float: left; display: inline-block; padding-top: 6px;}
	.artlist .work{ width: 100%; height: auto; padding-top: 3px;}
	.artlist .work li{ width: 100%; height: auto; line-height: 14px; padding: 7px 0; border-bottom: 1px dotted #ccc;}
	.artlist .work li .time{ width: 42px; height: 40px; float: left; background: url(../img/work_time.png) no-repeat;}
	.artlist .work li .time .ymtime{ font-size: 9px; color: #666; line-height: 12px; text-align: center; display: block; padding-left: 1px;}
	.artlist .work li .time .dtime{ font-size: 16px; line-height: 18px; padding-top: 5px; color: #444; display: block; text-align: center; font-weight: bold;}
	.artlist .work li .news{ width: 340px; height: auto; float: right;}
	.artlist .work li .news a{ font-size: 14px; color: #aa0000; width: 340px; line-height: 18px;}
	.artlist .work li .news p{ font-size: 12px; color: #888; width: 340px; line-height: 18px; padding-top: 5px;}
	.artlist ul li{ background: url(../img/list_icon.png) no-repeat left center; padding-left: 15px; line-height:38px; border-bottom: 1px dotted #ccc;}
	.artlist ul li .time{ font-size: 12px; color: #666; float:right;}
	
	#work{ width: 395px; height:330px; float: left; padding-left:10px; overflow: hidden; }
	#notice{ width:340px; height: 330px; float: right; margin-right:12px;}
		#notice #noticescoll{ width: 340px; height: 285px; overflow: hidden; padding-top: 1px; background: #fcfcfc;}
	#zsjy,#xqhz{ width: 382px; height:320px; overflow: hidden; float: left;}
	#jxjs,#sxsx{ width: 382px; height:320px; overflow: hidden; float: left; padding-left: 20px; }
	
	#zt{ width: 270px; height:180px; float: right; overflow: hidden;}
		#zt .title{ width: 270px; height: 30px; background: url(../img/zt_bg.png) no-repeat;}
		#zt ul{ width: 268px; height: 145px; border: 1px solid #ccc; position: relative;}
			#zt ul li{ width: 133px; height: 47px; line-height: 47px; display: block; position: absolute;}
				#zt ul li a{ width: 93px; height: 47px; line-height: 47px; padding-left: 40px; display: block; background: url(../img/list_icon.png) no-repeat 10px center;}
				#zt ul li a:hover{ text-decoration:underline;}
	#ksdh{ width: 270px; height: 230px; float: right;}
		#ksdh .title{ background: url(../img/list_title_bg2.png) no-repeat bottom center; height: 30px;}
			#ksdh .title .icon2{ background: url(../img/title_icon2.png) no-repeat 0 5px; width: 20px; height: 25px; display: inline-block;}
			#ksdh .title .more{ margin-right: 3px;}
		#ksdh .content{ width: 244px; height: 190px; padding: 10px 16px 16px 10px; background: url(../img/ksdh_bg.png) no-repeat;}

		/* scrollleft */
		.img_title{ width: 1200px; height: 31px; background: url(../img/pic_title.png) no-repeat;}
		.scrollleft{width:1200px;padding:5px 0 10px 0;}
		.scrollleft li{float:left; margin:0 5px; display:inline; width:158px; text-align:center; line-height:19px;}
		.scrollleft img{width:136px; height:100px; padding:10px; border:1px solid #eee;}
#footer{ border-top:2px solid #dbdbdb; height:100px; margin: 0 auto; line-height: 24px; color: #666; text-align: center; background: #434a54; padding:10px 0;}
#footermd{ width:1200px; height:100px; margin:0 auto;}
#footermdleft{ width:400px; height:100px; background:url(../img/footerbg.png); float:left;}
#footermdmoddle{ width:500px; height:100px;; float:left; color: #fff}
#footermdmoddle p{ width:500px; height:auto; margin:0 auto; line-height:28px; margin-top:6px; font-size:14px; text-align: center; color:#fff;}
#footermdmoddle p a{color: #fff}
#footermdright{ width:300px; height:100px;  float:left;}
#footermdright img{ width:75px; height:75px;}
#footermdright p{ margin-top:0px; color: #fff}

#articles{ width: 910px; height: auto; float: left; min-height:435px;}
#articles h5{ width: 100%; line-height: 14px; border-bottom: 1px dotted #248bff; padding-bottom: 15px; padding-top:5px; font-weight: normal; font-size: 14px; font-family:"Microsoft Yahei", Verdana, Simsun, Helvetica, Arial, sans-serif; }
/* list */
#articles .artlist h3{ padding-bottom:10px;}
#articles .artlist .news_list{  width:900px; height:auto;}
#articles .artlist .news_list li{ width:900px; float:left; border-bottom:1px dashed #ccc; background:url(../img/list_icon.png) left center no-repeat; padding-left:10px; line-height:42px;}
#articles .artlist .news_list li:hover{ background:url(../img/list_icon.png) left center no-repeat #f8f8f8;}
#articles .artlist .news_list li a{ font-size:14px; color:#333; font-weight:normal; line-height:42px; font-family:"Microsoft Yahei", Verdana, Simsun, Helvetica, Arial, sans-serif; }
#articles .artlist .news_list li .time{ font-weight:normal; color:#888;}

/* detail */
#articles .detail h3{ padding:10px 0; text-align:center; font-size:20px; font-family:"Microsoft Yahei", Verdana, Simsun, Helvetica, Arial, sans-serif; }
#articles .detail .meta-info{ color:#666; font-size:14px; padding:10px 0; text-align:center; font-family:"Microsoft Yahei", Verdana, Simsun, Helvetica, Arial, sans-serif; }
#articles .detail .entry{ font-size:16px; line-height:2; font-family:"Microsoft Yahei", Verdana, Simsun, Helvetica, Arial, sans-serif;}

#rightbar{ width:270px; height:auto; float:right;}
#rightbar #ksdh{padding-top:10px;}


#zhuanti{ width:1200px; height:100px;margin-top:5px;}
#zhuanti ul{ width:1200px; height:100px;}
#zhuanti ul li{ width:225px; height:80px; float:left; margin-left:12px;}
#zhuanti ul li a{ display:block; width:225px; height:80px;}


















.main-im{position:fixed;left:50%;top:182px;z-index:9999;width:99px;height:272px; margin-left:430px;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none; width:240px;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:229px;height:305px;}
.main-im .im_main .im-tel div{font-weight:normal;font-size:12px;margin-top:6px; text-align: left; padding-left: 20px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;color:#e66d15; line-height: 24px;}
.main-im .im_main .im-tel .tel-num a{ padding-left: 15px; background: url(../img/list_icon.png) left center no-repeat;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .close-im{position:absolute;left:220px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../img/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:188px;width:99px;height:244px;background:/*url(../img/open_im.png) no-repeat left top*/;}


.hx-child{display: none;width: 100%;position:absolute;background: #02A6FF;top:48px;z-index: 99999}
#nav .menu li:hover .hx-child{display: block;}