﻿@charset "utf-8";
/*全局样式
---------------------------------------------*/
html{ width:100%; height:100%; min-width:1050px;} 
body{ width:100%; height:100%; min-width:1050px;}


section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#14547a; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.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; }
/* Clear Fix */ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
/* Hide from IE Mac */ 
.clearfix { display:block; } 
/* End hide from IE Mac */ 
/* end of clearfix */ 
.left{ float:left; }
.right{ float:right; }
.red{ color:#F00; }
	.red:hover{ color:#F60; }
	.red a{ color:#F00; }
	.red a:hover{ color:#F60; }
.gray{ color:#666; }
	.gray:hover{ color:#F60; }
	.gray a{ color:#666; }
	.gray a:hover{ color:#F60; }
.blue{ color:#1E7BB3; }
	.blue:hover{ color:#F60; }
	.blue a{ color:#1E7BB3; }
	.blue a:hover{ color:#F60; }
.dShowNone{ display:none;}
/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }
.mr2{ margin-right:15px;}


/*页面布局
----------------------------------------------*/
.bg{ position:fixed; z-index:-999; width:100%; height:100%; background:url(../images/bg.jpg) no-repeat top center #fff;}
.tl{ position:absolute; z-index:0; top:0; left:0; width:650px; height:250px; background:url(../images/tl.png) no-repeat;}
.dc{ position:fixed; z-index:0; bottom:0; width:1920px; height:270px; background:url(../images/dc.png) no-repeat bottom center;}
.header{ width:1150px; height:330px; overflow:hidden; margin:0 auto;}
.header iframe{ width:240px; height:60px; overflow:hidden; position:absolute; right:320px; top:10px;}
.header .title{ width:1150px; height:80px; margin:120px auto 0 auto;}
.header .search{ width:440px; height:45px; float:right; margin-top:40px;}
.header .search .query{ width:275px; padding-left:10px; height:35px; border:1px solid #CBCBCB; float:left; outline:none; border-right:0; background:#DAEDFE;}
.header .search .btn{ width:60px; height:37px; border:none; background:url(../images/btn.png); outline:none; float:left; cursor:pointer;}
.header .search .gj{ display:block; margin-left:10px; float:left; width:75px; height:37px; line-height:37px; text-align:center; background:#6FB4DD; border-radius:5px; color:#fff; font-size:15px; }
.header .search .gj:hover{ background:#1C5F84;}

.ago{ position:relative; width:1077px; height:472px; overflow:hidden; margin:0 auto 260px auto; background:url(../images/ago.png) no-repeat;}
.ago a{ display:block; width:200px; height:260px; position:absolute; }
.ago a.news{ left:157px; top:105px;}
.ago a.map{left:718px; top:105px;}
.nareas{ width:1080px; height:505px; padding:20px; background:#fff; margin:0 auto 200px auto; border-radius:10px;}
.nareas .area1{ width:1080px; height:305px;}
.focusBox { position: relative; width:550px; height:305px; overflow: hidden; border-radius:10px; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; float:left; }
.focusBox .pic img { width:550px; height:305px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background:#333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height:36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size:14px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width:12px; height:12px; border-radius:12px; overflow: hidden; text-align: center; margin:0 5px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#3D95DC;  }

.gzdt{ float:left; width:510px; height:305px; margin-left:20px;}
.gzdt h3{ display:block; width:510px; height:30px; border-bottom:5px solid #3D95DC;}
.gzdt h3 span{ display:block; float:left; width:150px; height:30px; background:url(../images/s1.png);}
.gzdt h3 a{ display:block; line-height:30px; font-size:14px; float:right; color:#3D95DC}
.gzdt ul{ margin:10px 0 0 0;}
.gzdt ul li{ line-height:26px; padding-left:15px; background:url(../images/li.png) no-repeat left center;}
.gzdt ul li a{ font-size:14px; color:#5e5e5e;}
.gzdt ul li a:hover{color:#3D95DC;}
.gzdt ul li span{ float:right; font-size:13px; color:#5e5e5e;}

.nareas .area2{ width:1080px; height:175px; margin-top:20px;}
.nareas .area2 .li{ float:left; width:350px; height:185px; }
.area2 .li h3{ display:block; width:350px; height:30px; border-bottom:5px solid #3D95DC;}
.area2 .li h3 span{ display:block; float:left; width:150px; height:30px;}
.area2 .li h3 span.s2{ background:url(../images/s2.png);}
.area2 .li h3 span.s3{ background:url(../images/s3.png);}
.area2 .li h3 span.s4{ background:url(../images/s4.png);}

.area2 .li h3 a{ display:block; line-height:30px; font-size:14px; float:right; color:#3D95DC}
.area2 .li ul{ margin:10px 0 0 0;}
.area2 .li ul li{ line-height:26px; padding-left:15px; background:url(../images/li.png) no-repeat left center;}
.area2 .li ul li a{ font-size:14px; color:#5e5e5e;}
.area2 .li ul li a:hover{color:#3D95DC;}
.area2 .li ul li span{ float:right; font-size:13px; color:#5e5e5e;}

.list{ width:1100px; height:auto; overflow:hidden; padding:20px; background:#fff; margin:0 auto 100px auto; border-radius:10px;}
.siteMap{ width:1070px; padding-left:25px; height:30px; background:url(../images/siteMap.jpg) no-repeat left center;}
.siteMap{ line-height:30px; font-size:16px; color:#5E5E5E;}
.siteMap span{ font-weight:bold;}
.list .b{ margin-top:20px; padding-left:100px; min-height:500px; }
.list .left{ float:left; width:278px; height:598px; border:1px solid #ECECEC;}
.list .left h3{ display:block; width:280px; height:59px; background:url(../images/left_bg.jpg) no-repeat;}
.list .left h3 span{ display:block; line-height:59px; margin-left:40px; padding-left:25px; background:url(../images/left_tt.png) no-repeat left center;}
.list .left h3 span{ font-size:17px; color:#fff;}
.list .left ul{ margin:20px 0 0 30px;}
.list .left ul li{ font-size:14px; width:200px; padding-left:20px; line-height:30px; background:url(../images/left_ico_01.png) no-repeat left center;}
.list .left ul li.cc a{ font-weight:bold; color:#015293;}
.list .right{ float:left; width:800px; height:auto; overflow:auto; min-height:600px; margin-left:20px;}
.list .right .title{ width:800px; height:55px; background:#EFF7FE;  border-top:3px solid #015293; border-bottom:1px solid #E7E7E7;}
.list .right .title span{ display:block; padding-left:20px; margin-left:15px; color:#015293; font-size:16px; line-height:55px; background:url(../images/right_tt_ico.png) no-repeat left center;}
.newsList{ height:27px; line-height:27px; font-size:14px; margin:20px 0 0 15px;;}
.newsList li{ width:785px; height:27px;}
.newsList strong{ float:left; margin-right:10px;}
.newsList a{ float:left; display:block; color:#333;}
.newsList span{ float:right; margin-right:10px; color:#999;}
.newsList a:hover{ color:#015293; font-weight:bold;}
.lb_con{ width:1100px; height:auto; overflow:auto;}

/* 详细页 开始 css */
.lb_con .lb_t{ display:block; line-height:40px; font-size:22px; text-align:center; color:#015293;}
.lb_con .lb_z{ width:950px; height:40px; line-height:40px; margin:20px auto; background:#F0F3F6; text-align:center; font-size:13px; color:#333;}
.lb_con .lb_z span{ margin-left:20px;}
.lb_con .lb_z span.Big{ margin-left:0;}
.lb_con .lb_z span.Middle{ margin-left:0;}
.lb_con .lb_z span.Small{ margin-left:0;}


/*内容详细样式*/
.lb_con .lb_c{ width:950px; margin:15px auto; padding:0; font-size:15px; line-height:2em; word-wrap:break-word; }
	.lb_con .lb_c img{ max-width:100%!important; height:auto!important; }
	.lb_con .lb_c h2,.lb_con .lb_c h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.lb_con .lb_c h2{ font-size:1.2em; }
	.lb_con .lb_c h3,.lb_con .lb_c h4{ font-size:1.1em; }
	.lb_con .lb_c strong{ color:#333; }
	.lb_con .lb_c ul,.lb_con .lb_c ol{ margin:1em; }
	.lb_con .lb_c li{ margin-left:1em; }
	.lb_con .lb_c ul li{ list-style:disc outside none; }
	.lb_con .lb_c ol li{ list-style:decimal outside none; }
	.lb_con .lb_c p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.lb_con .lb_c a{ text-decoration:underline; }
	.lb_con .lb_c code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; line-height:1.7em; }
	.lb_con .lb_c table{ border-left:0.15em solid #eee; border-top:0.15em solid #eee; }
	.lb_con .lb_c table th{ background-color:#F9F9F9; text-align:center; }
	.lb_con .lb_c table td,.lb_con .lb_c table th{ border-bottom:0.15em solid #eee; border-right:0.15em solid #eee; padding:0.25em 0.5em; }
.bshare-custom{ width:950px; margin:20px auto; }
/* 详细页 结束 css */


/*灌南地图
----------------------------------------------*/
.map-focus{ width:1100px; height:530px; position:relative; background:url(../images/map-focus.png) no-repeat; overflow:hidden; }
.map-focus .hd { }
.map-focus .hd li { position:absolute; font-size:17px; color:#333; padding-top:35px; text-align:center; cursor:pointer;}
.map-focus .hd li.xz1{ left:50px; top:65px; width:20px; height:90px; }
.map-focus .hd li.xz2{ left:65px; top:180px; width:70px; }
.map-focus .hd li.xz3{ left:155px; top:230px; width:70px; }
.map-focus .hd li.xz4{ left:220px; top:365px; width:70px; }
.map-focus .hd li.xz5{ left:325px; top:365px; width:70px; }
.map-focus .hd li.xz6{ left:110px; top:80px; width:90px; }
.map-focus .hd li.xz7{ left:250px; top:100px; width:70px; }
.map-focus .hd li.xz8{ left:325px; top:140px; width:90px; }
.map-focus .hd li.xz9{ left:375px; top:200px; width:70px; }
.map-focus .hd li.xz10{ left:535px; top:150px; width:70px; }
.map-focus .hd li.xz11{ left:650px; top:135px; width:90px; }
.map-focus .hd li.on { font-weight:bold; background:url(../images/mapon.png) no-repeat top center; }
.map-focus .hd li.on a{ color:red;}

.map-focus .bd{ position:absolute; width:400px; height:250px; top:300px; left:500px;}
.map-focus .bd h3{ font-size:22px; color:#1A5E81;}
.map-focus .bd p{ margin-top:5px; color:#1A5E81; font-size:16px; line-height:28px; text-indent:2em;}


.list .imgList{ margin-top:20px; min-height:500px; }
.list .imgList ul{}
.list .imgList ul li{ float:left; width:326px; text-align:center; height:110px; overflow:hidden; padding-top:76px; line-height:30px; background:url(../images/wgbg.png) no-repeat center; margin:20px;}
.list .imgList ul li{ font-size:22px; font-family:楷体; font-weight:bold;}
.list .imgList ul li a{ display:block; color:#FDD13D;}


.wgcon{ width:1140px; height:552px; margin:0 auto 100px auto; background:url(../images/wgbg2.png) no-repeat;}
.wgcon h3.title{ display:block; height:100px; line-height:110px; text-align:center;}
.wgcon h3.title{ font-size:50px; color:#fff; font-family:楷体;text-shadow:3px 3px 0px #000}
.wgcon .con{ width:300px; height:285px; overflow:auto; padding:10px; line-height:30px; margin:45px 0 0 135px;}



/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1180px) {
	.section{ width:1000px; }
}
@media only screen and (min-width:1181px) {
	.section{ width:1000px; }
}
