@charset "utf-8";

.news {
    padding: 20px;
    background: #ffffff;
    margin-top: 20px;
    position: relative;
}

.new-tt {
    background: url(../images/new-tt.png) no-repeat;
    background-position: left center;
}

.new-tt .hd ul {
    position: absolute;
    right: 0;
    top: 0;
}

.new-tt {
    position: relative;
    height: 86px;
    overflow: hidden;
}

.new-tt .hd ul li {
    font-size: 0;
    width: 6px;
    height: 19px;
    margin: 5px 0;
    background: #a9b6c8;
}

.new-tt .hd ul li.on {
    background: #216dd5;
}

.new-tt .bd {
    padding-left: 60px;
    padding-right: 20px;
}

.new-tt .bd li a {
    display: block;
}

.new-tt .bd li a:hover h3 {
    color: #216dd5;
}

.new-tt .bd li a h3 {
    color: #111111;
    font-size: 24px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new-tt .bd li a p {
    font-size: 14px;
    line-height: 23px;
    color: #888888;
    height: 46px;
    overflow: hidden;
    margin-top: 10px;
}


.new1 {
    background: url(../images/new1-bj.png) repeat;
    margin-top: 25px;
    box-shadow:0 0 5px #abaaaa;
}

.new1-l {
    float: left;
    width: 703px;
    overflow:hidden;
}

.new1-l img{
    float: left;
    width: 703px;
    height:409px
}

.new1-r {
    overflow: hidden;
    padding: 50px 50px 0 50px;
}

.new1-r a {
    display: block;
}

.new1-r a:hover h3 {
    color: #216dd5;
}

.new1-r h3 {
    font-size: 24px;
    line-height: 28px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new1-r span {
    display: block;
    padding-left: 20px;
    background: url(../images/icon-time3.png) no-repeat;
    background-position: left center;
    color: #216dd5;
    font-size: 14px;
    line-height: 28px;
    margin: 30px 0;
}

.new1-r p {
    font-size: 14px;
    line-height: 28px;
    color: #888888;
}

.new2 {
    margin-top: 35px;
    height: 437px;
    overflow: hidden;
}

.new2 .hd ul {
    text-align: center;
    font-size: 0;
}

.new2 .hd ul li {
    float: none;
    display: inline-block;
}

.new2 .text-list2-ul {
    overflow: hidden;
}

.new2 .text-list2-ul li {
    float: left;
    width: 32%;
    margin-top: 35px;
}

.new2 .text-list2-ul li:nth-child(3n+2) {
    margin-left: 2%;
    margin-right: 2%;
}

/* 服务   start------ */
.fuwu {
    background: #fff;
    margin-top: 20px;

    padding-bottom: 25px;
    padding-top: 25px;
}

.fuwu-l {
    float: left;
    width: 850px;
    margin-right: 30px;
    margin-left: 20px;
}

.fuwu-l2 {
    margin-top: 25px;
}

.fuwu-r {
    overflow: hidden;
}

.fuwu-ltit {
    border-bottom: 1px solid #ddd;
}

.fuwu-ltit h3 {
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #023e7a;
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom: 2px solid #023e7a;
    margin-bottom: -1px;
}

.fuwu .slideTxtBox .hd ul {
    margin-top: -36px;
    margin-bottom: 0;
    overflow: hidden;
}

.fuwu .slideTxtBox .hd ul {
    border: none;
}

.fuwu .slideTxtBox .hd ul {
    margin-left: 130px;
}

.fuwu .slideTxtBox .hd ul li {
    border: none;
    padding-bottom: 0;

}

.fuwu .slideTxtBox .hd ul li a {
    font-size: 15px;
    line-height: 35px;
    font-weight: 600;

}

.fuwu .slideTxtBox .hd ul li.on {
    background: #216dd5;
}

.fuwu .slideTxtBox .hd ul li.on a {
    color: #fff;



}

.imgSpan {
    border: 1px solid #ddd;
    padding: 8px 0 30px 0;
    margin-top: 25px;
}

.imgSpan li {
    float: left;
    width: 178px;
    line-height: 58px;
    margin-left: 27px;
    margin-top: 22px;
}

.imgSpan li a {
    display: block;
    font-size: 0;
    background: #f3f8fd;
    text-align: center;
}

.imgSpan li a:hover span {
    color: #216dd5;
}

.imgSpan li a img {
    vertical-align: middle;
    margin-right: 10px;
    vertical-align: middle;
}

.imgSpan li a span {
    font-size: 18px;
    color: #111;
    vertical-align: middle;
}

.fuwu-r {
    margin-right: 20px;
}

.fuwu-r h3 {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 55px;
    position: relative;
    background: #216dd5;
}

.fuwu-r h3::before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 0 solid transparent;
    border-top: 10px solid #216dd5;
    left: 0;
    bottom: -10px;
}

.fuwu-r h3::after {
    content: "";
    position: absolute;
    border-left: 0 solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #216dd5;
    right: 0;
    bottom: -10px;
}

.fuwu-r>ul {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 25px 25px 25px;
    background: #f3f8fd;
    border-bottom: 3px solid #216dd5;

}

.fuwu-r>ul li {
    margin-top: 20px;
}

.fuwu-r>ul li a {
    display: block;
    font-size: 0;
    line-height: 55px;
    background: #fff;
}


.fuwu-r>ul li a:hover span {
    color: #216dd5;
}

.fuwu-r>ul li a img {
    vertical-align: middle;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: 55px;
}

.fuwu-r>ul li a span {
    font-size: 18px;
    color: #111;
    vertical-align: middle;
}

.fuwu-b ul {
    overflow: hidden;
    padding: 0 20px;
    margin-top: 30px;
}

.fuwu-b ul li {
    float: left;
    width: 220px;
    margin-left: 30px;
}

.fuwu-b ul li:first-child {
    margin-left: 0;
    background: url(../images/fuwu-bbj1.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.fuwu-b ul li:first-child+li {
    background: url(../images/fuwu-bbj2.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.fuwu-b ul li:first-child+li+li {
    background: url(../images/fuwu-bbj3.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.fuwu-b ul li:first-child+li+li+li {
    background: url(../images/fuwu-bbj4.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.fuwu-b ul li:first-child+li+li+li+li {
    background: url(../images/fuwu-bbj5.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.fuwu-b ul li a {
    display: block;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;

}

.fuwu-b ul li:hover a {
    text-decoration: underline;

}


/*信息公开列表页*/
.xxgklist{
    
}
.xxgklist li{
    
}
.xxgklist li span{
    
width: 33%;
    
display: inline-block;
    
text-align: center;
    
background-color: #b3cdf1;
    
color: #fff;
    
padding: 10px 0;
}



/* 服务   end ------ */
/* 市情   start ------ */
.sq1 {
    position: relative;
    height: 490px;
    overflow: hidden;
}

.sq1 ul li a {
    display: block;
    position: relative;
}

.sq1 ul li a img {
    display: block;
    width: 100%;
}

.sq1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/sqbannersm.png) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    z-index: 9;
}

.sq1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/sqbannerxm.png) no-repeat;
    /* background-size: 100% auto; */
    background-position: center bottom;
    z-index: 9;
}



.sq2 {
    background: url(../images/sq2-bj.png) no-repeat;
    background-position: right top;
    /* margin-top: 60px; */
}

.sq2>div {
    background: url(../images/sq1-mbj.png) no-repeat;
    background-size: 100% 100%;
}

.sq2>div>div {
    padding: 100px 70px 100px 70px
}

.sq2-l {
    float: left;
    width: 390px;
    margin-right: 20px;
}

.sq2-r {
    overflow: hidden;
    padding: 0px 68px 0 0;
}

.sq2-l h3 {
    font-size: 40px;
    color: #884b21;
    font-family: '楷体' !important;
    font-weight: 600;
}

.sq2-l p {
    font-size: 16px;
    line-height: 33px;
    text-indent: 2em;
    margin-top: 20px;
}

.sq2-l ul {
    overflow: hidden;
    margin-top: 25px;
}

.sq2-l ul li {
    width: 107px;
    line-height: 44px;
    float: left;
    background: url(../images/sq1-libj.png) no-repeat;
    background-size: 100%;
    margin-left: 10px;
}

.sq2-l ul li:hover {
    background: url(../images/sq1-libj-hover.png) no-repeat;
    background-size: 100%;
}

.sq2-l ul li:nth-child(2n+1) {
   /* margin-left: 0;*/
}

.sq2-l ul li a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.sq2-r video {
    display: block;
    width: 110%;
}


.sq3 {
    background: url(../images/sq3-bj.png) no-repeat;
    background-position: left center;
    margin-top: 100px;
}

.sq-tit {
    text-align: center;
    background: url(../images/sq-tit-bj.png) no-repeat;
    background-position: 48% center;
    font-family: 楷体 !important;
    letter-spacing: -2px;

    color: #884b21;
    font-weight: 600;
    font-size: 0;
}

.sq-tit span {
    font-family: 楷体 !important;
    font-size: 50px;
    display: inline-block;
    margin-bottom: 30px;
    vertical-align: bottom;
}

.sq-tit em {
    display: inline-block;
    font-style: normal;
    font-size: 50px;
    vertical-align: bottom;
}

.posi-text {
    position: absolute;
    font-size: 123px;
    font-weight: 600;
    color: rgba(64, 50, 41, .08);
    font-family: 楷体 !important;
}

.sq3>div {
    background: url(../images/sq-chuan.png) no-repeat;
    background-position: 70% 90%;
    position: relative;
}

.sq3 ul {
    overflow: hidden;
    margin-top: 20px;
}

.sq3 ul li {
    float: left;
    width: 393px;
    margin-left: 110px;
}

.sq3 ul li:first-child {
    margin-left: 0;
}

.sq3 ul li a {
    display: block;
    position: relative;
}

.sq3 ul li a img {
    display: block;
    width: 100%;
}

.posi-text2 {
    left: 59%;
    top: 90px;
}

.posi-text1 {
    left: 23%;
    bottom: 0;
}

.sq4 {
    margin-top: 80px;
    background: url(../images/sq4-bj.png) no-repeat;
    background-size: 1920px auto;
    background-position: center bottom;
    padding-bottom: 80px;
}

.sq4>div {
    position: relative;
}

.sq4-posi-text .posi-text {
    left: 1100px;
    top: -28px;
    opacity: 0;
    transition: all 0.3s;
    z-index: -8;
}

.sq4-posi-text .posi-text.on {
    opacity: 1;
    z-index: 9;
}

.sq4-m1 {
    margin-top: 70px;
    margin-bottom: 100px;
    position: relative;
}

.sq4-m1body {
    position: relative;
    /* height: 512px; */
    overflow: hidden;
border: 1px solid #ddd;}

.sq4-m1body>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 99%;
    opacity: 0;
    z-index: -8;
    transition: all 0.3s;
    border: 10px solid #fff;
    padding: 1px 1px;
}

.sq4-m1body>div.on {
    position: relative;
    opacity: 1;
    z-index: 9;
}

.sq4-m1pic {
    width: 1050px;
}

.sq4-m1pic a {
    display: block;
    height: 506px;
    width: 1050px;
    overflow: hidden;
}

.sq4-m1pic a img {
    display: block;
    width: 100%;
}

.sq4-m1info {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 360px;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgba(235, 235, 235, .9);
}

.sq4-m1info h3 {
    color: #403229;
    font-size: 30px;
    font-family: 楷体 !important;
    margin-bottom: 25px;
    text-align: center;
}

.sq4-m1info p {
    font-size: 16px;
    line-height: 26px;
    color: #403229;
}

.sq4-m1tit ul {
    overflow: hidden;
    margin-top: 40px;
}

.sq4-m1tit ul li {
    float: left;
    background: url(../images/sq4-m1-libj.png) no-repeat;
    background-size: 100% 100%;
    width: 315px;
    line-height: 89px;
    text-align: center;
    margin-left: 46px;
}

.sq4-m1tit ul li:first-child {
    margin-left: 0;
}

.sq4-m1tit ul li.on {
    background: url(../images/sq4-m1-libj-hover.png) no-repeat;
    background-size: 100% 100%;
}

.sq4-m1tit ul li a {
    display: block;
    font-size: 30px;
    font-family: 楷体 !important;
    color: #403229;
    font-weight: 600;
}

.sq4-m1tit ul li.on a {
    color: #884b21;
}


.sq4-m1 .text-list2 {
    padding: 0 20px 30px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.text-list2 {
    overflow: hidden;
}

.text-list2 li {
    margin-top: 38px;
    float: left;
    width: 32%;
}

.text-list2 li:nth-child(3n+2) {
    margin-right: 2%;
    margin-left: 2%;
}

.text-list2 li:first-child {
    margin-top: 30px;
}

.text-list2 li a {
    display: block;
    overflow: hidden;
    transition: all 0.3s;
}

.tlist2-date {
    float: left;
    width: 75px;
    margin-right: 20px;
    margin-right: 15px;
    background: #f5f5f5;
    color: #2c69bc;
    text-align: center;
    padding: 5px 0;
}

.tlist2-date p {
    font-size: 28px;
    line-height: 30px;
}

.tlist2-date div {
    width: 13px;
    height: 2px;
    margin: 4px auto;
    background: #2c69bc;
}

.tlist2-date span {
    display: block;
    color: #2c69bc;
    font-size: 12px;
    line-height: 20px;
}

.tlist2-info {
    overflow: hidden;
}

.tlist2-info p {
    font-size: 16px;
    line-height: 28px;
    color: #111;
    height: 56px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-list2 li a:hover {
    padding: 0 10px;
    background: #f5f5f5;
}

.text-list2 li a:hover .tlist2-info p {
    color: #2c69bc;
}

.text-list2-ul li a {
    display: block;
    overflow: hidden;
}

.text-list2-ul li a:hover .tlist2-info p {
    color: #216dd5;
}

.sq4-m2 {
    margin-top: 85px;
}

.sq4-m2 a {
    display: block;
}

.sq4-m2 a img {
    display: block;
    width: 100%;
}

/* 市情   end ------ */

/* 公开   start ------ */
.gk1 {
    background: #fff;
    padding: 0 20px;
    margin-top: 25px;
}

.gk1>div {
    padding: 20px 0 0px 5px;
}

.gk1-l {
    float: left;
    width: 330px;
}

.gk1-l a {
    float: left;
    width: 44%;
    margin: 0 13px;
}

.gk1-l a:first-child {
    margin-right: 0;
}

.gk1-l a img {
    display: block;
    width: 100%;
}

.gk1-l a p {
    font-size: 18px;
    line-height: 20px;
    color: #216dd5;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
}


.gk1>.gk1-m {
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 30px;
    width: 559px;
    border-left: 1px solid #dee7f3;
}

.gk1-r {
    overflow: hidden;
}

.gk1-m .slideTxtBox .hd ul {
    border: none;
}

.gk1-m .slideTxtBox .hd ul li.on {
    border: none;
    padding-bottom: 5px;
    padding-left: 0;

}

.gk1-m .i-list li {
    padding-left: 0;
    background: none;
}

.gk1-r ul li {
    margin-top: 10px;
}

.gk1-r ul li:first-child {
    margin-top: 0;
}

.gk1-r ul li a {
    display: block;
    font-size: 0;
    text-align: center;
    background: #ebf4fe;
    line-height: 70px;
}

.gk1-r ul li a img {
    vertical-align: middle;
    display: none;
}

.gk1-r ul li a img:first-child {
    display: inline-block;
}

.gk1-r ul li a span {
    vertical-align: middle;
    color: #111111;
    font-size: 18px;
    margin-left: 15px;
    padding-left: 18px;
    border-left: 1px solid #fff;
    line-height: 20px;
}

.gk1-r ul li a:hover img {
    display: inline-block;
}

.gk1-r ul li a:hover img:first-child {
    display: none;
}

.gk1-r ul li a:hover {
    background: #216dd5;
}

.gk1-r ul li a:hover span {
    color: #fff;
}
.gk2:first-of-type{
    margin-top: 25px;
}

.gk2 {
    padding: 20px;
    background: #fff;
}

.gk2-l {
    float: left;
    width: 945px;
    margin-right: 35px;
    height: 380px;
    overflow: hidden;
}



.gk2-r {
    overflow: hidden;
}

.righttit{
    color: #023e7a;
    font-weight: 600;
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}
.righttit a{color: #023e7a;}

.gk2-r ul {
    overflow: hidden;
}

.gk2-r ul li {
    margin-top: 10px;
}

.gk2-r ul li:first-child {
    margin-top: 0;
}

.gk2-r ul li a {
    display: block;
    overflow: hidden;
    background: #ebf4fe;
    color: #111;
    line-height: 60px;

}

.gk2-r ul li a div {
    float: left;
    width: 60px;
    text-align: center;
    color: #111111;
    border-left: 2px solid #216dd5;
}

.gk2-r ul li a div img {
    vertical-align: middle;
}

.gk2-r ul li a p {
    font-size: 17px;
    overflow: hidden;
}

.gk2-r ul li:hover a {
    border-color: #4f92db;
    color: #2c69bc;
}

.gk2 .slideTxtBox .hd ul li {
    padding-bottom: 10px;
}

.gk3 {
    border-top: 1px solid #f3f8fd;
    padding: 20px;
    background: #fff;
}





.input-text {
    background: #fff;
    width: 293px;
    margin-right: 17px;
}

.input-text input {
    display: block;
    width: 100%;
    background: none;
    outline: none;
    line-height: 38px;
    height: 38px;
}

.gk3 .select>p {
    background: none;
    padding-left: 0;
    width: 105px;
}

.gk3 .select>p i {
    background: url(../images/icon-b-down-g.png) no-repeat;
    background-position: center center;
}

.input-smt input {
    display: block;
    width: 100%;
    line-height: 38px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    background: #216dd5;
    cursor: pointer;
}

.gk3-form>div {
    float: left;
    background: none;
    line-height: 42px;
}

.gk3-form>div>span {
    float: left;
    padding: 0 10px;
    line-height: 20px;
    margin-top: 9px;
    border-left: 3px solid #216dd5;
}

.gk3-form>div>div {
    background: #f7f7f7;
    overflow: auto;
    padding: 0 10px;

}

.gk3-form>div input {
    display: block;
    width: 100%;
}

.gk3-form>div>div.select {
    overflow: visible;
    float: left;
    padding-right: 0;
    margin-right: 25px;
}

.gk3-form>div.input-smt {
    overflow: hidden;
    float: none;
}


.kg4 {
    padding: 20px;
    margin-top: 25px;
    background: #fff;
}

.kg4 ul li {
    float: left;
    width: 182px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-left: 26px;
    background: #eef5ff;
    position: relative;
    transition: all 0.6s;
}

.kg4 ul li.on {
    width: 388px;
}

.kg4 ul li:first-child {
    margin-left: 0;
}

.kg4 ul li.on .kg4-l {
    background: #216dd5;
    width: 115px;
    overflow: hidden;
    display: block;
}

.kg4 ul li.on .kg4-l div {
    background: #fff;
}

.kg4 ul li.on .kg4-l div::after {
  /*  border-color: rgba(255, 255, 255, .12);
    border: 10px solid rgba(255, 255, 255, .12); */
}
.kg4 ul li:nth-child(5) .kg4-l div::after{
    
border-color: rgba(232, 78, 78, .12);
    
border: 10px solid rgba(232, 78, 78, .12);
}

.kg4 ul li.on .kg4-l div img {
    display: inline-block;
}

.kg4 ul li.on .kg4-l div img:first-child {
    display: none;
}

.kg4 ul li.on .kg4-l p {
    color: #fff;
}

.kg4-l {
    float: left;
    width: 182px;
    background: #fff;
    padding-bottom: 30px;
    transition: all 0.6s;
    cursor: pointer;
    overflow: hidden;
    z-index: 9999999;
}

.kg4-l div {
    /*background: #216dd5;*/
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    margin: 35px auto 30px auto;
    font-size: 0;
    text-align: center;
    position: relative;
}
.kg4 ul li:nth-child(1) .kg4-l div{
    background: #216dd5;
}
.kg4 ul li:nth-child(2) .kg4-l div{
    background: rgb(16 211 167);
}
.kg4 ul li:nth-child(3) .kg4-l div{
    background: rgb(112 93 234);
}
.kg4 ul li:nth-child(4) .kg4-l div{
    background: rgb(254 189 78);
}
.kg4 ul li:nth-child(5) .kg4-l div{
    background: rgb(232 78 78);
}
.kg4 ul li:nth-child(2) .kg4-l div::after{
    border: 10px solid rgba(16, 211, 197, .12);
}
.kg4 ul li:nth-child(3) .kg4-l div::after{
    border: 10px solid rgba(112, 93, 224, .12);
}
.kg4 ul li:nth-child(4) .kg4-l div::after{
    border: 10px solid rgba(254, 189, 78, .12);

}
.kg4 ul li:nth-child(2) .kg4-l div::after{
    border: 10px solid rgba(16, 211, 197, .12);
}
.kg4 ul li:nth-child(3) .kg4-l div{
       border-color: rgba(112, 93, 224, .12);
}
.kg4 ul li:nth-child(4) .kg4-l div::after{
    border: 10px solid rgba(254, 189, 78, .12);
}
.kg4 ul li:nth-child(1).on .kg4-l{}
.kg4 ul li:nth-child(2).on .kg4-l{
    background: #10d3a7;
}
.kg4 ul li:nth-child(3).on .kg4-l{
    background: #705dea;
}
.kg4 ul li:nth-child(4).on .kg4-l{
    background: #febd4e;
}
.kg4 ul li:nth-child(5).on .kg4-l{
    background: #e84e4e;
}
.kg4-l div::after {
    /* content: ""; */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: -50px;
    margin-top: -50px;
    border: 10px solid rgba(33, 109, 213, .12);
    border-radius: 50%;
    transition: all 0.3s;
}

.kg4-l div img {
    vertical-align: middle;
    display: none;
}

.kg4-l div img:first-child {
    display: inline-block;
}

.kg4-l p {
    text-align: center;
    color: #111111;
    font-weight: 600;
    font-size: 20px;
}
.kg4-r{display:none;}
.kg4 ul li.on .kg4-r {
    position: absolute;
    left: 100px;
    top: 0;
    overflow: hidden;
    padding: 15px 0px 0 25px;
    z-index: 0;
    display:block;
}

.kg4-r div {
    overflow: hidden;
    width: 100%;
}

.kg4-r a {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 43px;

}

.kg4-r a:hover {
    color: #216dd5;
    font-weight: 600;
}


/* 公开   end ------ */

/* 互动   start ------ */
.hudg {

    background: #fff;
    box-shadow: 0 0 10px rgba(59, 59, 70, .19);
    margin-top: 20px;
}
.hudg  .slideTxtBox .hd ul li{
    padding-bottom: 10px;
}
.hudg1 {
    background: #ecf3fc;
    padding: 20px;
}

.hudg1-l {
    float: left;
    background: #fff;
    overflow: hidden;
    padding-right: 20px;
    margin-right: 20px;
}

.hudg1-l>span {
    float: left;
    width: 121px;
    height: 67px;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: relative;
    background: #216dd5 url(../images/hudg1-icon1.png) no-repeat;
    background-position: 81px 46px;
}

.hudg1-l>span::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 15px;
    width: 80px;
    margin-left: -40px;
    background: #fff;
    height: 1px;
}

.hudg1-l>div {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
}

.hudg1-l>div input {
    background: #f3f8fd;
    /* width: 187px; */
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #111111;
    padding: 0 15px;
}

.hudg1-l>div input::placeholder {
    color: #111;
}

.hudg1-l>div button {
    display: block;
    height: 40px;
    width: 80px;
    border: none;
    background: #216dd5;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.hudg1-r {
    overflow: hidden;
}

.hudg1-r a {
    float: right;
    background: #fff url(../images/hudg1-icon2.png) no-repeat;
    background-position: right center;
    height: 67px;
    line-height: 67px;
    min-width: 193px;
    text-align: center;
    padding: 0 10px;
    font-size: 0;
}

.hudg1-r a:first-child {
    float: left;
    background: #fff url(../images/hudg1-icon3.png) no-repeat;
    background-position: right center;
    width: 266px;
}

.hudg1-r a div {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    background: #216dd5;
    font-size: 0;
}

.hudg1-r a div img {
    vertical-align: middle;
}

.hudg1-r a span {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 20px;
}
.hudg1-r a:hover span{
    color: #216dd5;
}
.hudg2{
    padding: 20px;
}

.hudg2-l{
    float: left;
    width: 835px;
    margin-right: 25px;
}
.hudg2-ltable{
    width: 100%;
    table-layout: fixed;
}
.hudg2-ltable th{
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #111111;
    padding-top: 10px;
    line-height: 38px;
}
.hudg2-ltable td{
    word-break: keep-all;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 0px;
    font-size: 18px;
    line-height: 38px;
    color: #111;
}
.hudg2-ltable td a{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #111;
  
}
.hudg2-ltable td a:hover{
    color: #216dd5;
}

/*- ----------------------------*/
.hudg2-r{
    overflow: hidden;
}
#lxtj{
    height: 220px;
}

.tj-info{
    overflow: hidden;
    background: #ecf3fc;
    padding: 10px 0;
}
.tj-info li{
    float: left;
    width: 33.33%;
}
.tj-info li p{
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    color: #111;
}
.tj-info li p span{
    color: #216dd5;
    font-weight: 600;
    font-size: 18px;
}

/*- ----------------------------*/

.hudg3{
    padding:0  20px 20px 20px;
}

.hudg3-l{
    float: left;
    width: 600px;
    margin-right: 20px;
}
.hudg3-r>div>.bd>div{display:block!important;}
.hudg3-r{
    overflow: hidden;
}
.hudg3-l .i-list{
    padding-top: 5px;
}
.hudg3-l .i-list li{
    padding-left: 0;
    background: none;
    line-height: 40px;
}
.hudg3-l .i-list li>span{
    color: #ff6613;
    height: 28px;
    line-height: 28px;
    margin-top: 5px;
    border: 1px solid #ff6613;
    font-size: 16px;
    padding: 0 10px;
}
.hudg3-l .i-list li>span.end{
    color:#888888 ;
    border-color: #8888;
}



.first-list {
    padding-top: 10px;
}

.first-list a {
    display: block;
}

.flist-pic {
    float: left;
    width: 270px;
    margin-right: 20px;
}

.flist-pic img {
    display: block;
    width: 100%;
    height: 165px;
}

.flist-info {
    overflow: hidden;
}

.flist-info p {
    font-size: 18px;
    line-height: 27px;
    max-height: 54px;
    color: #111111;
    overflow: hidden;
    font-weight: 600;
    padding-top: 10px;
    margin-bottom: 15px;
}

.flist-info span {
    display: block;
    font-size: 14px;
    color: #888888;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.first-list a:hover .flist-info p{
    color: #216dd5;
}
 
.hudg3-rilist2{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px dashed #999;
}
.hudg3-rilist2 li{
    padding-left: 0;
    background: none;
}

/* 互动   end ------ */


/* 分页 */

.pagination {
    text-align: center;
    font-size: 0;
}

.pagination a {
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 0 12px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #666;
    margin: 0 7px;
}

.pagination a.active {
    background: #cd1a28;
    color: #fff;
    border: 1px solid #cd1a28;
}

.pagination a:hover {
    background: #cd1a28;
    color: #fff;
    border: 1px solid #cd1a28;
}

.pagination span {
    display: inline-block;
    font-size: 14px;
}



/* text_list  文字列表 */

#text_list{
    background: #fff;
    margin-top: 25px;
    padding: 20px;
    width: 1220px;
}

.text_list ul {
    margin-top: 15px;
    margin-bottom: 35px;
    border-top: 1px solid #ddd;
    min-height: 200px;
}

.text_list ul li a {
    display: block;
    padding: 30px 0;
    border-bottom: 1px dashed #dddddd;
}

.text_list ul li a p {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 125px;
    position: relative;
}
.jzx1 span{
    position: relative!important;
        display: contents;
        background:#fff !important;
        padding-left:0!important;
        
}
.text_list ul li a p span {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 20px;
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    background: url(../images/icon-time2.png) no-repeat;
    background-position: left center;
}

.text_list ul li a div {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    color: #888;
}

.text_list ul li a:hover p {
    color: #2c69bc;
    font-weight: 600;
}


/* content 内容页 */
#contt{
    background: #fff;
    margin-top: 25px;
    padding: 20px;
    width: 1220px;
}
.nr {
    padding: 0px 20px 0px 20px;
}

.nr .title {
    line-height: 40px;
    font-size: 30px;
    color: #111;
    text-align: center;
    margin: 30px 0 40px 0;
}
.nr .title span{
    font-size: 30px!important;
}

.nr .xgxx {
    width: 100%;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.nr .xgxx .zc { 
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.nr .xgxx .zc span {
    padding-right: 15px;
}

.nr .xgxx .yc {
    float: right;
    font-size: 14px;
    color: #999;
    text-align: left;
}

.nr .xgxx .yc .fx {
    width: 140px;
    float: right;
    margin-top: 10px;
}

.nr .xgxx .yc .zt {
    float: right;
    font-size: 16px;
    color: #666666;
}

.nr .xgxx .yc .zt a {
    color: #666666;
    margin: 0 5px;
}

.nr .xgxx .yc .zt span {
    color: #0069C5;
    padding: 0 5px;
    cursor: pointer;
}

.nr .zw {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    color: #111;
    text-align: left;
    padding: 35px 0;
    line-height: 1.8;
    font-size: 18px;
}

.nr .zw p {
    padding: 10px 0;
    /* text-indent: 2em; */
}

.nr .zw img {
    margin: 10px auto;
    max-width: 100%;
}

.nr .fx_dsf {
    float: left;
}

.nr .cz {
    float: right;
}

.nr .cz .dd {
    float: left;
    font-size: 16px;
    color: #111111;
    margin-left: 20px;
}

.nr .cz .dd i {
    width: auto;
    padding-right: 5px;
}

.nr .cz .dd i img {
    vertical-align: text-top;
    transition: .3s;
    -webkit-transition: .3s;
}

.nr .cz .dd:hover img {
    transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
}

.nr .sxyt {
    width: 100%;
    border-top: 1px solid #dddddd;
    padding-top: 20px;
}

.nr .sxyt .dd {
    width: 100%;
    line-height: 42px;
    text-align: left;
    font-size: 18px;
    color: #333;
}

.nr .sxyt .dd a {
    color: #333;
}

.nr .sxyt .dd:hover a {
    color: #0069C5;
}

.ld1{width: 145px;height: 193px;overflow: hidden;}
/*领导详情页*/
.ldjjtit{
    width: 145px;
    height: 193px;
    overflow: hidden;
}
.ldjjtit img{}

.ld_img{
    display: block;
    float: left;
    width: 30%;
}
.ld_img div{
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 190px;
    overflow: hidden;
}
.ld_img div img{
    width: 100%;
}
.ld_img p{
    text-align: center;
    line-height: 30px;
}
.ld_img a{
    display: block;
    background-color: #037dca;
    width: 83px;
    color: #fff;
    padding: 5px 20px;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
}
.ld_img .name{
    font-size: 24px;
    color: #236ed5;
    font-weight: 600;
    margin-top: 10px;
}
.ld_img .swsj{}

.ld_js{
    display: block;
    float: right;
    width: 60%;
    margin-right: 110px;
}
.ld_js>div p{font-size: 18px!important;}
.ld_js img{
    vertical-align: middle;
}
.ld_js span{
    line-height: 51px;
    padding: 10px 10px;
    font-size: 20px;
    position: relative;
    top: 4px;
    color: #084190;
    font-weight: 700;
}
.ld_js p{line-height: 30px;font-size: 16px;}
.ld_hd{
    margin-top: 50px;
    padding: 0px 100px;
}
.ld_hd ul{
    padding: 10px 0px;
}
.ld_hd li{
    line-height: 40px;
    /* border-bottom: 1px #ddd dashed; */
}
.ld_hd li a{
    font-size: 16px;
}
.ld_hd li span{
    float: right;
    font-size: 16px;
}
.ld_hd div{
    border-bottom: 2px solid #ddd;
}
.ld_hd div img{
    vertical-align: middle;
}
.ld_hd div span{line-height: 51px;padding: 10px 10px;font-size: 20px;position: relative;top: 4px;color: #084190;font-weight: 700;}
.ld_hd div a{
    float: right;
    line-height: 50px;
    color: #888;
    font-size: 16px;
}






/* img_list   图片列表 */

#img_list{
    margin-top: 25px;
    padding: 20px;
    background: #fff;
    width: 1220px;
}
.img_list ul {
    overflow: hidden;
    margin-top: 20px;
}

.img_list ul li {
    float: left;
    width: 282px;
    margin-left: 30px;
    margin-bottom: 45px;
}
.img_list ul li:nth-child(4n+1){
    margin-left: 0;
}
.img_list ul li a {
    display: block;
    text-align: center;
    background: #eff3fc;
    transition: all 0.3s;
}
.img_list ul li a .scale_img{width: 282px;height: 146px;overflow: hidden;}
.img_list ul li a .scale_img img {
    display: block;
    width: 100%;
    height: auto;
}

.img_list ul li a p {
    font-size: 18px;
    color: #222222;
    line-height: 37px;
    padding-top: 5px;
}

.img_list ul li a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.img_list ul li a:hover {
    background: #2c69bc;
}

.img_list ul li a:hover p {
    color: #fff;
}

.img_list ul li a:hover span {
    color: #fff;
}


/*在线访谈*/
.ft{
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.ft>table:last-of-type{width: 390px!important;margin:0 auto;text-align: center;padding: 20px 0 0 216px;}
.ft>table>tbody>tr{float:left;width: 247px;margin-right: 35px;margin-top: 10px;}
.ft>table>tbody>tr:nth-child(4n){margin-right:0;}
.ft_fir{}
.ft>table>tbody>tr table table tr a img{
    width: 100%;
    height: 148px;
}
.ft>table>tbody>tr table table{
    /* border: 1px solid #ddd; */
}
.ft>table>tbody>tr table table tr:nth-child(1){
    display: block;
    width: 100%;
}
.ft>table>tbody>tr table table tr:nth-child(1)>td{
    display: block;
    width: 100%;
}
.ft>table>tbody>tr table table tr {
    color: #333;
    font-family: 微软雅黑;
}
.ft_fir1 .ft_con1{
    float: left;
    height: 250px;
    padding: 40px 0;
}
.ft_fir1 td{
    font-family: 微软雅黑!important;
    font-size: 13px;
}
.ft_fir1{
    float: left;
    width: 50%;
    display: block;
}
.ft_fir1 .ft_tit{}
.ft_tit{
    font-size: 20px;
    font-weight: 600;
    color: #216dd5;
    line-height: 50px;
}
.tf_pic1{
    display: block;
    width: 350px;
    height: 250px;
    float: left;
}
.tf_pic1 img{
    width: 100%;
    height: auto;
}
.ft_con1{}
.ft_con1 p{
    line-height: 45px;
    padding: 0 0 0 10px;
}
.ft_fir2bor{
    border: 1px solid #ddd;
    padding: 20px;
    min-height: 170px;
}
.ft_fir2bor td{
    font-size:16px!important;
    font-family: 微软雅黑!important;
    line-height: 250%!important;
}
.ft_con2{
    width: 220px;
    margin: 0 auto;
}
.ft_con2 p{

line-height: 26px;

margin-top: 20px;
}
.ft_con2 p span:nth-child(1){
    float: left;
}
.ft_con2 p span:nth-child(2){
    float: left;
    width: 170px;
    color: #888;
}
.ft_fir2{
    float: left;
    width: 50%;
    display: block;
    min-height: 270px;
}
.ft_fir2 .ft_tit{}
.tf_pic2{
    width: 220px;
    height: 134px;
    overflow: hidden;
    margin: 0 auto;
}
.tf_pic2 img{
    width: 100%;
    height: auto;
}
.ft_fir2 .ft_con1{}
.date{}
.ft_sec{display: block;margin-top: 40px;}
.ft_sec .ft_tit{
    border-bottom: 1px solid #ddd;
}
.ft_sec ul{
    border-top: 1px solid #fff!important;
    margin: 0!important;
}
.ft_sec ul li{
    line-height: 35px;
}
.ft_sec ul li span:nth-child(1){}
.ft_sec ul li span:nth-child(2){
    float: right;
    color: #888;
}

.ft_sec td{

line-height: 250%!important;

font-size: 16px!important;

font-family: 微软雅黑!important;
}

/*访谈内容页*/

.ft_xq{}
.ft_xq p{
    color: #216dd5;
    font-size: 20px;
    font-weight: 600;
    line-height: 45px;
}
.zb_xq{
    width: 50%;
    float: left;
}
.zb_xq p{}
.zb_xq video{}
.pic_xq{
    width: 50%;
    float: left;
    height: 300px;
}
.pic_xq a{    border-bottom: 1px dashed #fff!important;}
.pic_xq p{}
.pic_xq ul{
    /* border: 1px solid #ddd!important; */
    display: block;
    height: 365px;
    margin: 0!important;
    border-top: 1px solid #fff;
}
.pic_xq ul li{
    float: left;
    width: 260px;
    height: 200px;
    margin: 0px 15px;
    overflow: hidden;
}
.pic_xq ul li img{}
.sl_xq{
    float: left;
    width: 50%;
}
.sl_xq p{}
.sl_xq div{
    height: 800px;
}
.lyjl_xq{
    width: 50%;
    float: left;
}
.lyjl_xq p{}
.lyjl_xq div{}



/*专题专栏*/
.titzt:nth-child(2){
    margin-top:30px;
    
}

.titzt{
    border-bottom: 1px solid #ddd;
}
.titzt span{
    padding: 10px 5px;
    display: block;
    background-color: #216dd5;
    width: 100px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}



.kg4-l div::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: -50px;
    margin-top: -50px;
    border: 10px solid rgba(33, 109, 213, .12);
    border-radius: 50%;
    transition: all 0.3s;
}

/*重点领域公开*/
.titblue{
    display: block;
    height: 80px;
}
.kggk5{
    margin: 40px 0 20px 0;
    display: block;
    background: #fff;
}
.kggk5>.titblue>span:nth-child(1) {
    width: 0;
    height: 0;
    display: inline-block;
    position: relative;
    top: -15px;
    left: 480px;
    border-bottom: 20px solid #1654a7;
    border-left: 20px solid transparent;
}

.kggk5>.titblue>p span{
    color: #fff;
    text-align: center;
    display: block;
    line-height: 65px;
    font-weight: 600;
    font-size: 24px;
}
.kggk5>.titblue> p{
    width: 260px;
    height: 70px;
    background: #216dd5;
    display: block;
    position: relative;
    margin: 0 auto;
    top: -40px;
}
.kggk5>.titblue>span:nth-child(6){
    width: 0;
    height: 0;
    display: inline-block;
    position: relative;
    top: -110px;
    left: 760px;
    border-bottom: 20px solid #1654a7;
    border-right: 20px solid transparent;
}
.kggk5>.titblue>span:nth-child(2){
    /* width: 0; */
    /* height: 0; */
    /* display: inline-block; */
    /* position: relative; */
    /* top: 34px; */
    /* left: 476px; */
    /* border-bottom: 72px solid #ffffff; */
    /* border-right: 20px solid transparent; */
    /* z-index: 2000; */
}
.kggk5>.titblue>span:nth-child(3){}
.kggk5>.titblue>span:nth-child(4){}
.kggk5>.titblue>span:nth-child(5){}


.lygk{
    /* display: flex; */
    margin: 0 3%;
    display: flow-root;
}
.lygk li:nth-child(7n){margin-right: 0;}
.lygk li{
    float: left;
    display: block;
    background: #ecf4ff;
    padding: 20px;
    margin-right: 2%;
    width: 108px;
    height: 80px;
    margin-bottom: 2%;
}
.lygk li img{
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
} 
.lygk li span{
    display: block;
    text-align: center;
    line-height: 50px;
}
.lygk li span a{
    font-size: 18px;
}

/*公开专栏new*/
.tit14{
     writing-mode:vertical-lr;
     float: left;
     background: #216dd5;
     color: #fff;
     font-weight: 600;
     font-size: 20px;
     letter-spacing: 7px;
     height: 170px;
     width: 60px;
     line-height: 58px;
     text-align: center;
}
.tit14 a{color:#fff;}
.newgkzl{
    background: #fff;
}
.newgkzl .ztzl-r{
    margin-top: 10px;
    padding: 0 20px!important;
}
.newgkzl .ztzl-r .next {
    position: absolute;
    right: 0;
    z-index: 9;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(255,255,255,.52)!important;
    border-radius: 50%;
    color: #216dd5;
    font-family: 楷体 !important;
    font-weight: 600;
    margin-right: 20px;
}
.newgkzl .ztzl-r .prev {
    position: absolute;
    left: 0;
    z-index: 9;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #216dd5;
    font-family: 楷体 !important;
    font-weight: 600;
    background: rgba(255,255,255,.52)!important;
    margin-left: 20px;
}

/*调查问卷*/
  /*问卷结果*/
.dcwj0126{
    padding: 10px 25px;
}
.dcwj0126>form>div>table>tbody>tr:nth-child(1)>td{
    text-align: center;
    padding-bottom: 25px;
}
.dcwj0126>form>div>table>tbody>tr:nth-child(2)>td{
    color: #333;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 20px;
}
.dcwj0126>form>div>table>tbody>tr{
    line-height: 30px;
}


/*调查问卷*/
  /*问卷内容*/
.wjnr0126{
    padding: 10px 25px;
}
.wjnr0126>form>div>table>tbody>tr:nth-child(1)>td{
    text-align: center;
    padding-bottom: 25px;
    font-size: 22px;
    font-family: 微软雅黑!important;
}
.wjnr0126>form>div>table>tbody>tr:nth-child(2)>td{
    color: #333;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 20px;
    font-family: 微软雅黑!important;
}
.wjnr0126>form>div>table>tbody>tr{
    line-height: 30px;
    font-size: 15px;
}