﻿/* CSS Document */

/* CSS Reset */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin:0; padding:0;}
body{ font-size: 14px;}
.clear{ clear: both;}
fieldset, img {border:none;}
img{display: block;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
ul, ol {list-style:none;}
input {padding-top:0; padding-bottom:0; font-family:"微软雅黑","Microsoft Yahei","宋体";}
input::-moz-focus-inner {border:none; padding:0;}
select, input {vertical-align:middle;}
select, input, textarea {font-size:14px; margin:0;}
input[type="text"], input[type="password"], textarea {outline-style:none; -webkit-appearance:none;}
textarea {resize:none;}
table {border-collapse:collapse;}
body{background:#fff; font:15px/20px "微软雅黑","Microsoft Yahei","黑体","Arial"; color:#333;line-height:2}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix {zoom:1;}
.clearit {clear:both; height:0; font-size:0; overflow:hidden;}
a {color:#333; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none; color:#f32727;}
.jijian a:visited{color:#888;}
/* CSS Main */

/* =====公用样式===== */
/* 页面结构 */
.indexTop{width:100%; height:613px; overflow:hidden; position:relative;}

.footer{ margin-top: 70px !important;}
.topArea .logo{position:absolute; left:10px; top:9px; overflow:hidden;z-index: 2;}
.x-beijing{ position: absolute; z-index: 20; top: 200px; width:100%; background: url(/img/beijing.jpg) no-repeat; background-size:100% 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/beijing.jpg',sizingMethod='scale'); }
.indexMain{ width: 1100px; margin: 0 auto; background: #fff; }
.container {
    width:1100px; margin:0 auto; background-color:#fff;
}
.s_container {
    width:1000px; margin:0 auto;
}
.right_main_con{ width: 800px !important; padding-right: 10px !important;}
.pageWrap{width:100%; overflow:hidden;}
.pageMain{width:960px; padding:20px; overflow:hidden; margin:140px auto 10px; background:url(/web/images/mainbody.png) no-repeat 0px 0px #fff; position:relative;}
.leftMenu{width:198px; overflow:hidden; float:left; border:1px solid #ddd; border-radius:5px;}
.leftMenu.fix{top:0px; position:fixed;}
.rightCon{width:700px; overflow:hidden; padding:0px 20px 0px 40px; float:right;}
.sideBar{width:54px; overflow:hidden; position:fixed; right:10px; bottom:70px; z-index:5;}

/* 网站logo */
.logo{width:420px; height:62px; margin-top:18px;}
.logo a{width:400px; height:42px; padding:10px; float:left; background:url(/web/images/logo.png) no-repeat 0px 0px; font-size:0px; line-height:0px; text-indent:-999em;}

/* 导航菜单 */
/*顶部导航*/
.nav-bar{ margin:0 auto;  background:#0d5fac;  width:100%;}
.nav-bar-inner{ width:1000px; position:relative; }
.dropdown-menu {
  position: absolute;
  background-color: #fff;
  left:0px;
  list-style: none;
  top: 100%;
  z-index: 11010;
  float: left;
  border: 2px solid #00a650;
  margin-top:-7px;
  min-width: 160px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 0;
  display: none;
  z-index:18;
}
.dropdown-menu .place-right {
  right: 0;
  left: auto;
}
.dropdown-menu a {
  font-family:微软雅黑,宋体,Verdana,Arial,Helvetica;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height:20px;
  color: #000000;
  display: block;
  padding: 3px 40px;
  white-space: nowrap;
  cursor: pointer;
}

.dropdown-menu a:active {
  color: #0072C6;
}
.dropdown-menu a:hover {
  background-color: #f5f5f5 !important;
  color: #00a650 !important;
  background:url(/web/images/biao2.png) no-repeat 10px center;
}
 .dropdown-menu li {
  display: list-item;
  line-height: 35px;
}

.dropdown-menu.open {
  display: block !important;
}

.nav-bar .nav-bar-inner {
  *zoom: 1;
  height:45px;
  line-height:45px;
  width:1000px; margin:0 auto;
 
}
.nav-bar .nav-bar-inner .element,
.nav-bar .nav-bar-inner a .element {
  position: relative;
  margin: 5px;
  line-height: 25px;
  height: 35px;
  float: left;
  display: inline-block;
  padding: 0;
  font-weight: normal;
  color: #fff;
}
.nav-bar .nav-bar-inner > ul.menu {
  margin-left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-bar .nav-bar-inner > ul.menu > li {
  display: block;
  float: left;
  margin-right: 5px;
  position: relative;
  padding: 0px 25px 0px 10px;
}
.nav-bar .nav-bar-inner > ul.menu > li:hover
{
    
    }
.nav-bar .nav-bar-inner > ul.menu > li a {
  display: block;
  float: left;
  color: #ffffff;
  font-size: 14px;
  
}
.nav-bar .nav-bar-inner > ul.menu > li a:hover{ color:#eee;}

.nav-bar .nav-bar-inner > ul.menu > li ul.dropdown-menu li a {
  display: block;
  float: none;
  color: #1e1e1e;
  padding: 2px 30px;
  margin:5px 0px;
  
}
.nav-bar .nav-bar-inner > ul.menu.open {
  display: block !important;
}
.nav-bar .nav-bar-inner > .divider,
.nav-bar .nav-bar-inner > ul.menu > li.divider {
  position: relative;
  margin: 5px;
  line-height: 20px;
  height: 20px;
  float: left;
  display: inline-block;
  padding: 0;
  font-weight: normal;
  font-size: 10pt;
  color: #fff;
  width: 1px;
  border-right: 1px #e6e6e6 solid;
}
.nav-bar .nav-bar-inner > .divider.brand,
.nav-bar .nav-bar-inner > ul.menu > li.divider.brand {
  font-size: 1.15em;
}
.nav-bar .nav-bar-inner > .divider img,
.nav-bar .nav-bar-inner > ul.menu > li.divider img {
  height: 100%;
}
.nav-bar .nav-bar-inner > .divider a,
.nav-bar .nav-bar-inner > ul.menu > li.divider a {
  line-height: 20px;
  height: 20px;
  font-size: 10pt;
}
.nav-bar .nav-bar-inner > .divider [class^="icon-"]:before,
.nav-bar .nav-bar-inner > ul.menu > li.divider [class^="icon-"]:before,
.nav-bar .nav-bar-inner > .divider [class*=" icon-"]:before,
.nav-bar .nav-bar-inner > ul.menu > li.divider [class*=" icon-"]:before {
  display: inline-block;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  margin: 0 5px;
}
.nav-bar .nav-bar-inner [data-role=dropdown] {
  margin-right: 20px !important;
}
.nav-bar .nav-bar-inner [data-role=dropdown] > a {
  cursor: pointer;
}
.nav-bar .nav-bar-inner [data-role=dropdown] > a:before {
  position: absolute;
  content: "\203A";
  display: block;
  font-size: 1.4em;
  left: 100%;
  margin-left: -10px;
  top: 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nav-bar .nav-bar-inner .pull-menu {
  display: none;
  float: right;
  color: #fff;
  cursor: pointer;
  font: 1.8em sans-serif;
  margin-right: 0px;
  position: relative;
  height: 20px;
  width: 20px;
  line-height: 20px;
}
.nav-bar .nav-bar-inner .pull-menu:before {
  content: "\2261";
  position: absolute;
  font-size: 20pt;
  top: 5px;
  left: 0;
}
.nav-bar .nav-bar-inner:before,
 .nav-bar .nav-bar-inner:after {
  display: table;
  content: "";
}
.nav-bar .nav-bar-inner:after {
  clear: both;
}
.nav-bar.bg-color-blue .nav-bar-inner .menu li a:hover {
  background-color: #005B9E !important;
}


/* banner滚动图 */
.banner{width:100%; height:613px; position:absolute; top:0px; left:0px;}
.banner .banWrap00,.banner .banWrap01,.banner .banWrap02,.banner .banWrap03,.banner .banWrap04,.banner .banWrap05{width:100%; height:613px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.banner .banMain{width:1000px; height:613px; margin:0px auto; position:relative; top:80px; z-index:3;}
.banner .banNum{width:980px; height:30px; margin:0px auto; padding-left:20px; position:relative; top:520px; z-index:4;}


/* banner背景与图片 */
.banWrap00{background:url(/web/images/q_banner1.jpg) repeat-x center top;}
.banWrap00 .banMain .banPic{position:absolute; bottom:0px;}

.banWrap01{background:url(/web/images/q_banner2.jpg) repeat-x center top;}
.banWrap01 .banMain .banPic{position:absolute; bottom:0px;}
.banWrap02{background:url(/web/images/banner22.jpg) repeat-x center top;}
.banWrap02 .banMain .banPic{position:absolute; bottom:0px;}
.banWrap03{background:url(/web/images/banner2.jpg) repeat-x center top;}
.banWrap03 .banMain .banPic{position:absolute; bottom:0px; }

/* banner切换圆点 */
.banNum a{float:left; width:26px; height:30px; font-size:0px; line-height:0px; text-indent:-999em; background:url(/web/images/bg.png) no-repeat; background-position:-35px -60px;}
.banNum a:hover,.banNum a.cur{background-position:-4px -60px;}
/* banner切换箭头*/
.ArrowLeft,.ArrowRight{position:absolute; top:186px; width:30px; height:57px; padding:30px; background:url(/web/images/banArrow.png) no-repeat; font-size:0px; line-height:0px; text-indent:-999em; z-index:5;}
.ArrowLeft{left:30px; background-position:30px 30px;}
.ArrowLeft:hover{background-position:-90px 30px;}
.ArrowRight{right:30px; background-position:-30px 30px;}
.ArrowRight:hover{background-position:-150px 30px;}


.picnews{ float:left; width:493px; border:1px solid #ddd; height:320px; margin-top:20px;}
.Slide {width: 493px;height: 320px; float:left;overflow: hidden;position: relative; border: 1px solid #ddd;}
.slide-cont {width:493px;height:320px;position: relative;overflow: hidden;}
.slide-item {position: absolute;width: 100%;height: 100%;left: -400px;}
.slide-item a {display: block;width: 100%;height: 100%;}
.slide-item img {width: 493px;height: 320px;}
.slide-txt {width: 493px;height:40px;position: absolute;left: 0;bottom: 0px;z-index: 1;}
.slide-txt .txt_bg {width: 493px;height: 40px;background:#000;opacity: 0.7;filter: alpha(opacity=70);}
.slide-txt a {display:block;width:260px;height: 40px;line-height: 40px;font-size:16px;padding: 0 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff;position: absolute;left: 0;top: 0;}
.slide-nav {width: auto;height: 11px;display: inline-block;overflow: hidden;position: absolute;z-index: 100;bottom: 15px;right: 20px;overflow: hidden;}
.slide-nav a {display: block;width: 10px;height: 10px;background:#d4d4d4;cursor: pointer; margin-left: 5px;float: left;text-indent: -99em;overflow: hidden; border-radius:5px; }
.slide-nav .nownav {background:#ffe825;}
#prev2, #next2 {display: block;width: 57px;height: 72px;position: absolute;top: 129px;display: none;}
#next {right: 0;background-position: -62px 0;}


#tabbox{ width:494px; overflow:hidden; height:320px; float:left; margin-left:10px; margin-top:20px; border-bottom: 1px solid #ddd;}
.tab_conbox{ border: 1px solid #DEDEDE;border-top: none;}
.tab_con{ display:none;}

.tabs{height: 35px;border-bottom:1px solid #abdec3;border-left: 1px solid #abdec3;width: 100% ; color: #555; background: #c3e2d2;}
.tabs li{height:35px;line-height:35px;float:left;border-left:none;margin-bottom: -1px;background: #c3e2d2;overflow: hidden;position: relative;}
.tabs li a {display: block;padding: 0 20px;outline: none; color:#555;  font-size: 15px;}

.tabs .thistab,.tabs .thistab a,.tabs .thistab a:hover{background: #65b76f; color:#fff;}

.tab_con {padding:12px;font-size: 12px; line-height:175%; overflow:hidden;}

.textnews{ width:470px; float:left; overflow:hidden;  margin-top:0;padding-top:0; height:320px;}

.textnews  a{  display:block; height:30px; line-height:20px; width:380px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left: 20px; background: url(/web/images/list2.jpg) no-repeat left 3px;}
.hangyenews{ width:400px; height:200px;}
.hangyenews a{ display:block; height:33px; line-height:33px; overflow:hidden;}


/* 首页服务版块 */

.indexMain .services{width:1000px; margin:10px auto 0; height:120px; overflow:hidden; padding:0px; border:1px solid #ddd; background:#fff;}
.indexMain .services{overflow:hidden;}
.indexMain .services li{ height:120px; float:left;}
.indexMain .services li a{ color:#fd9800; text-align:center;   padding:20px 35px; margin:10px 12px; float:left; color:#555; font-size:16px; font-weight:bold; font-family:"微软雅黑","Microsoft Yahei","宋体";}
    .indexMain .services li a:hover {
        text-decoration:none; background:#f5f5f5;
    }
    .indexMain .services li a img {
        width:40px; margin:0 auto;
    }
    .indexMain .services li span {
        display:block;
    }

/*首页两侧*/
.index_left {
    width:198px; float:left; margin:10px 0; height:358px; overflow:hidden; border:1px solid #c9d7db;
}
    .index_left h3 {
        font-size:16px; height:40px; line-height:40px; color:#015792; background:#f2fcfa; border-bottom:1px solid #abdec3; padding-left:10px;
    }
        .index_left h3 a.more {
            margin-top:15px; margin-right:10px;
        }
    .index_left ul {
        margin-left:10px;
    }
.index_left ul li{
    width:163px; height:30px; line-height:30px; padding-left:15px; background:url(/web/images/list_blue.gif) no-repeat left center; border-bottom:1px dotted #c9d7db;
}
    .index_left ul li span {
        float:right; color:#888;
    }
    .index_left ul li a {
        display:block; width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
.index_center{
    width:580px; float:left; margin:10px;
}
  .index_center h3 {
        font-size:16px; height:40px; line-height:40px; color:#015792; background:#f2fcfa; border-bottom:1px solid #abdec3; padding-left:10px;
    }
    .index_center h3 a.more {
            margin-top:15px; margin-right:10px;
        }
    .index_center ul li{
        float:left;
    }
        .index_center ul li a {
            display:block; width:157px; height:130px; margin:8px; overflow:hidden; border:1px solid #ddd; padding:8px; color:#333;
        }
            .index_center ul li a:hover {
                color:#f32727; text-decoration:none;
            }
            .index_center ul li a:visited {
                color:#888; text-decoration:none;
            }
         .index_center ul li a img{
            display:block; width:157px; height:110px; 
        }
            .index_center ul li a span {
                display:block; overflow:hidden; width:157px; text-overflow:ellipsis; white-space:nowrap;
            }

/*纪检监察*/
.time{ color: #888; float: right;}
.more{ float: right; margin-top:20px;}
.jijian{ width: 320px; float: left; height: 250px; overflow: hidden;  margin: -10px 0 20px 0;}
.jijian h3{ height: 40px; line-height: 50px; font-size: 15px; color: #00a650; border-bottom: 2px solid #00a650; }

.jijian ul li{ height: 30px ;line-height: 30px; padding-left: 20px; background: url(/web/images/list1.jpg) no-repeat left center; }
.jijian ul li a{ display: block; width: 220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*创城风采*/
.zhuti_zhanshi{
    width:100%; float:left; margin:10px 0;
}
  .zhuti_zhanshi h3 {
        font-size:16px; height:40px; line-height:40px; color:#015792; background:#f2fcfa; border-bottom:1px solid #abdec3; padding-left:10px;
    }
    .zhuti_zhanshi h3 a.more {
            margin-top:15px; margin-right:10px;
        }
    .zhuti_zhanshi ul li{
        float:left;
    }
        .zhuti_zhanshi ul li a {
            display:block; width:232px; height:165px; margin:8px; overflow:hidden; border:1px solid #ddd;  color:#333; position:relative;
        }
            .zhuti_zhanshi ul li a:hover {
                color:#888; text-decoration:none;
            }
         .zhuti_zhanshi ul li a img{
            display:block; width:232px; height:165px; 
        }
            .zhuti_zhanshi ul li a span {
                display:block; overflow:hidden; width:216px; position:absolute; bottom:0; left:0; text-overflow:ellipsis; white-space:nowrap; background:#000; background-color:rgba(0,0,0,0.6); color:#fff; line-height:40px; height:40px;  padding:0 8px;
            }
/*精准扶贫*/
.fupin{
    width:100%; float:left; margin:10px 0; border:1px solid #abdec3; height:215px;
}
  .fupin h3 {
        font-size:16px; height:40px; line-height:40px; color:#015792;  padding-left:10px; border-left:3px solid #00a650;
    }
    .fupin h3 a.more {
            margin-top:15px; margin-right:10px;
        }
    .fupin ul li{
        float:left;
    }
        .fupin ul li a {
            display:block; width:232px; height:165px; margin:0 8px 8px; overflow:hidden; border:1px solid #ddd;  color:#333; position:relative;
        }
            .fupin ul li a:hover {
                color:#888; text-decoration:none;
            }
         .fupin ul li a img{
            display:block; width:232px; height:165px; 
        }
            .fupin ul li a span {
                display:block; overflow:hidden; width:216px; position:absolute; bottom:0; left:0; text-overflow:ellipsis; white-space:nowrap; background:#000; background-color:rgba(0,0,0,0.6); color:#fff; line-height:40px; height:40px;  padding:0 8px;
            }

/*友情链接*/

.friend_links{ background: #f9f9f9; border-top: 1px solid #ddd; margin-top: 10px; height: 80px; padding: 10px 0; float:left; width:100%;}
.friend_links ul li{ float: left; width:250px; margin-right: 30px; height: 40px; line-height: 40px; }
/* 页面底部 */
.footer{width:100%; height:70px; margin-top: 10px; overflow:hidden; position:relative; background-color:#000; color:#aaa; text-align:center; line-height:30px; border-top:2px solid #ddd; padding-top: 10px;}
    .footer a {color:#aaa; }
    .footer a:hover {color:#e60; text-decoration:underline; }

/*列表页*/
/*面包屑*/
.b-s{height:50px;line-height:50px;font-family:"microsoft yahei";}
.bread{float:left;margin-left:10px;background:url(/web/images/bread_ico.png) no-repeat left;text-indent:19px;}
/*搜索*/
.search{width:220px;background:url(/web/images/search_bg.png) no-repeat;height:40px;margin-top:10px; padding-left: 20px;}
.r{float:right} 
.s{width:150px; float:left; padding-bottom:5px;border:none;background:none;outline:none; margin-top:5px;}
.go{margin-bottom:6px;width:20px;border:none;outline:none;cursor:pointer;background:url(/web/images/search_btn.png) no-repeat center; float:right; margin-right:40px; margin-top:5px;}
/*列表主体*/
.list{width:999px;border: 1px solid #ddd;border-top:2px solid #c3e2d2; margin:0 auto; min-height:600px;}
.list-left{width:235px;min-height:550px;float:left;padding-top:50px;padding-left:5px;border-right:1px solid #c3e2d2;}
.left-title{height:50px;font-size:20px;color:#00a650;}
.list-left a{display:block;width:220px;height:60px;font-size:18px;font-family:"微软雅黑";background:url(/web/images/leftmenu_01.jpg) no-repeat;padding-left:15px}
    .list-left a.active {
        color:#fff; background:url(/web/images/leftmenuh.png)   -20px -2px no-repeat;
    }
.list-right{float:left;width:630px;padding-left:60px;margin:50px 0 0 10px}
.head{width:630px;border-bottom:2px solid #C4C4C4;}
.right-title{height:45px;width:190px;font-size:18px;text-align:center;color:#fff;font-weight:900;background:url(/web/images/t11.png) no-repeat left}
.list-right li{padding-left:12px;line-height:40px;font-size:12px;background:url(../images/arrow.jpg) no-repeat left}
.list-right span{float:right;color:#999}
.list-right li a{display:block;width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-right li a:hover{color:#EF3800}

.detail{width:840px; border: 1px solid #ddd;padding:30px 80px; margin:0 auto; min-height:600px;}
.detail .article_title{text-align:center;font-size:28px;font-family:"微软雅黑","宋体"}
.detail .article_time{display:block;font-size:12px;text-align:center;border-bottom:1px solid #C4C4C4}
.detail p{text-indent:2em;line-height:34px; }
.detail-con img{max-width:100%;}
.detail-con p{ font-size:16px; font-size:16px !important;}
.detail-con span{ font-size:16px; font-size:16px !important;}

.pages {
    float:right; margin-top:20px; margin-bottom:30px;
}
    .pages a {
        float:left; border:1px solid #ddd; padding:0px 8px;
    }
      .pages span {
        float:left; padding-left:5px; padding-right:5px;
    }

