﻿@charset "utf-8";
/* CSS Document */
/*默认*/
* { margin: 0; padding: 0;/*-khtml--transition:all 1s; -webkit-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s*/ }
body { font-family: "微软雅黑", "宋体"; font-size: 14px; }
html { }
ul, li { list-style: none; }
a {
blr:expression(this.onFocus=this.blur()); text-decoration: none; cursor: pointer; color: #333; outline: none; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
fieldset, .img { border: 0; }
.clear { clear: both; height: 0; line-height: 0; _overflow: hidden; font-size: 0; }
.fl { float: left; }
.fr { float: right; }
img { border: 0; }
.block { display: block; }
img a:hover { text-decoration: none; }
.middle { margin: 0 auto; }
.bold { font-weight: bold; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *+height:1%;
}
table, div { margin: 0px auto; padding: 0px; }
/*header, section, footer {
	display: block;
	width: 1000px;
	margin: 0 auto;
}*/
/*top*/
.top { background: url(../images/top.jpg)top center no-repeat; ; width: 100%; height: 460px; overflow: hidden; margin: 0 auto; clear: both; }
/*top-end*/
/*媒体聚焦con1*/
.con1 { width: 1000px; margin: 40px auto 0; }
.con1 .jdt { width: 463px; height: 310px; float: left; background: #fff; border: 1px solid #E1E1E1; }
.con1 .jdt1 { width: 450px; height: 294px; margin: 5px auto 0 auto; background: #FFF; }
.con1 .xgwj { width: 520px; height: 298px; float: right; }
.con1 .xgwj .xgwj-ue { height: 34px; border-bottom: 2px solid #0b6334; }
.con1 .xgwj .xgwj-ue p { font-family: "微软雅黑"; font-size: 18px; line-height: 32px; padding-left: 10px; float: left; color: #0b6334; }
.con1 .xgwj .xgwj-ue a { font-family: "微软雅黑"; font-size: 12px; padding-top: 10px; float: right; color: #0b6334; }
.con1 .xgwj .xgwj-ue a:hover { color: #062f4a }
.con1 .xgwj .xgwj-sita { height: 268px; border: 1px solid #E1E1E1; margin-top: 5px; }
.con1 .xgwj .xgwj-sita h3 { font-family: "微软雅黑"; font-size: 18px; line-height: 40px; text-align: center; color: #666; }
.con1 .xgwj .xgwj-sita h3 a { color: #666; }
.con1 .xgwj .xgwj-sita p { font-family: "微软雅黑"; font-size: 16px; padding: 5px 25px; text-indent: 28px; line-height: 30px; }
.con1 .xgwj .xgwj-sita p a { color: #39599e; }
.con1 .xgwj .xgwj-sita p a:hover { color: #39599e; }
.con1 .xgwj .xgwj-sita ul { padding: 10px 15px; }
.con1 .xgwj .xgwj-sita ul li { font: 16px/35px "微软雅黑"; color: #515c42; background: url(../images/li.gif) left no-repeat; padding-left: 16px; }
.con1 .xgwj .xgwj-sita ul li a { color: #362e2b; }
.con1 .xgwj .xgwj-sita ul li a:hover { color: #39599e; }
.focus { position: relative; width: 450px; height: 294px; background-color: #000; }
.focus img { width: 450px; height: 300px; }
.focus .shadow .title { width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; }
.focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; }
.focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; }
.focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; }
.focus .fPic { position: absolute; left: 0px; top: 0px; }
.focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; }
.focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9;
display: block; text-align: left; text-align: center; }
.focus .shadow a { text-decoration: none; color: #fff; font-size: 16px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; }
.focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 }
.focus .fcon img { display: block; }
.focus .fbg { bottom: 25px; right: 40px; position: absolute; height: 21px; text-align: center; z-index: 200; visibility: hidden; }
.focus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px }
.focus .D1fBt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .D1fBt .current, .focus .D1fBt a:hover { background: #fc114a; }
.focus .D1fBt img { display: none }
.focus .D1fBt i { display: none; font-style: normal; }
.focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; background: url(../images/focus_btn.png) no-repeat; }
.focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; }
.focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; }
.focus .prev:hover { background-position: 0 0; }
.focus .next:hover { background-position: -40px 0; }
/*媒体聚焦con1-end*/
/*实事项目con2*/
.con2 { width: 1000px; margin: 20px auto; }
.tab { width: 698px; height: 60px; margin: 0 auto; }
.tab li { background: url(../images/bg1.png) top center no-repeat; width: 187px; height: 60px; line-height: 60px; float: left; font-family: "微软雅黑"; font-size: 18px; padding: 0 20px; text-align: center; cursor: pointer; color: #FFF; }
.tab li.now { background: url(../images/bg2.png) top center no-repeat; }
.tablist { width: 1000px; height: 1325px; overflow: auto; margin-top: 30px; border: 5px solid #39599e; display: none; line-height: 20px; background: #fff; }
.tablist img { width: 900px; }
/*三优工程内部*/
.inside { width: 990px; margin: 20px auto; }
.inside .column { height: 39px; width: 980px; background: url(../images/titlebg.jpg) no-repeat left 0; overflow: hidden; float: left; border-bottom: 1px solid #39599e; }
.column p { color: #fff; font-size: 24px; line-height: 39px; padding-left: 10px; }

.in { width: 960px; margin: 20px auto; padding-top: 60px; }
.in dl { width: 960px; margin: 0 auto; background: #FFF; }
.in dt { width: 300px; float: right; }
.in dd { width: 600px; float: left; margin-top: 10px; margin-right: 15px; }
.in dd h2 { font-size: 18px; font-family: "微软雅黑"; font-weight: normal; line-height: 35px; font-weight: normal; height: auto; margin-bottom: 8px; border-bottom: #F8E8EC solid 1px; padding-bottom: 15px; }
.in dd h2 span { padding: 3px 6px; background: #39599e; color: #FFF; margin-right: 10px; }
.in dt img { width: 300px; height: 225px; ; border: 1px solid #ccc; }
.zeng { width: 960px; margin: 20px auto; }
.zeng h2 { font-size: 18px; font-family: "微软雅黑"; font-weight: normal; line-height: 35px; font-weight: normal; height: auto; margin-bottom: 8px; border-bottom: #F8E8EC solid 1px; padding-bottom: 15px; }
.zeng h2 span { padding: 3px 6px; background: #39599e; color: #FFF; margin-right: 10px; }
/*三优工程内部end*/
/*实事项目con2-end*/
/*新闻con3*/
.con3 { width: 1000px; margin: 0 auto; }
.new1 { width: 1000px; height: 34px; background: url(../images/con-kk1.png) top left no-repeat; border-bottom: 2px solid #39599e; }
.new1 p { font-family: "微软雅黑"; font-size: 18px; line-height: 32px; padding-left: 10px; float: left; color: #39599e; }
.new1 a { font-family: "微软雅黑"; font-size: 12px; padding-top: 10px; float: right; color: #39599e; }
.new1 a:hover { color: #062f4a }
.newsleft { width: 500px; margin-top: 10px; float: left; }
.newsleft ul { width: 450px; margin: 5px auto; }
.newsleft ul li { font: 16px/35px "微软雅黑"; color: #515c42; background: url(../images/li.gif) left no-repeat; padding-left: 16px; margin-left: 20px; border-bottom: 1px dashed #ccc }
.newsleft ul li a { color: #362e2b; }
.newsleft ul li a:hover { color: #39599e; }
.newsright { width: 500px; margin-top: 10px; float: right; }
.newsright ul { width: 450px; margin: 5px auto; }
.newsright ul li { font: 16px/35px "微软雅黑"; color: #515c42; background: url(../images/li.gif) left no-repeat; padding-left: 16px; margin-left: 20px; border-bottom: 1px dashed #ccc }
.newsright ul li a { color: #362e2b; }
.newsright ul li a:hover { color: #39599e; }
/*新闻con3-end*/
/*进展情况con4*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; }
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.main, .container > header { width: 1000px; margin: 0 auto; padding: 0 1.875em 3.125em 1.875em; }
.container > header { padding: 2.875em 1.875em 1.875em; }
.container > header h1 { font-size: 2.125em; line-height: 1.3; margin: 0 0 0.6em 0; float: left; font-weight: 400; }
.container > header > span { display: block; position: relative; z-index: 9999; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5em; padding: 0 0 0.6em 0.1em; }
.container > header > span span:after { width: 30px; height: 30px; left: -12px; font-size: 50%; top: -8px; font-size: 75%; position: relative; }
.container > header > span span:hover:before { content: attr(data-content); text-transform: none; text-indent: 0; letter-spacing: 0; font-weight: 300; font-size: 110%; padding: 0.8em 1em; line-height: 1.2; text-align: left; left: auto; margin-left: 4px; position: absolute; color: #fff; background: #47a3da; }
.container > header nav { float: right; text-align: center; }
.container > header nav a { display: inline-block; position: relative; text-align: left; width: 2.5em; height: 2.5em; background: #fff; border-radius: 50%; margin: 0 0.1em; border: 4px solid #47a3da; }
.container > header nav a > span { display: none; }
.container > header nav a:hover:before { content: attr(data-info); color: #47a3da; position: absolute; width: 600%; top: 120%; text-align: right; right: 0; pointer-events: none; }
.container > header nav a:hover { background: #47a3da; }
.bp-icon:after { font-family: 'bpicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; color: #47a3da; -webkit-font-smoothing: antialiased; }
.container > header nav .bp-icon:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 2; text-indent: 0; }
.container > header nav a:hover:after { color: #fff; }
.bp-icon-next:after { content: "\e000"; }
.bp-icon-drop:after { content: "\e001"; }
.bp-icon-archive:after { content: "\e002"; }
.bp-icon-about:after { content: "\e003"; }
.bp-icon-prev:after { content: "\e004"; }

@media screen and (max-width: 55em) {
.container > header h1, .container > header nav { float: none; }
.container > header > span, .container > header h1 { text-align: center; }
.container > header nav { margin: 0 auto; }
.container > header > span { text-indent: 30px; }
}
/* COMPONENT.CSS */

        /* Made with http://icomoon.io/ */

.cbp_tmtimeline { margin: 30px 0 0 -55px; padding: 0; list-style: none; position: relative; }
/* The line */
.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #bbebdf; left: 20%; margin-left: -10px; }
.cbp_tmtimeline > li { position: relative; }
/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 27%; padding-right: 100px; position: absolute; }
.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }
.cbp_tmtimeline > li .cbp_tmtime span:first-child { font-size: 0.9em; color: #bdd0db; }
.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.9em; color: #4eb196; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #82d7bf; }
/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 15px 25%; background: #4eb196; color: #fff; padding: 2em; font-size: 1.2em; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { background: #82d7bf; }
.cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.4); }
/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #4eb196; border-width: 10px; top: 10px; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: #82d7bf; }
/* The icons */
.cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; font-family: 'ecoico'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute;color: #fff; background: #5fc1a7;border-radius: 50%;box-shadow: 0 0 0 8px #bbebdf;text-align: center; left: 20%; top: 0; margin: 0 0 0 -25px; }
.cbp_tmicon-phone:before { content: "\e000"; }
.cbp_tmicon-screen:before { content: "\e001"; }
.cbp_tmicon-mail:before { content: "\e002"; }
.cbp_tmicon-earth:before { content: "\e003"; }

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.5em; }
}

@media screen and (max-width: 47.2em) {
.cbp_tmtimeline:before { display: none; }
.cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; }
.cbp_tmtimeline > li .cbp_tmtime span { text-align: left; }
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%; }
.cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #3594cb; top: -20px; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: transparent; border-bottom-color: #6cbfee; }
.cbp_tmtimeline > li .cbp_tmicon { position: relative; float: right; left: auto; margin: -55px 5px 0 0px; }
}
.cbp_tmlabel p { font: 18px/35px "微软雅黑"; }
.container { width: 1000px; margin: 0 auto; }
.container a { font-family: "微软雅黑"; font-size: 14px; color: #fff; }
.container a:hover { color: #062f4a }
.datetime { float: right; color: #666; font-size: 15px; display: block; line-height: 35px; }
/*进展情况con4-end*/
/*foot*/

/*foot-end*/

/*实事项目*/

.bt { text-align: center; padding: 50px 0; }
.xz { width: 1000px; margin: 0 auto; border: 1px #E1E1E1 solid; padding:10px 5px;}
.xz dl { width: 610px; float: left; }
.xz dt { width: 180px; float: left; }
.xz dt h1 { font-size: 22px; height: 34px; text-align: center; }
.xz dt h1 i { font-style: normal; font-size: 18px; padding-left: 4px; color: #FFF; }
.xz dt img { width: 180px; height: 150px; }
.xz dd { width: 400px; float: right; margin-top: 10px; margin-right: 15px; }
.xz dd h2 { font-size: 15px; font-family: "黑体"; font-weight: normal; line-height: 24px; font-weight: normal; height: auto; margin-bottom: 8px; border-bottom: #F8E8EC solid 1px; padding-bottom: 3px; }
.xz dd h2 span { padding: 3px 6px; background: #0b6334; color: #FFF; margin-right: 6px; }
.xz ul { width: 350px; float: right; padding: 10px 0; position: relative; border-left: 1px dashed #E1E1E1; padding-left: 20px;}
.xz ul .more { position: absolute; top: 0; right: 0; width: 60px; text-align: right; font-size: 12px; line-height: 16px; }
.xz li { background: url(../images/d.gif) no-repeat 0 12px; padding-left: 14px; font-size: 16px; line-height: 30px; }
.xz li.xgxw { background: none; padding-left: 0; border-bottom: 2px solid #0b6334; width: 80px; font-size: 20px; height: 16px; line-height: 0; *line-height:30px;
*padding-bottom:14px;
margin-bottom: 10px; }
.footer { width: 100%; background: #fff;/* padding:30px 0; margin-top:10px;*/ border-top: solid 5px #e7e7e7; margin-top: 0px; height: 140px; }
.footer table p { padding: 0 10px; font-size: 12px; color: #3D3D3D; .
}
footer .foot-nav { text-align: center; line-height: 30px; padding-top: 20px; font-size: 13px; color: #3D3D3D;
