@charset "utf-8";
/* CSS Document */
/*
 * @description: 政务公开首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2019-10-21 17:29)
 */

.is-main{margin: 20px auto; width: 1200px;}
.m-openlf{padding: 20px; width: 224px; height: 962px; background: #5c97c7;}
.m-openbtns1{height: 204px;}
.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: #015293;}
.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(../images/openness/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: 358px;}
.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(../images/openness/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: 8px 8px 0 0; width: 338px;}
.g-opftfb .u-desc p{padding: 2px 0; line-height: 26px; white-space: normal; word-break: break-all; word-wrap: break-word;}
.g-opftfb .u-desc p span{color: #015293;}
.m-openjdhy{height: 276px;}
.g-openjdhy .m-tabstyle3{margin-bottom: 6px;}
.g-openjdhy .m-tabstyle3 a{padding: 0 15px;}
.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: 38px; border: 1px solid #ddd; background: url(../images/openness/icon-openbtn3.png) 43px center no-repeat; color: #015293;}
.m-openrg .m-titstyle3{padding: 10px 0;}
.m-openxxjs{height: 246px;}
.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: #015293; 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: #479bdf; color: #fff;}
.m-openxxfbtj{height: 239px;}
.m-fbtjtop{margin: 5px 0; height: 30px; background: #f5f5f5;}
.m-fbtjtop li{float: left; width: 132px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; cursor: default;}
.m-fbtjtop li.u-active{color: #015293;}
.m-fbtjbody ul{padding-left: 28px; background: url(../images/openness/bg-num.png) 0 2px no-repeat;}
.m-fbtjbody li{height: 30px; line-height: 30px;}
.m-fbtjbody li span{float: right; padding-left: 10px; color: #df2826;}
.m-fbtjbody li a{display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-openbtns4 li{margin-top: 10px; height: 62px;}
.m-openbtns4 li a{display: block; height: 24px; line-height: 24px; padding: 18px 0 18px 55px; color: #015293; border: 1px solid #c3def3; background: #e4f3ff;}
.m-openbtns4 li span{float: left; display: block; width: 24px; height: 24px; margin-right: 10px; background-image: url(../images/openness/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(../images/openness/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;}


/*手机端样式*/
@media screen and (max-width: 767px) {
    #leftad,.m-suspen{display: none;}
    body{width: 100%;min-width: 100% !important;}
    .g-top .u-link,.is-main,.m-openlf,.m-openct,.m-tabstyle4 li,.m-openbtns2,.g-opftfb,.g-opftfb .u-pic,.g-opftfb .u-desc,.m-openrg{width: 100%;}
    .is-main{width: 100% !important;}
    .g-top,.m-openbtns1,.m-tabstyle4,.m-openbtns2,.m-openjdhy{height: auto;}
    .g-top{line-height: 30px;}
    .m-openlf{padding: 20px 0;}
    .m-openbtns1 li{width: calc(33.33% - 24px);}
    .m-openct{margin: 20px 0 0 0;}
    .m-openbtns2 li{width: calc(33.33% - 15px);}
    .g-opftfb .u-desc{margin: 10px 0;}
}