/* CSS Document */
/*
 * @description: 党务公开首页样式
 * @author: majianhua
 * @update: majianhua (2019-10-21 17:29)
 */
html{-webkit-text-size-adjust: none;}
*html{background-image: url(about:blank); background-attachment: fixed;}/*解决IE6下滚动抖动的问题*/
*{margin: 0; padding: 0; list-style: none;}
q:before,q:after{content: '';}
abbr,acronym{border: 0;}
body{padding: 0; margin: 0; font: 16px "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif; color: #333; min-width: 1200px;}
input,textarea,select,button,label{vertical-align: middle; font-family: "Microsoft YaHei",微软雅黑;}
textarea{resize:none;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,a,form,input,label,select{margin: 0; padding: 0; list-style: none;}
a{color: #333; text-decoration:none; outline: none;}
a:hover{color: #a12119; text-decoration: none;}
a img{border:none;}
h1,h2,h3{font-weight: normal;}

/*function*/
.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.f-fwn{font-weight: normal;}
.f-fwb{font-weight: bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.f-csp{cursor: pointer;}
.f-csd{cursor: default;}
.f-csh{cursor: help;}
.f-csm{cursor: move;}
.f-usn{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
.f-wd100{width: 100%;}
.f-npd{padding: 0;}
.f-nmg{margin: 0!important;}
.f-mlr2{margin: 0 2px;}
.f-mlr5{margin: 0 5px;}
.f-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mlrf5{margin: 0 -5px;}
.f-mlrf10{margin: 0 -10px;}
.f-mlrf15{margin: 0 -15px;}
.f-mlrf20{margin: 0 -20px;}
.f-plr5{padding: 0 5px;}
.f-plr10{padding: 0 10px;}
.f-plr15{padding: 0 15px;}
.f-plr20{padding: 0 20px;}
.f-mb0{margin-bottom: 0!important;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-mb30{margin-bottom: 30px;}
.f-ml15{margin-left: 15px;}
.f-ml20{margin-left: 20px;}
.f-nbg{background: none!important;}
.f-nbd{border: none!important;}
.f-wd100{width: 100%!important;}


/*module*/
.scroll_absolute{position: absolute;}
.scroll_vertical_bar{position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 6px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.scroll_track{position: relative; background: #f0f0f0; width: 6px;}
.scroll_drag{position: absolute; top: 0; right: 0; cursor: pointer; background: #d6d6d6; width: 6px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden;}

.m-titstyle1{height: 40px;}
.m-titstyle1 .u-tit{display: block; padding: 0 20px; line-height: 38px; border-top: 2px solid #a12119; font-size: 20px; font-weight: bold; color: #a12119;}

.m-titstyle2{height: 34px; line-height: 34px;}
.m-titstyle2 .u-tit{display: block; font-size: 16px; font-weight: bold; color: #a12119;}

.m-titstyle3{height: 20px; line-height: 20px;}
.m-titstyle3 .u-tit{display: block; padding: 0 10px; font-size: 18px; font-weight: bold; color: #a12119; border-left: 4px solid #a12119;}
.m-titstyle3 .u-more{color: #666; font-size: 14px;}

.m-titstyle4{padding-right: 10px; height: 40px; line-height: 40px; background: #f5f5f5;}
.m-titstyle4 .u-tit{display: block; padding: 0 15px; border-left: 5px solid #a12119; color: #a12119; font-weight: bold; font-size: 16px; font-weight: bold;}
.m-titstyle4 .u-more{font-size: 14px; color: #999;}

.m-titstyle5{height: 38px; line-height: 38px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.m-titstyle5 .u-tit{display: block; padding: 0 10px; font-size: 18px; color: #a12119; font-weight: bold;}

.m-titstyle6{height: 40px; background: #f5f5f5;}
.m-titstyle6 .u-tit{display: block; padding: 0 28px; line-height: 40px; font-size: 16px; font-weight: bold; color: #fff; background: #a12119;}

.m-tabstyle1{height: 50px; line-height: 50px; background: #fff;}
.m-tabstyle1 li{float: left;}
.m-tabstyle1 li a{display: block; padding: 0 26px; font-size: 18px;}
.m-tabstyle1 li.u-active a{background: #a12119; color: #fff; font-weight: bold;}

.m-tabstyle2 li{float: left; margin: 0 16px; line-height: 38px;}
.m-tabstyle2 li a{display: block; font-weight: bold; color: #a12119;}
.m-tabstyle2 li.u-active a{background: url(icon-active1.png) center bottom no-repeat;}

.m-tabstyle3{height: 38px; line-height: 38px;}
.m-tabstyle3 li{float: left; margin-right: 10px;}
.m-tabstyle3 li a{display: block; padding: 0 22px; background: #f5f5f5;}
.m-tabstyle3 li.u-active a{background: #a12119; color: #fff;}

.m-tabstyle4{height: 20px; line-height: 20px;}
.m-tabstyle4 li{float: left; margin-right: 25px;}
.m-tabstyle4 li a{display: block; padding: 0 10px; color: #a12119; font-size: 18px;}
.m-tabstyle4 li.u-active a{border-left: 4px solid #a12119; font-weight: bold;}

.m-tabstyle5{height: 44px; line-height: 44px; background: #f5f5f5;}
.m-tabstyle5 li{float: left;}
.m-tabstyle5 li a{display: block; padding: 0 12px; font-size: 16px;}
.m-tabstyle5 li.u-active a{background: #a12119; font-weight: bold; color: #fff;}

.m-tabstyle6{height: 42px; border-bottom: 1px solid #ddd;}
.m-tabstyle6 li{float: left; line-height: 42px;}
.m-tabstyle6 li a{display: block; padding: 0 22px; font-size: 16px; font-weight: bold;}
.m-tabstyle6 li.u-active a{margin-top: -2px; background: #fff; color: #066fc6; border-top: 3px solid #066fc6; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

.m-tabstyle7{height: 40px;}
.m-tabstyle7 li{float: left;}
.m-tabstyle7 li a{display: block; padding: 2px 18px 0; font-size: 16px; line-height: 38px;}
.m-tabstyle7 li.u-active a{border-top: 2px solid #a12119; color: #a12119; padding-top: 0; background: #fff;}

.m-liststyle1 li{height: 38px; line-height: 38px;}
.m-liststyle1 li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-liststyle1 li a{display: block; padding-left: 14px; background: url(icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-liststyle2 li{height: 38px; line-height: 38px;}
.m-liststyle2 li span{float: right; padding-left: 10px; font-size: 14px; color: #999;}
.m-liststyle2 li div{padding-left: 14px; background: url(icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-liststyle2 li a.u-more{color: #a12119;}

.m-location{height: 20px; line-height: 20px; padding: 0 0 11px 24px; background: url(icon-location.png) left top no-repeat; border-bottom: 1px dashed #ddd;}
.m-location,.m-location a{font-size: 14px; color: #a12119;}

.m-nytit{padding: 12px 0; border-bottom: 1px solid #ddd;}

/*pagination*/
.m-pagination{display: inline-block;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff; cursor: pointer;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background: #a12119; border: 1px solid #a12119; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;}

/*header*/
.m-top{background: #f5f5f5;}
.g-top{margin: 0 auto; width: 1200px; height: 40px; line-height: 40px;}
.g-top,.g-top a{font-size: 13px; color: #999;}
.g-top .u-link li{float: left; margin: 0 3px 0 7px;}
.g-top .u-link li a{display: block; padding-left: 22px; background-image: url(icon-sjlink.png); background-repeat: no-repeat;}
.g-top .u-link li.u-lk1 a{background-position: 0 0;}
.g-top .u-link li.u-lk2 a{background-position: 0 -40px;}
.g-top .u-link li.u-lk3 a{background-position: 0 -80px;}
.g-top .u-funs li{float: left; margin-left: 8px;}
.g-top .u-funs li a{display: block; padding-left: 9px; background: url(../images/bg-funline.png) left center no-repeat;}
.m-banner{margin: 0 auto;/* padding: 32px 0 33px; */width: 100%; height: 220px; background: url(bg-banner.png) right center no-repeat;background-repeat: no-repeat; background-position: top center;}
.m-search{margin: 17px 0 0 70px; height: 45px;}
.m-search .u-searchtext{padding: 0 10px; width: 320px; height: 43px; line-height: 43px; border: 1px solid #ddd; font-size: 14px;}
.m-search .u-searchbtn{width:62px; height: 45px; border: 1px solid #ddd; border-left: none; cursor: pointer; background: url(../images/icon-search.png) #fff center no-repeat;}
.m-nav{height: 60px; background: #a12119;}
.g-nav{margin: 0 auto; width: 1200px;}
.g-nav li{float: left; width: 200px; line-height: 60px; text-align: center;}
.g-nav li a{display: block; font-size: 20px; font-weight: bold; color: #fff;}
.g-nav li.u-active a,.g-nav li a:hover{background: #004882;}

/*footer*/
.is-footer{padding: 20px 0 80px; background: #a12119;}
.m-footer{width: 1200px; margin: 0 auto; position: relative;}
.m-footerfun{padding: 10px 0;}
.m-footer p{line-height: 24px; text-align: center;}
.m-footer p,.m-footer p a,.m-footerfun,.m-footerfun a{color: #fff; font-size: 14px;}
.m-footer p img{vertical-align: middle;}
#_ideConac{position: absolute; left: 51px; top: 22px;}
#_span_jiucuo{position: absolute; right: 62px; top: 28px;}

/*toolbar*/
.m-suspen{width: 50px; padding: 25px 0; position: fixed; top: 50%; margin-top: -175px; right: 10px; background: #256ca4; -moz-border-radius: 25px; border-radius: 25px; z-index: 5;}
.m-suspen span.u-close{position: absolute; top: -20px; right: 0; cursor: pointer; font-size: 14px;}
.m-suspen ul li{width: 50px; height: 60px; line-height: 16px; float: left; text-align: center; background-image: url(../images/icon-suspen.png); background-repeat: no-repeat;}
.m-suspen ul li a.u-supa{display: block; width: 50px; height: 60px; position: relative;}
.m-suspen ul li a.u-supa span{padding: 14px 10px; font-size: 14px; color: #fff; display: none;}
.m-suspen ul li a.u-supa:hover{background: #004882;}
.m-suspen ul li a.u-supa:hover span{display: block;}
.u-sup01{background-position: 0 0;}
.u-sup02{background-position: 0 -60px;}
.u-sup03{background-position: 0 -120px;}
.u-sup04{background-position: 0 -180px;}
.u-sup05{background-position: 0 -240px;}
.u-sup06{background-position: 0 -300px;}
.u-sup07{background-position: 0 -360px; position: relative;}
.m-suspen ul li.u-sup07 a span{padding: 22px 10px;}
.u-sup03 img,.u-sup04 img,.u-sup05 img{position: absolute; left: 0; bottom: 0; width: 0; height: 0;}
.m-webshare{width: 0; height: 0; background: #333; position: relative; left: 0; top: 0; overflow: hidden;}
.m-webshare a{display: block; width: 24px; height: 24px; float: left; margin: 8px 8px 0 8px; padding:0!important; -moz-border-radius: 4px; border-radius: 4px;}
.bshare-custom a{margin-right: 0!important;}
.govpushinfo150203{display: none;}



.is-main{margin: 20px auto; width: 1200px;}
.m-openlf{padding: 20px; width: 224px; height: 850px; background: #c34d46;}
.m-openbtns1{height: 100px;}
.m-openbtns1 ul{zoom: 1; width: 110%;}
.m-openbtns1 li{float: left; margin: 0 15px 15px 0; width: 104px; height: 36px; line-height: 36px; text-align: center;}
.m-openbtns1 li a{display: block; background: #deeaf4; color: #a12119;}
.m-oplftit{padding: 10px 0; height: 20px; line-height: 20px;}
.m-oplftit .u-tit{display: block; padding: 0 10px; border-left: 4px solid #fff; font-size: 18px; font-weight: bold; color: #fff;}
.m-openzfgb{height: 298px;}
.g-openzfgb{margin-top: 12px;}
.g-openzfgb img{margin: 0 auto; display: block; width: 176px; height: 203px;}
.g-openzfgb p{line-height: 40px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; color: #fff;}
.m-openzdly li{margin-top: 10px; height: 50px;}
.m-openzdly li a{display: block; padding: 14px 0 14px 16px; height: 22px; line-height: 22px; background: #deeaf4;}
.m-openzdly li span{float: left; margin-right: 9px; display: block; width: 22px; height: 22px; background-image: url(icon-zdly.png); background-repeat: no-repeat; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
.m-openzdly li a:hover span{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.m-openzdly li.u-zd2 span{background-position: 0 -22px;}
.m-openzdly li.u-zd3 span{background-position: 0 -44px;}
.m-openzdly li.u-zd4 span{background-position: 0 -66px;}
.m-openzdly li.u-zd5 span{background-position: 0 -88px;}
.m-openzdly li.u-zd6 span{background-position: 0 -110px;}
.m-openzdly li.u-zd7 span{background-position: 0 -132px;}
.m-openct{margin-left: 30px; width: 612px;}
.m-openwgk{height: 240px;}
.f-pbd{padding-bottom: 9px; border-bottom: 1px solid #ddd;}
.g-openwgk{padding-top: 6px;}
.m-openbtns2{margin-bottom: 25px; height: 88px; border: 1px solid #ddd;}
.m-openbtns2 ul{zoom: 1; width: 110%;}
.m-openbtns2 li{float: left; width: 204px; text-align: center;}
.m-openbtns2 a{display: block; padding: 16px 0 5px; height: 67px; border-right: 1px dashed #ddd;}
.m-openbtns2 span{display: block; margin: 0 auto; width: 35px; height: 32px; background-image: url(icon-openbtn2.png); background-repeat: no-repeat; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
.m-openbtns2 p{line-height: 35px;}
.m-openbtns2 a:hover span{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);transform: rotateY(360deg);}
.m-openbtns2 li.u-ob2 span{background-position: -35px 0;}
.m-openbtns2 li.u-ob3 span{background-position: -70px 0;}
.m-opftfb{margin-bottom: 25px; height: 228px;}
.g-opftfb{margin-top: 11px; height: 188px; background: #f5f5f5;}
.g-opftfb .u-pic{width: 247px; height: 188px;}
.g-opftfb .u-desc{margin: 5px 8px 5px 0; width: 338px;}
.g-opftfb .u-desc p{padding: 5px 0; line-height: 26px;}
.g-opftfb .u-desc p span{color: #a12119;}
.label_datatime,.label_datetime{float:right;color:#656668;font-size:12px;}
.m-openjdhy{height: 276px;}
.g-openjdhy .m-tabstyle3{margin-bottom: 6px;}
.g-openjdhy .m-tabstyle3 a{padding: 0 10px;}
.g-openjdhy .u-zzzj span{color: #de0808;}
.m-openrg{width: 264px;}
.m-openbtns3{height: 300px;}
.m-openbtns3 li{margin-bottom: 10px;}
.m-openbtns3 a{display: block; padding-left: 60px; line-height: 48px; border: 1px solid #ddd; background: url(icon-openbtn3.png) 43px center no-repeat; color: #a12119;}
.m-openrg .m-titstyle3{padding: 10px 0;}
.m-openxxjs{height: 146px;}
.m-openxxjs li{margin-top: 10px; font-size: 14px;}
.m-openxxjs .u-opstip{padding: 0 10px; width: 164px; height: 34px; line-height: 34px; border: 1px solid #ddd; border-right: none;}
.m-openxxjs select{width: 77px; height: 36px; border: 1px solid #ddd; color: #999;}
.m-openxxjs .u-oplgip{width: 242px; padding: 0 10px; height: 34px; line-height: 34px; border: 1px solid #ddd;}
.m-openxxjs .u-opsubm{float: left; margin: 5px 0 0 22px; width: 96px; height: 35px; border: none; cursor: pointer; background: #a12119; color: #fff;}
.m-openxxjs a{float: left; display: block; margin: 5px 0 0 22px; width: 96px; height: 35px; line-height: 35px; text-align: center; background: #c34d46; color: #fff;}
 /*.m-openxxfbtj{height: 239px;}  党务互动列表框高度*/
.m-fbtjtop{margin: 0px; height: 25px;}
.m-fbtjtop li{float: left; width: 48%; padding: 10px 0 10px 5px;line-height: 25px; text-align: center; font-size: 14px; cursor: default;background: #e4f3ff;}
.m-fbtjtop li.u-active{color: #a12119;font-weight: bold;background:#deeaf4;}
.m-fbtjtop li a{color: #a12119;}
.m-fbtjtop li span{float: left; display: block; width: 24px; height: 24px;background-image: url(icon-openbtn4.png);background-position: 0 -48px;transition: .5s; background-repeat: no-repeat; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
.m-fbtjtop li a:hover span{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.m-fbtjbody ul{/* padding-left: 28px; background: url(bg-num.png) 0 2px no-repeat; */height: 310px;}
.m-fbtjbody li{padding-left: 5px;height: 38px; line-height: 38px;}
.m-fbtjbody li span{float: right; padding-left: 10px; color: #adadad;font-size: 14px;}
.m-fbtjbody li a{padding-left: 15px;display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; background: url(icon-li1.png) left center no-repeat; text-overflow: ellipsis;}
.m-openbtns4 li{margin-top: 10px; height: 362px;border: 1px solid #ddd; /* background: #deeaf4; */}
.m-openbtns4 li a{display: block; height: 25px; line-height: 25px; padding: 10px 0 10px 5px; color: #a12119; border: 1px solid #c3def3; background: #e4f3ff;}
.m-openbtns4 li span{float: left; display: block; width: 24px; height: 24px; margin-right: 10px; background-image: url(icon-openbtn4.png); background-repeat: no-repeat; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s;}
.m-openbtns4 li a:hover span{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.m-openbtns4 li.u-eb2 span{background-position: 0 -24px;}
.m-openbtns4 li.u-eb3 span{background-position: 0 -48px;}
.m-openspecial{margin-top: 25px;}
.g-openspecial{height: 100px;}
.g-openspecial .bd li{float: left; margin-right: 20px; width: 224px; height: 100px;}
.g-openspecial .bd li img{display: block; width: 224px; height: 100px;}
.g-openspecial .hd a{position: absolute; display: block; width: 12px; height: 24px; top: 38px; background-image: url(icon-special.png); background-repeat: no-repeat; cursor: pointer;}
.g-openspecial .hd a.prev{left: 0;}
.g-openspecial .hd a.next{right: 0; background-position: -12px 0;}