@charset "utf-8";
/* CSS Document */
body{ background:#f3f3f3;}
.selected{background: #024289;}
.main{width:95%; max-width:1340px; margin:0 auto 30px;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;overflow: hidden;}

/* 无锡概况 */
.main-wxgk{width:100%;background: #fff;padding: 30px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow:0px 7px 21px rgba(174, 174, 174, 0.15);margin-bottom: 40px;}
.wuxigk-box{width: 100%;height: auto;padding: 30px;background: #f2f7fc url(../images/wxgk_bg.png) no-repeat center;background-size: cover;margin-bottom: 50px;}
.wx-title01{width:100%;text-align: center;margin-bottom: 40px;}
.wx-title01 img{object-fit: contain;}
.wxgk-text{width: 60%;padding-top: 4%;}
.wxgk-text span{font-size: 0.9rem;line-height: 55px;}
.wxgk-text a{color:#1559a3;font-size: 0.9rem;}
.wxgk-pic{width: 38%;}
.dfgk-title{font-size: 1.1rem;color: #1559a3;font-weight: 700;position: relative;padding-left: 15px;margin-bottom: 30px;display: block;}
.dfgk-title::before{width: 4px; height: 20px; background: #1559a3;position: absolute;left: 0;top: 20%;display: inline-block;content: "";}
.dfgk-box ul li{float: left;width: 23%;height: 72px;text-align: center;line-height: 72px;margin-right: 2%;margin-bottom: 2%;}
.dfgk-box ul li a{width: 100%;height: 100%;font-size: 1rem;color: #4777a1;font-weight: 700;display: block;background: url(../images/gk_bg_default.png) no-repeat center;background-size: contain;}
.dfgk-box ul li a:hover{background: url(../images/gk_bg_selected.png) no-repeat center;color: #fff;background-size: contain;}

/* 印象无锡 */
.wx-title02{width:100%;text-align: center;margin-bottom: 4%;}
.yxwx-content{display: flex;justify-content: space-between;flex-wrap: wrap;}
.yxwx-content li{width: 31%;position: relative;padding-bottom: 30px;margin-bottom: 4%;}
.yxwx-content li:nth-child(4),.yxwx-content li:nth-child(5),.yxwx-content li:nth-child(6){margin-bottom: 2%;}
.yxwx-content li:nth-child(3),.yxwx-content li:nth-child(6){margin-right: 0;}
.yxwx-content li img{width: 100%;height: 260px;object-fit: cover;}
.yxwx-content li .yxwx-text{width: 180px;height: 56px;background: #1559a3;color: #fff;position: absolute;left: 50%;margin-left: -90px;bottom: 0;display: block;text-align: center;line-height: 56px;font-size: 0.9rem;font-weight: 500;}

/* 政府公报 */
.content01{border-radius: 8px;margin-bottom: 40px;}
.zfgb-box{width: 55%;height: auto;background: #fff;border-radius: 8px;padding: 30px;}
.official-gazette{width: 100%;height: 49px;border-bottom: 1px solid #f3f3f3;margin-bottom: 30px;}
.official-gazette-title{font-size: 1.1rem;color: #1559a3;font-weight: 700;border-bottom: 4px solid #1559a3;padding-bottom: 12px;}
.official-gazette-box li {width: 100%;}
.official-gazette-box li img{width: 24%;}
.zfgb2023-content,.zfgb2022-content{width: 70%;}
.zfgb2023-content h2,.zfgb2022-content h2{font-size: 1.2rem;font-weight: 700;margin-bottom: 7%;padding-top: 1%;color: #333;}
.zfgb2023-content ul li,.zfgb2022-content ul li{width: 33%;float: left;margin-bottom: 4%;}
.zfgb2023-content ul li a,.zfgb2022-content ul li a{font-size: 0.9rem;color: #7f7f7f;}
.zfgb2023-content ul li a:hover{color: #1559a3;text-decoration: underline;}
.zfgb2022-content ul li a:hover{color: #1559a3;text-decoration: underline;}
.zfgb2023{border-bottom: 1px dashed #d0d0d0;padding-bottom: 6%;margin-bottom: 5%;}

/* 无锡年鉴 */
.wxnj-box{width: 42%;border-radius: 8px;padding: 30px;background: #fff;padding-bottom: 43px;}
.wxnj-box ul li{float: left;width: 46%;height: 100px;border-radius: 4px;background: #f3f6f9 url(../images/nj-icon.png) no-repeat 20px center;line-height: 100px;padding-left: 18%;font-size: 0.9rem;margin-bottom: 8%;}
.wxnj-box ul li a{color: #5a6675;}
.wxnj-box ul li a:hover{color: #1559a3;}
.wxnj-box ul li:nth-child(even){float: right;}
.wxnj-box ul li:nth-child(7),.wxnj-box ul li:nth-child(8){margin-bottom: 0;}

/* 政府工作年度报表 */
.content02{border-radius: 8px;margin-bottom: 40px;}
.ndbb-box{width: 55%;height: auto;background: #fff;border-radius: 8px;padding: 30px;}
.annual-report-pic{width: 24%;}
.annual-report-pic img{width: 100%;height: 100%;object-fit: contain;}
.annual-report-content{width: 72%;padding: 24px;background: #f3f6f9;}
.annual-report-content li{line-height: 60px;}
.annual-report-content li a{font-size: 0.9rem;padding-left: 28px;background: url(../images/arrow-bb.png) no-repeat left center;background-size: contain;}


/* banner链接 */
.banner-box{width:100%;border-radius: 8px;padding:30px;background: #fff;}
.banner-box ul{display: flex;justify-content: space-between;}
.banner-box ul li{width: 32%;border-radius: 4px;height: 150px;padding: 36px 30px 30px ;}
.banner-box ul li a{display: block;width: 100%;height: 100%;}
.banner-box ul li a h2{font-size: 1.7rem;font-weight: 700;margin-bottom: 4%;}
.banner-box ul li a span{font-size: 0.9rem;}
.banner-box ul li:nth-child(1){background: url(../images/banner-wxgk.jpg) no-repeat center;background-size: cover;}
.banner-box ul li:nth-child(1) a h2{color: #015ad9;}
.banner-box ul li:nth-child(1) a span{color: #6990d5;}
.banner-box ul li:nth-child(2){background: url(../images/banner-tdt.jpg) no-repeat center;background-size: cover;}
.banner-box ul li:nth-child(2) a h2{color: #9e005d;}
.banner-box ul li:nth-child(2) a span{color: rgba(164, 87, 136, 0.88);}
.banner-box ul li:nth-child(3){background: url(../images/banner-tq.jpg) no-repeat center;background-size: cover;}
.banner-box ul li:nth-child(3) a h2{color: #2d9e3a;}
.banner-box ul li:nth-child(3) a span{color: rgba(109, 196, 119, 0.88);}
.banner-box ul li:last-child{margin-bottom: 0;}

@media(max-width:1300px){
  .yxwx-content li img{height: 220px;}
  .main-wxgk{margin-bottom: 30px;}
  .wx-title01{margin-bottom: 20px;}
}

@media(max-width:1024px){
  .wxgk-text span{line-height: 40px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
  .zfgb-box{width: 100%;margin-bottom: 30px;float: none;}
  .wxnj-box{width: 100%;float: none;}
  .ndbb-box{width: 100%;float: none;margin-bottom: 30px;}
  .banner-box{width: 100%;}
  .main-wxgk,.banner-box{padding: 15px;margin-bottom: 20px;}
  .wuxigk-box{margin-bottom: 24px;padding-bottom: 10px;}
  .yxwx-content li img{height: 168px;}
  .banner-box ul li{height: 98px;padding: 15px;padding-top: 18px;}
  .banner-box ul li a h2{margin-bottom: 7%;}
  .wx-title01{margin-bottom: 4px;}
  .banner-box ul li a h2{font-size: 1.2rem;}
  .banner-box ul li a span{font-size: 0.8rem;}
}
@media(max-width:900px){
  .dfgk-box ul li{margin-bottom: 0;}
  .wx-title01{margin-bottom: 14px;}
  .wuxigk-box{padding: 20px;}
  .yxwx-content li img{height: 140px;}
  .yxwx-content li .yxwx-text{width: 124px;height: 42px;line-height: 42px;margin-left: -62px;bottom: 10px;}
  .main-wxgk{margin-bottom: 20px;}

}
@media(max-width:768px){
  .banner-box ul{flex-direction: column;}
  .banner-box ul li{width: 100%; margin-bottom: 20px;height: 186px;padding: 40px 20px 20px 20px;}
  .banner-box ul li a h2{font-size: 1.5rem;margin-bottom: 5%;}
  .banner-box ul li a span{font-size: 1rem;}
  .main-wxgk{padding: 15px;margin-bottom: 20px;}
  .wxgk-text{width: 100%;float: none;}
  .wxgk-text span {line-height: 30px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
  .wxgk-pic{width: 100%;text-align: center;}
  .wxgk-pic img{width: 50%;}
  .dfgk-box ul li{width: 48%;margin-right: 4%;background-size: cover;margin-bottom: 15px;}
  .dfgk-box ul li:nth-child(even){margin-right: 0;}
  .zfgb-box{padding: 15px;margin-bottom: 20px;}
  .wuxigk-box{margin-bottom: 20px;padding: 15px;}
  .yxwx-content li{width: 48%;height: 190px;margin-bottom: 30px;}
  .yxwx-content li:nth-child(even){margin-right: 0;}
  .yxwx-content li img{width: 100%;height: 140px;}
  .yxwx-content li .yxwx-text{width: 100%;height: 50px;position: inherit;display: block;margin: 0;line-height: 50px;}
  .yxwx-content li:nth-child(3){margin-right:3%;}
  .zfgb2023-content ul li a, .zfgb2022-content ul li a{text-align: center;}
  .wxnj-box{padding: 15px;margin-bottom: 20px;}
  .wxnj-box ul li{background-size: 20%;line-height: 26px;height: 70px;padding-top: 10px;margin-bottom: 4%;}
  .content01{margin-bottom: 0;}
  .ndbb-box{padding: 15px;margin-bottom: 20px;}
  .annual-report-pic img{display: none;}
  .annual-report-content{float: none;width: 100%;padding: 15px;}
  .banner-box{padding: 15px;}
  .official-gazette{height: 38px;margin-bottom: 20px;}
  .official-gazette-title{padding-bottom:8px;}
  .content02{margin-bottom: 30px !important;}
}

@media(max-width:640px){
  .dfgk-box ul li{margin-bottom: 6px;}
  .wx-title01{margin-bottom: 0;}
  .banner-box ul li{height: 118px;padding-top: 20px;}
  .content02{margin-bottom: 10px !important;}
  .main-wxgk, .banner-box{margin-bottom: 20px;}

}

@media(max-width:550px){
  .wxgk-pic img{width: 40%;}
  .dfgk-title{margin-bottom: 15px;}
  .dfgk-box ul li{margin-bottom: 0;}
  .yxwx-content li:nth-child(4),.yxwx-content li:nth-child(5),.yxwx-content li:nth-child(6){margin-bottom: 20px;}
  .dfgk-title::before{top: 13%;}
}

@media(max-width:500px){
  .dfgk-box ul li{height: 55px;line-height: 55px;}
  .yxwx-content li img{height: 118px;}
  .yxwx-content li .yxwx-text{height: 40px;line-height: 40px;}
  .yxwx-content li{padding-bottom: 0;height: 144px;}
  .banner-box ul li{height: 92px;padding-top: 15px;margin-bottom: 10px;}
  .banner-box ul li a h2{margin-bottom: 3%;}
}

@media(max-width:420px){
  .wxgk-text span{line-height: 24px;}
  .dfgk-box ul li{height: 40px;line-height: 40px;margin-bottom: 8px;}
  .yxwx-content li img{height: 88px;}
  .yxwx-content li .yxwx-text{height: 32px;line-height: 32px;}
  .main-wxgk, .banner-box{padding: 10px;margin-bottom: 10px;}
  .yxwx-content li{height: 100px;}
  .banner-box ul li{height:auto;min-height: 66px;}
  .banner-box ul li a h2{margin-bottom: 2px;font-size: 1.2rem;}
  .dfgk-title::before{height: 18px;top: 16%;}
  .dfgk-title{padding-left: 12px;}
}

@media(max-width:400px){
  .dfgk-title::before{height: 16px;top: 17%;}
}