@charset "utf-8";
@import url(iconfont_1.css);
/*政府信息公开*/
.zfxxgk_cont01 .swiper-slide{height:1px} 
.zfxxgk_cont01 .swiper-slide-active { height:auto;}
.zfxxgk-header{background: url(../images/topbg_zfxxgk.png) center top no-repeat;}
.zfgkzl_box{width: 25.3%;}
.wszf_box{overflow: hidden;}
.wszf_box li{height: 155px;width:32%; margin-right: 1%;width: 32.66%;float: left;}
.wszf_box li img{height: 100%; width: 100%;}

.wszf_box li:nth-last-child(1){margin-right: 0px;}
.zfgkzl_bd li{font-size: 1.125rem; background-color: #e8f0fa; margin-bottom: 10px; border-radius: 5px;}
.menu-icons li a{position: relative; display: block; margin: 10px 10px 10px;transition:all 0.4s ease 0s;}
.menu-icons li:hover{opacity: 0.8;}
.menu-icons li{float: left; width: 100%;}
.menu-icons li i{display: inline-block; width: 28%; margin-right:4%; text-align: right; vertical-align: middle; background-repeat: no-repeat;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;}
.menu-icons li a.link font{display: inline-block; vertical-align: middle; line-height: 1.5em; text-align: left; max-width: 65%;}
.zfgkzl_bd .menu-icons li a.link{margin: 15px 7px 0 8px; padding-top: .5em; padding-bottom: .5em; background-color: #eff4f9; border-color: #eff4f9;}
.zfgkzl_bd .menu-icons li a:hover{opacity: 0.9;}
.zfgkzl_new{width: 72%;}
.zfgkzl_new .news-list li::after,.zwztcbox .news-list li::after{width: 10px; height: 3px; background-color:#245e93; border-radius: 5px;}
.zfgkzl_new .list_box,.zwztcbox .list_box {width: 100%;}
.zfgkzl_new .list_box .news_listbox,.zwztcbox .list_box .news_listbox{padding:0px}
.con_lm3{width: 33%; }
.con_lm3_btn{overflow: hidden; margin-top:1rem;}
.con_lm3_btn li{width:25%; float: left; text-align: center; font-size: 1.125rem; border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin-left: -1px; margin-top: -1px; box-sizing: border-box; padding-bottom: 1rem;}
.con_lm3_btn li i,.zwgk_lm3_btn li span{display: block;}
.con_lm3_btn li i{font-size: 2.5rem; color: #60a2ff; padding: .6em 0 .3em;}
.con_lm3_btn li span{line-height: 2; color: #666;}
.con_lm3_btn li:hover i, .con_lm3_btn li:hover span{color:#0063b8;}
.zfxxgk_cont02{overflow: hidden;}
.zwztcbox{width: 32.3%;}
.zwztcbox li{height: 146px;}
.zwztcbox li.li01{margin-bottom: 15px; background: url(../images/szxta_bj01.png) no-repeat left center; background-size: 100% 100%; }
.zwztcbox li.li01 a{padding-left:10%;}
.zwztcbox li.li02 a{padding-left:40%;}
.zwztcbox li.li02{ background: url(../images/szxta_bj02.png) no-repeat left center; background-size: 100% 100%;}
.zwztcbox li a{display: block; color: #004bbd; font-size: 1.875rem; padding-top:50px;}
.xwfbhbox{width: 66.1%;}
.xwfbh_pic{width: 60.24%; float: left;}
.xwfbh_pic img{height: 307px;width: 100%;}
.xwfbh_tt{background-color:#e8f1fa;width: 39%;float: left; height: 307px;}
.xwfbh_tt .tit{font-size: 1.25rem; font-weight: bold;text-align: center; line-height: 30px;padding:20px 0 10px 0;}
.xwfbh_tt .tit a{color: #004bbd;}
.xwfbh_infor{padding: 20px;}
.xwfbh_bt{padding-bottom:10px; line-height: 30px;text-align: center;}
.xwfbh_bt span{font-size: 1rem; color: #999;display: block; margin-bottom: 50px;}
.xwfbh_bt a{color: #586f94; font-size: 1rem; color: #fff; margin: 0 auto; background-color: #ff8b17; padding:5px 20px;border-radius: 5px;}
.zfxxgk_cont03 .swiper-container{padding-bottom: 20px;}
.zfxxgk_cont03 .swiper-pagination-bullet{width: 12px; height: 12px;}
.zfxxgk_cont03 .swiper-pagination-bullets{bottom: 0px;}
.zfxxgk_cont03 .imgScale a:hover img{-moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); opacity: 0.8;}
.zdlyxxgk_box{overflow: hidden;margin-top: 30px;}
.zdlyxxgk_box li{height: 86px;width: 19.2%; float: left; margin-bottom: 1%;margin-right: 1%;}
.zdlyxxgk_box li:nth-child(5n){margin-right: 0;}
.zdlyxxgk_box li a {display: block; border:1px solid #d9e1e4;overflow: hidden; height: 86px; line-height: 86px; font-size: 1.125rem;transition:all 0.4s ease 0s;}
.zdlyxxgk_box li img{display: block;width: 40px; height: 40px; padding-top:22px; padding-left:15%; float: left;}
.zdlyxxgk_box li span{padding-left: 10px; display: block; float: left;max-width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zdlyxxgk_box li a:hover{background-color: #e8f1fa;}
.zfxxgk_cont04.list_box{width: 100%;}




/*新闻中心*/
.xwzx-header{background: url(../images/topbg_xwzx.png) center top no-repeat;}
.xwzx_toutiao .tt_title{font-size: 1.5rem;padding:20px 10px;}
.xwzx_toutiao .tt_title a{display: block; text-align: center;max-width: 98%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: bold;}
.xwzx_toutiao .tt_zy{color: #666;line-height: 30px;max-width: 99%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xxzx_tpxw .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
.xxzx_tpxw .swiper-slide p{display: none;}
.xxzx_tpxw .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1.2);
	  z-index: 100;
	}
.xxzx_tpxw .swiper-slide-active p{display: block; position: absolute; bottom: 10px; font-size: 0.875rem; height: 50px; z-index: 2; color: #fff;width: 100%;z-index: 10;}
.xxzx_tpxw .texbg{display: block; height: 50px; background-color: #000; opacity: 0.5; z-index: 1;width: 100%; bottom: 36px;}
.xxzx_tpxw .swiper-slide-active a::after{content: "";width: 100%; height: 50px; display: block; background-color: #000;position: absolute; bottom: 25px;z-index:1;opacity: 0.6;}
.xxzx_tpxw{position: relative;}
.xxzx_tpxw img{height: 366px;}
.xxzx_tpxw .swiper-button-next,.xxzx_tpxw .swiper-button-prev{width: 52px; height: 108px;}
.xxzx_tpxw .swiper-button-next{right: -60px;background: url(../images/xwzx_nav_nex.png) no-repeat right center;}
.xxzx_tpxw .swiper-button-prev{left: -60px;background: url(../images/xwzx_nav_prev.png) no-repeat left center;}
.xxzx_tpxw .swiper-button-next:hover,.xxzx_tpxw .swiper-button-prev:hover{opacity: 0.8;}
.xxzx_tpxw .swiper-button-next::after,.xxzx_tpxw .swiper-button-prev::after{font-size: 0;}
.xxzx_tpxw2{display: none;position: relative;}
.xxzx_tpxw2 .swiper-slide p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xwzx_newsbox{overflow: hidden;padding-bottom: 30px;}
.xwzx_left{width: 58.7%;}
.xwzx_left .swiper-slide{height:1px} 
.xwzx_left .swiper-slide-active { height:auto}
.xwzx_right{width: 38.3%;}
.xwzx_newsbox .list_box{width: 100%; }
.xwzx_newsbox .news_listbox {padding:0;}
.xwzx_newsbox .news_tt{border-bottom:1px solid #f4f4f4;padding-bottom: 20px;}
.xwzx_newsbox .news_tit{font-size: 1.125rem;padding-bottom: 10px;}
.xwzx_newsbox .news_tit a{font-weight: bold; line-height: 30px; display: block;max-width: 98%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xwzx_newsbox .news_zy{font-size: 1rem; color: #999; line-height: 25px; overflow: hidden;text-overflow: ellipsis;text-indent: 2em;min-height: 50px;
white-space: normal;display:-webkit-box;
     -webkit-line-clamp:2 ;
     -webkit-box-orient:vertical;}


.xwzx_newsbox .news-list.time li span{left: 0;}
.xwzx_newsbox .news-list.time li{padding-left: 130px; padding-right: 0;margin-bottom: 10px;}
.xwzx_newsbox .news-list li::after{display: none;}
.xwzx_newsbox .news-list.time li span{color:#609dd2; background-color: #f3f6fa;width: 120px; text-align: center;}
.xwzx_newsbox .more{margin-top: 10px;}
.xwzx_newsbox .more a{display: block; float: left; padding:0 20px; line-height: 30px; background-color:#0063b8; color: #fff; text-align: center; border-radius: 5px;}
.xwzx_newsbox .more a:hover{opacity: 0.8;}
.xwzx_newsbox .xwzx_right .news-list.time li .date font{display: block;color:#999; line-height: 2.1875rem;}
.xwzx_newsbox .xwzx_right .news-list.time li .date{background: none; height:70px;padding-top: 10px; padding-bottom: 10px; border-left: 3px solid #0063b8;}
.xwzx_newsbox .xwzx_right .news-list.time li .date .day{font-size:2.125rem;}
.xwzx_newsbox .xwzx_right .news-list.time li{height: 70px; background-color:#f3f6fa ; margin-bottom: 20px; padding-top:10px;padding-bottom: 10px;}
.xwzx_newsbox .xwzx_right .news-list.time li a{white-space: normal;display:-webkit-box; line-height: 2.1875rem;
     -webkit-line-clamp:2 ;
     -webkit-box-orient:vertical;}
.xwzx_newsbox .xwzx_right .news-list.time li .m_time{display: none;}	 
/*太仓概览*/




/*政民互动*/
.zxft_div {font-size: 1.125rem; line-height: 30px; overflow: hidden;}
.zxft_div .zxft_span{color: #2a629c;}
.sjfx .hd_box{min-height: 293px;}
.zxft_pic{float: left;width: 48.6%;}
.zxft_pic img{width: 100%;}
.zxft_infor{overflow: hidden;}
.zxft_right{width: 48.6%;float: right;}
.zxft_right div,.zxft_zy{margin-bottom: 20px;}
.ckqq{margin-top: 20px;}
.ckqq a{display: block; padding:5px 20px; color:#51abdf; border:1px solid #51abdf;float: left;}
.ckqq a:hover{background-color:#51abdf ; color: #fff;}
.fgyg_list li{ line-height: 30px;font-size: 1.125rem;padding-left:60px; padding-bottom: 12px; position: relative;background: url(../images/ftyg_icon.png) no-repeat left top ;}
.fgyg_list li:hover{background: url(../images/ftyg_icon_hover.png) no-repeat left top ;}
.fgyg_list li a{display: block; text-overflow: ellipsis;overflow: hidden;max-width: 100%; white-space: nowrap;}
.fgyg_list span{font-size: 1rem;color: #999;}
.fgyg_list li::after{display: block;content: "";position: absolute;width: 6px; height: 1px; background-color:#e6e6e6; top: 10px; left: 40px;}
.fgyg_list li::before{display: block;content: "";position: absolute;width: 1px; height: 100%; background-color:#e6e6e6; top: 10px; left: 40px;}
.fgyg_list li:nth-last-child(1)::before{display: none;}
.zbsp_box .hd_box2{padding-top: 0px;}
.zbsp_pi a{display: block;position: relative;}
.zbsp_pi a:hover::before{opacity: 0.8;}
.zbsp_pic img{width: 100%; height: 227px;display: block;}
.zbsp_pic img:hover{opacity: 0.8;}
.zbsp_pic a::before{display: block;content: ""; width: 25px; height: 31px; background: url(../images/zbsp_icon.png) no-repeat center center; top: 21%; left: 50%;position: absolute;}
.zbsp_pic .tit{text-align: center;margin-top:10px;}
.list_box .xxtj_box,.list_box .zbsp_box{padding:0;}
.xxtj_box .hd_box2{padding-bottom: 0px;}
.myzj_list li h4 .jssj{ display:none;}
.myzj_list li h4 .zhengjiz{display:none; float:left; padding:0px 3px; line-height:1.6em; text-align:center;  color:#F00; margin-right:5px; }
.myzj_list li h4 .yijies{float:left; display:none; padding:0px 3px; line-height:1.6em; text-align:center; color:#999; margin-right:5px;}
.myzj_list li h4 .zjzt{float: left;}

/*政府服务*/

.zffw_list_con li{width:18%;padding:1%;}
.zffw_list_con li a{display: block;position: relative;position: relative;font-size: 1.125rem;padding-top: 20px; padding-bottom:20px;text-align: center;width: 100%; height:auto; }
.zffw_list_con li a:hover{box-shadow: 0px 0px 14px 0px rgb(190 201 207 / 50%);}
/* .zffw_list_con li:hover{background-color: #fff;box-shadow: 0px -10px 0px 0px #000,-10px 0px 0px 0px #000,10px 0px 0px 0px #000,0px 10px 0px 0px #000;box-shadow: 0px 0px 14px 0px rgb(190 201 207 / 50%);} */

.zffw_list_con li a::before{display: block;content: ""; width: 5.5rem; height: 5.5rem;   margin: 0px auto 12px; vertical-align: middle; transition: all 0.4s ease 0s;}
.grfw li a:hover::before,.qybs li a:hover::before{ transform: rotate(360deg);}
.grfw li:nth-child(1) a:before{background: url(../images/zwfw_ion02.png) no-repeat;}
.grfw li:nth-child(2) a:before{background: url(../images/zwfw_ion06.png) no-repeat;}
.grfw li:nth-child(3) a:before{background: url(../images/zwfw_ion01.png) no-repeat;}
.grfw li:nth-child(4) a:before{background: url(../images/zwfw_ion03.png) no-repeat;}
.grfw li:nth-child(5) a:before{background: url(../images/zwfw_ion05.png) no-repeat;}
.grfw li:nth-child(6) a:before{background: url(../images/zwfw_ion07.png) no-repeat;}
.grfw li:nth-child(7) a:before{background: url(../images/zwfw_ion08.png) no-repeat;}
.grfw li:nth-child(8) a:before{background: url(../images/zwfw_ion04.png) no-repeat;}
.grfw li:nth-child(9) a:before{background: url(../images/zwfw_ion09.png) no-repeat;background-size: 100% 100%;}
.grfw li:nth-child(10) a:before{background: url(../images/zwfw_ion10.png) no-repeat;}
.qybs li:nth-child(1) a:before{background: url(../images/qybs_icon01.png) no-repeat;}
.qybs li:nth-child(2) a:before{background: url(../images/qybs_icon02.png) no-repeat;}
.qybs li:nth-child(3) a:before{background: url(../images/qybs_icon03.png) no-repeat;}
.qybs li:nth-child(4) a:before{background: url(../images/qybs_icon04.png) no-repeat;}
.qybs li:nth-child(5) a:before{background: url(../images/qybs_icon05.png) no-repeat;}
.qybs li:nth-child(6) a:before{background: url(../images/qybs_icon06.png) no-repeat;}
.qybs li:nth-child(7) a:before{background: url(../images/qybs_icon07.png) no-repeat;}
.qybs li:nth-child(8) a:before{background: url(../images/qybs_icon09.png) no-repeat;}
.qybs li:nth-child(9) a:before{background: url(../images/qybs_icon08.png) no-repeat;}
.qybs li:nth-child(10) a:before{background: url(../images/zwfw_ion10.png) no-repeat;}
.bmfw li{width: 20%; float: left; height: 68px; line-height: 68px;text-align: center; margin-bottom:10px; margin-top: 10px;}
.bmfw ul{overflow: hidden; }
.bmfw li a{font-size:1.25rem;display: block; margin:0 10px;}
.bmfw li a:hover{box-shadow: 0px 0px 14px 0px rgb(190 201 207 / 50%);}


/* 1300 电脑_小 */
@media only screen and (max-width: 81.25em) {
    .container{
        width: auto;
        box-sizing: border-box;
        padding: 0 15px;
    }
.xwzx_toutiao .tt_zy{ white-space: normal;display:-webkit-box ;
     -webkit-line-clamp:2 ;
     -webkit-box-orient:vertical;
     }
	 
	 
.xxzx_tpxw .swiper-button-next{right: 0px;}
.xxzx_tpxw .swiper-button-prev{left: 0px;}
}

/* 1200  */
@media only screen and (max-width:75em) {
 .zmhd_cont .list_box{width: 100%;}	
.zbsp_pic img{height: auto;}	
.zdlyxxgk_box li{width:32.666%;}
.zdlyxxgk_box li:nth-child(5n){margin-right: 1%;}
.zdlyxxgk_box li:nth-child(3n){margin-right: 0;}
}


/* 992 平板_横 */
@media only screen and (max-width: 62em) {
    .w1000{
		width: auto;
	}
    .header{height: auto;}
	.zfgkzl_box{width: 100%; float: none;}
	.zfgkzl_new{width: 100%; float: none; clear: both;padding-top: 20px;}
	.menu-icons li i{width: auto;}
	.zwztcbox{width: 100%; float: none; overflow: hidden;margin-top: 20px;}
	.xwfbhbox{width: 100%; float: none; overflow: hidden;}
	.zwztcbox li{width: 49%; float: left;}
	.zwztcbox li.li02{float: right;}
	.xwfbh_pid img{width: 100%;height: auto;}
	.con_lm3_btn li{width: 50%;}
	.wszf_box li{height: auto;}
	.xxzx_tpxw {display: none;}
	.xxzx_tpxw .swiper-button-next,.xxzx_tpxw .swiper-button-prev{display: none;}
	.xxzx_tpxw2 {display: block;}
	.xxzx_tpxw2 img{width: 100%; height: auto;}
	.xwzx_left{width:100%; float: none;}
	.xwzx_right{width:100%; float: none; padding-top: 30px;}
	.myzj_list li{width: 100%;}
	.zffw_list_con li{width: 23%;}
    .bmfw li{width: 25%;}
}
/* 768 手机_横 平板_竖 */
@media only screen and (max-width: 48em) {
  .wszf_box li{width: 100%;margin-right: 0 !important;}
  .zxft_pic{width: 100%;text-align: center;}
  .zxft_pic img{width:auto;}
  .zxft_right{width: 100%;margin-top: 20px;}
  .gzjdtable .timer{display: none;}
  .fgyg_list li a{white-space: normal;}
  .gzjdtable thead .xh,.gzjdtable thead .zxtype{width:60px;}
  .zdlyxxgk_box li:nth-child(5n),.zdlyxxgk_box li:nth-child(3n){margin-right: 0;}
  .zdlyxxgk_box li{margin-right: 0;width:49.5%;}
  .zdlyxxgk_box li:nth-child(2n){float: right;}
  .xwfbh_pic{width: 100%; float: none;}
  .xwfbh_pic img{width: auto; height: auto; display: block;margin: 0 auto;}
  .xwfbh_tt{width: 100%; float: none; margin-top: 10px;}
  .zffw_list_con li{width: 48%;}
  .bmfw li{width: 50%;}
}
/* 576 手机_竖 */
@media only screen and (max-width: 36em) {
    .xwzx_newsbox .news-list.time li{padding-left: 0px;}
	.xwzx_newsbox .xwzx_right .news-list.time li{height: auto;background-color: none;}
	.xwzx_newsbox .xwzx_right .news-list.time li .date{display: none;}
	.xwzx_newsbox .xwzx_right .news-list.time li .m_time{display:inline; margin-left: 10px;}
	.xwzx_newsbox .xwzx_right .news-list.time li a{display:inline;}
	.zwztcbox li{width: 100%; float: none;}
}
/* 414 手机_竖 */
@media only screen and (max-width: 25.875em) {
 .zfxxgk_cont03 .swiper-container li img{width: 100%;} 
 .zdlyxxgk_box li{width:100% !important;margin-bottom: 10px;}
}