@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

body{ max-width: 1920px; margin: 0 auto;}
.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}
.marB30{ margin-bottom: 30px;}

.zt_banner{ height: 934px; background: url(banner.jpg) no-repeat center top;}

.zt_nav{ height: 60px; background-color: #4eaf5d;}
.zt_nav a{ float: left; width: 240px; font: 18px/60px "Microsoft Yahei"; color: #fff; text-align: center;}

.box_tem{ padding: 50px 0; }

.focus_wrap{  position: relative; width: 1200px; height: 610px; margin-bottom: 50px;}
.swiper-container_focus{ width: 1200px; height: 610px;  overflow: hidden;}
.swiper-container_focus .swiper-wrapper{ height: auto;}
.swiper-container_focus .swiper-slide{ position: relative;}
.swiper-container_focus .swiper-slide-active,.swiper-container_focus .swiper-slide-duplicate-active{ }
.swiper-container_focus .swiper-slide img{ width: 1200px; height: 610px;}
.focus_wz{ position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; padding: 30px 30px 0; background: rgba(0,0,0,0.6); box-sizing: border-box;}
.focus_wz h3{ height: 24px; margin-bottom: 10px; font: bold 22px/24px "Microsoft Yahei"; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.focus_wz h3 a{ color: #fff;}
.focus_wz p{ height: 20px; font: 14px/20px "Microsoft Yahei"; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.focus_wrap .swiper-pagination{ position: absolute; bottom: 18px; right: 26px;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet{ float: left; width: 8px; height: 8px; margin-left: 8px; background-color: #d3d3d3; opacity: 1; border-radius: 4px;}
.focus_wrap .swiper-pagination .swiper-pagination-bullet-active{ width: 46px; background-color: #49c6b0; border: 0; outline: 0}

.bg_grid{ background: url(bg_grid.jpg) repeat left top;}

.lmT{ width: 1200px; height: 153px; background-position: center top; background-repeat: no-repeat;}
.lmT_zcwj{ margin-bottom: 20px; background-image: url(bg_lmT_zcwj.png);}
.lmT_scjd{ margin-bottom: 50px; background-image: url(bg_lmT_scjd.png);}
.lmT_wyjy{ margin-bottom: 40px; background-image: url(bg_lmT_wyjy.png);}
.lmT_gfsy{ margin-bottom: 50px; background-image: url(bg_lmT_gfsy.png);}
.lmT_bmhy{ margin-bottom: 50px; background-image: url(bg_lmT_bmhy.png);}
.lmT_lzcx{ margin-bottom: 40px; background-image: url(bg_lmT_lzcx.png);}
.lmT_mtgz{ margin-bottom: 60px; background-image: url(bg_lmT_mtgz.png);}
.lmT_gdtp{ margin-bottom: 50px; background-image: url(bg_lmT_gdtp.png);}

.zcwj_list{}
.zcwj_list li{ position: relative; float: left; width: 580px; height: 80px; padding-left: 20px; margin-right: 40px; font: 20px/80px "Microsoft Yahei"; border-bottom: 1px dashed #4eaf5d; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
.zcwj_list li:nth-child(2n){ margin-right: 0}
.zcwj_list li:before{ position: absolute; top: 50%; left: 0; width: 10px; height: 10px; margin-top: -5px; background-color: #4eaf5d; content: ""}
.zcwj_list li a{}

a.btn_more{ float: right; width: 170px; height: 40px; font: 18px/40px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #4eaf5d; border-radius: 20px;}

.scjd_con{ position: relative; width: 1200px; height: 525px; margin-bottom: 30px; background: url(bg_scjd.png) no-repeat center top;}

#swiper-container2-2{ position: absolute; top: 10px; left: 10px; width: 858px; height: 480px; border: 3px solid #fff;}
#swiper-container2-2 .swiper-slide{ position: relative; width: 858px; height: 480px;  }

#swiper-container2-2 .swiper-slide a:before{ position: absolute; top: 50%; left: 50%; width: 141px; height: 141px; margin: -70px 0 0 -70px; background: url(icon_play.png) no-repeat center top; content: ""}
#swiper-container2-2 .swiper-slide img{ width: 858px; height: 480px;}
#swiper-container2-2 .swiper-slide h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; font: bold 20px/48px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(0,0,0,0.8); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.sc2_2_prev, .sc2_2_next{ position: absolute; top: 495px; width: 30px; height: 30px; background-image: url(arr1.png); cursor: pointer; outline: none;}
.sc2_2_prev{ right: 52px; background-position: 0 0}
.sc2_2_next{ right: 10px; background-position:  -30px 0}

#swiper-container2-1{ position: absolute; top: 32px; right: 25px; width: 256px; height: 424px; }
#swiper-container2-1 .swiper-slide{ position: relative; width: 256px; height: 208px; cursor: pointer;}
#swiper-container2-1 .swiper-slide:before{ position: absolute; top: 0; left: 0; width: 256px; height: 144px; background: rgba(0,0,0,0.6); content: ""}
#swiper-container2-1 .swiper-slide-thumb-active img{ box-sizing: border-box; border: 5px solid #fff;}
#swiper-container2-1 .swiper-slide-thumb-active:before{ display: none;}

#swiper-container2-1 .swiper-slide img{ width: 256px; height: 144px; }
#swiper-container2-1 .swiper-slide h3{ max-height: 60px; margin-top: 8px; font: 18px/30px "Microsoft Yahei"; color: #fff; text-align: center; overflow: hidden;}
#swiper-container2-1 .swiper-slide h3 a{color: #fff;}


.wyjy_con{ position: relative; margin-bottom: 30px;}
#swiper-container_wyjy{ width: 1200px; height: 550px; }
#swiper-container_wyjy .swiper-slide{ position: relative; width: 590px; height: 550px; cursor: pointer;}

.wyjy_tem{ width: 590px; height: 260px; margin-bottom: 30px; box-sizing: border-box; border: 1px solid #eee;}
.wyjy_l{ position: relative; float: left; width: 172px; height: 260px; border-right: 1px solid #eee; overflow: hidden;}
.wyjy_l:before{position: absolute; top: 0; left: 0; width: 100%; height: 160px; background: url(bg_wyjy_i.jpg) no-repeat center top; content: ""; z-index: 2;}
.wyjy_l img{ position: relative; display: block; width: 116px; height: 116px; margin: 20px auto 16px; border-radius: 50%; z-index: 3}
.wyjy_l h3{ position: relative; width: 100px; height: 32px; margin: 0 auto 12px; font: bold 18px/32px "Microsoft Yahei"; color: #fff; text-align: center; z-index: 3; background: #8ad495;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8ad495, #4eaf5d); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,top,from(#8ad495),to(#4eaf5d));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8ad495, #4eaf5d);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #8ad495, #4eaf5d); border-radius: 4px;}
.wyjy_l p{ padding: 0 14px; font: 14px/20px "Microsoft Yahei"; color: #333; text-align: justify;}

.wyjy_r{ position: relative; float: right; width: 415px; height: 100%;}
.wyjy_r:before{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #4eaf5d; content: "";}
.wyjy_r p{ max-height: 216px; padding: 0 20px; margin-top: 20px; font: 18px/36px "Microsoft Yahei"; color: #333; text-align: justify;  overflow: hidden;}

.wyjy_prev, .wyjy_next{ position: absolute; top: 50%; width: 39px; height: 63px; margin-top: -32px; background-image: url(arr2.png); cursor: pointer; outline: none; z-index: 10}
.wyjy_prev{ left: 10px; background-position: 0 0}
.wyjy_next{ right: 10px; background-position:  -39px 0}

.gfsy_tem{ float: left; position: relative; width: 580px; height: 180px; padding: 0 18px; margin: 0 40px 30px 0; border: 1px solid #32d393; box-sizing: border-box;  background: #e7f6f3;
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #e7f6f3, #d4f9da); 
    /* Safari 4-5, Chrome 1-9 */ 
    /* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
    background: -webkit-gradient(linear,left,from(#e7f6f3),to(#d4f9da));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(left, #e7f6f3, #d4f9da);
    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #e7f6f3, #d4f9da);}
.gfsy_tem:nth-child(2n){ top: 30px; margin-right: 0}
.gfsy_tem .name{ position: absolute; top: 0; left: 0; width: 102px; height: 68px; padding-left: 18px; font: bold 20px/46px "Microsoft Yahei"; color: #fff; text-align: center; background: url(icon_gfsy.png) no-repeat center top; content: ""; box-sizing:border-box;}
.gfsy_tem > h3{ text-indent: 120px; height: 46px; margin-bottom: 14px; font: bold 20px/46px "Microsoft Yahei";}
.gfsy_tem > h3 a{ color: #42948e;}
.gfsy_tem > p{ max-height: 108px; font: 18px/36px "Microsoft Yahei"; color: #288a37; text-align: justify; overflow: hidden;}

/**/
.bmhy_wrap{ position: relative; padding-bottom: 100px;}
#swiper-container_bmhy{  width: 1200px; height: 385px; }
#swiper-container_bmhy .swiper-slide{ position: relative; width: 280px; height: 385px; cursor: pointer;}
#swiper-container_bmhy .swiper-slide img{ width: 280px; height: 86px; border-top-left-radius: 4px; border-top-right-radius: 4px;}

.bmhy_con{ width: 278px; height: 298px; border: 1px solid #dfdfdf; border-top: 0; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; overflow: hidden;}
.bmhy_des{ height: 270px; margin-top: 10px; text-align: justify; overflow-y: scroll;}
.bmhy_des p{ padding: 0 20px; font-size: 16px; line-height: 30px; color: #666;}

.swiper-pagination-progressbar{ position: absolute; bottom: 46px; left: 50%;width: 570px; height: 4px; margin-left: -285px}
.swiper-pagination-progressbar-fill{ background: #4eaf5d !important}
.bmhy_prev, .bmhy_next{ position: absolute; bottom: 30px; width: 43px; height: 43px; background-image: url(arr3.png); cursor: pointer; outline: none; z-index: 10}
.bmhy_prev{ left: 200px; background-position: 0 0}
.bmhy_next{ right: 200px; background-position:  -43px 0}

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    /*margin: 0;*/
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    /*padding: 0;*/
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
  }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/*履职成效*/
.lzcx_box{ position: relative; padding-top: 36px;  margin-bottom: 62px;}
.lzcx_box:before{ position: absolute; top: 0; left: -21px; width: 1252px; height: 704px; background: url(bg_lzcx.png) no-repeat center top; content: ""; z-index: 2;}
.lzcx_box:after{ position: absolute; bottom: -30px; left: 0; width: 1200px; height: 45px; border: 5px solid #288a37; box-sizing: border-box; content: ""}

.lzcx_top{ position: relative; height: 610px; overflow: hidden; z-index: 3;}
.lzcx_box h3{ position: absolute; top: 0; left: 0; width: 1100px; height: 89px; font: bold 30px/88px "simsun"; color: #fff; text-indent: 32px; background: url(tit_lzcx.png) no-repeat center top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; z-index: 4}
.lzcx_box img{ display: block; width: 1054px; height: 500px; margin: 15px auto 0}
.lzcx_des{ position: relative; display: flex; align-items: center; width: 1054px; height: 96px; margin: 0 auto; background-color: #08ab81; z-index: 3}
.lzcx_des p{ padding: 0 26px; font: 16px/32px "Microsoft Yahei"; color: #fff; text-align: justify;}

.lzcx_con_wrap{ position: relative; width: 1120px; margin: 0 auto; background-color: #fff; overflow: hidden; z-index: 3}
.lzcx_con{  width: 1100px; height: 494px; margin: 20px auto 0; background-color: #fff; overflow-y: scroll;}
.lzcx_con p{ position: relative; padding: 0 40px; font: 20px/42px "Microsoft Yahei"; color: #333; text-indent: 2em; text-align: justify; z-index: 4}


.mtgz_tem{ margin-bottom: 30px;}
.mtgz_tem img{ width: 492px; height: 276px; border: 3px solid #288a37;}
.mtgz_wz{ position: relative; width: 683px; height: 239px; padding: 34px 40px 0; margin-top: 32px; background: url(bg_mtgz_wz.png) no-repeat center top; box-sizing: border-box;}
.mtgz_wz .source{ position: absolute; top: -20px; left: 40px; height: 40px; padding: 0 18px; font: 20px/40px "Microsoft Yahei"; color: #fff; background-color: #288a37;}
.mtgz_wz .source:before{ position: absolute; top: 15px; right: -16px; width: 0; height: 0; border: 6px solid transparent; border-left: 8px solid #288a37; border-right: 8px solid transparent;  content: ""}
.mtgz_wz > h3{ height: 24px; margin-bottom: 14px; font: bold 20px/24px "Microsoft Yahei"; color: #288a37; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mtgz_wz > h3 a{ color: #288a37}
.mtgz_wz > p{ max-height: 144px; font-size: 18px; line-height: 36px; color: #288a37; text-align: justify; overflow: hidden;}

.mtgz_tem:nth-child(2n+1) img{ float: left;}
.mtgz_tem:nth-child(2n+1) .mtgz_wz{ float: right;}
.mtgz_tem:nth-child(2n) img{ float: right;}
.mtgz_tem:nth-child(2n) .mtgz_wz{ float: left;}

.vote_wrap{ height: 880px; overflow-y: scroll;}