@charset "utf-8";
/* 新闻 */
.index-toutiao{text-align: center; padding-top: 30px; padding-bottom: 30px;}
.index-toutiao .tit{font-size: 2.25em; margin-bottom: 10px; font-weight: bold;}
.index-toutiao .memo{color: #A6A6A6;}
.index-toutiao .memo .txt{max-width: 90%;}
.index-toutiao .memo .txt,
.index-toutiao .memo .more{display: inline-block; vertical-align: middle;}
.index-toutiao .memo .more{color: #BA2222;}
@media (max-width: 992px) {
  .index-toutiao .tit{font-size: 2em;}
}

@media (min-width: 1281px) {
  /* .index-row-news .col-c1{width:59%;}
  .index-row-news .col-c2{width:41%;} */
}

.index-tpxw .item .imgratio{padding-top: 61%;}

/* .index-yaowen{margin-top: -5px;} */
.index-yaowen > .hd li + li{margin-left: 25px;}


/* 横幅 */
.index-hf1 .imgratio{padding-top: 14.16667%;}
@media (max-width: 768px) {
  .index-hf1{display: none;}
}

.index-main-tab .outHd{text-align: center;}
.index-main-tab .outHd ul li{display: inline-block; position: relative;}
.index-main-tab .outHd ul li a{display: block; width: 360px; height: 72px; background: #EDF5FF; border: 1px solid #DBEDFF; border-bottom: none; border-radius: 10px 10px 0 0; text-align: center; font-size: 2.25em; font-weight: bold; color: #5381B0; line-height: 72px; position: relative; transition: .2s all; margin-left: 3px; margin-right: 3px;}
.index-main-tab .outHd ul li.on{z-index: 5;}
.index-main-tab .outHd ul li.on a{color: #fff; background: #005CB8; border-color: #005CB8;}
.index-main-tab .outBd-bg{background: #F7FAFF; border-top: #CCDAE8 1px solid;}

/* 政务公开 */
.index-zwgk-iconmenu li .box{height: 93px; background-repeat: no-repeat; background-size: cover; background-position: right bottom;}
.index-zwgk-iconmenu li.li1 .box{background-image: url(../images/zwgk_btn_gfxwj.png);}
.index-zwgk-iconmenu li.li2 .box{background-image: url(../images/zwgk_btn_sgs.png);}
.index-zwgk-iconmenu li.li3 .box{background-image: url(../images/zwgk_btn_qzqd.png);}
.index-zwgk-iconmenu li .txt{color: #fff; font-weight: bold; font-size: 1.25em; margin-left: 25px;}

.index-xxgk-iconmenu li .box{height: 76px; position: relative; border-radius: 2px; background: #F0F5FF; border: 1px solid #E3EDFF;}
.index-xxgk-iconmenu li .icon{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 38px;}
.index-xxgk-iconmenu li .icon img{width: 35px; display: block; margin: 0 auto;}
.index-xxgk-iconmenu li .txt{display: block; padding: 17px 60px 17px 20px; color: #2375B8; line-height: 22px;}

.index-zwgk-iconmenu2 li .box{height: 102px; border-radius: 4px; background: linear-gradient(180deg, rgba(220, 239, 252, 1) 0%, rgba(212, 235, 255, 1) 100%); overflow: hidden;}
.index-zwgk-iconmenu2 li .icon{margin-bottom: 10px; margin-top: -5px;}
.index-zwgk-iconmenu2 li .icon img{height: 60px;}
.index-zwgk-iconmenu2 li .txt{color: #666666;}


/* 政务服务 */
.index-zwfw-iconmenu li .box{height: 148px; background: #EBF6FF; position: relative; overflow: hidden;}
.index-zwfw-iconmenu li .icon-shadow{position: absolute; right: -22%; bottom: -8%; opacity: 0.05;}
.index-zwfw-iconmenu li .icon-shadow img{display: block; height: 120px;}
.index-zwfw-iconmenu li .icon{padding-top: 30px; margin-bottom: 20px;}
.index-zwfw-iconmenu li .icon img{height: 48px;}
.index-zwfw-iconmenu li .txt{font-size: 1.125em;}
.index-zwfw-iconmenu li.pic{width: 40%;}
.index-zwfw-iconmenu li.pic img{display: block; height: 148px; width: 100%;}

/* 互动交流 */
.index-yjzj-list li{border-bottom:#EEEEEE 1px solid; padding-top: 20px; padding-bottom: 20px;}
.index-yjzj-list li .box{position: relative; padding-left: 78px;}
.index-yjzj-list li .status{position: absolute; left: 0; top: -4px; width: 60px; padding-right: 5px; text-align: center; line-height: 28px; height: 28px; background: url(../images/dczj_status_over.png) no-repeat; background-size: 100% 100%; color: #808080;}
.index-yjzj-list li.ing .status{background-image: url(../images/dczj_status_ing.png); color: #005CB8;}
.index-yjzj-list li .time{display: block; color: #999999; margin-bottom: 10px;}
.index-zsk a{display: block; height: 78px; padding-left: 166px; color: #BA3C2B; font-size: 1.5em; font-weight: bold; line-height: 78px; background: url(../images/index_zsk_bg.png) no-repeat; background-size: cover;}
.index-hdjl-iconmenu li .box{height: 80px; border-radius: 2px; background: linear-gradient(90deg, rgba(240, 245, 255, 1) 0%, rgba(222, 240, 255, 1) 100%); border: 1px solid #9EC0E6;}
.index-hdjl-iconmenu li .icon{margin-right: 15px;}
.index-hdjl-iconmenu li .icon img{height: 35px;}
.index-hdjl-iconmenu li .txt{font-size: 1.25em;}
.index-hdjl-iconmenu li a:hover{color: #0966B8;}

.index-zxf-tt{border-bottom: #EEEEEE 1px solid; padding-bottom: 30px; margin-bottom: 15px;}
.index-zxf-tt .tit{font-weight: bold; font-size: 1.75em; margin-bottom: 15px;}
.index-zxf-tt ul li{line-height: 22px;}
.index-zxf-tt ul li p{display: inline;}
.index-zxf-tt ul li + li{margin-top: 15px;}

.index-zjwj-iconmenu li .box{height: 128px; background-repeat: no-repeat; background-size: cover;}
.index-zjwj-iconmenu li.li1 .box{background-image: url(../images/index_btn_bqwgc_bg.png);}
.index-zjwj-iconmenu li.li2 .box{background-image: url(../images/index_btn_xczx_bg.png);}
.index-zjwj-iconmenu li .icon{width: 69px; height: 69px; border-radius: 50%; margin-right: 30px; background: rgba(255, 255, 255, 0.74);}
.index-zjwj-iconmenu li .txt{font-size: 2em; color: #fff; font-weight: bold;}

.index-zsyz-list li{padding-top: 20px; padding-bottom: 20px; border-bottom: #EDF2F7 1px solid; transition: .3s all;}
.index-zsyz-list li .box{position: relative; min-height: 63px;}
.index-zsyz-list li .pic{position: absolute; width: 112px; height: 63px; overflow: hidden;}
.index-zsyz-list li .pic img{display: block; width: 100%; height: 100%;}
.index-zsyz-list li .txt{margin-left: 130px; }
.index-zsyz-list li .tit{margin-bottom: 8px; padding-top: 8px;}
.index-zsyz-list li .time{font-size: 14px; color: #808080;}
.index-zsyz-list li:hover{background: #F0F7FF; }

.index-wjly-swiper .swiper-slide{
  background: #fff;width:65%;
}
.index-wjly-swiper .swiper-slide-active{
  background: #247DD6; border: 2px solid #529AE3; box-shadow: -1px 8px 12px  rgba(0, 92, 184, 0.06);
}
.index-wjly-swiper .swiper-slide .imgratio{padding-top: 68.18%;}
.index-wjly-swiper .swiper-slide .txt{height: 46px; line-height: 46px; color: #fff; text-align: center; display: none;}
.index-wjly-swiper .swiper-slide .txt a{color: #fff;}
.index-wjly-swiper .swiper-slide-active .txt{display: block;}
.index-wjly-swiper .swiper-button-prev, 
.index-wjly-swiper .swiper-button-next{width: 26px; height: 26px; background-color: #fff; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: 12px 6px;} 
.index-wjly-swiper .swiper-button-prev{background-image: url(../images/arrow2_left_black.png);}
.index-wjly-swiper .swiper-button-next{background-image: url(../images/arrow2_right_black.png);}
.index-wjly-swiper .swiper-button-prev:hover{background-image: url(../images/arrow2_left_red.png);}
.index-wjly-swiper .swiper-button-next:hover{background-image: url(../images/arrow2_right_red.png);}



.ztzl-swiper .swiper-slide .imgratio{padding-top: 37.6%;}


@media (max-width: 1280px) {
  .index-zjwj-iconmenu li .box{height: 100px;}
  .index-zjwj-iconmenu li .icon{width: 52px; height: 52px; margin-right: 20px;}
  .index-zjwj-iconmenu li .txt{font-size: 1.5em;}

}
@media (max-width: 992px) {
  .index-zwfw-iconmenu li.pic{width: 50%;}

}
@media (max-width: 768px) {
  .index-toutiao .memo{display: flex; justify-content: space-between;}
  .index-toutiao .more{width: 65px;}
  .index-toutiao .memo .txt{max-width: calc(100% - 65px);}

  .index-zwfw-iconmenu li.pic{width: 100%;}
  .index-zwfw-iconmenu li.pic .box,
  .index-zwfw-iconmenu li.pic img{height: auto;}

  .index-yjzj-list li .box{padding-left: 0;}
  .index-yjzj-list li .status{position: static; margin-bottom: 10px;}

  .index-wjly-swiper .swiper-slide{width: 88%;}
  
}
@media (max-width: 480px) {
  .index-xxgk-iconmenu li .box br{display: none;}

  .index-hdjl-iconmenu li .icon{margin-right: 10px;}
  .index-hdjl-iconmenu li .icon img{height: 25px;}
  .index-hdjl-iconmenu li .txt{font-size: 1.125em;}
}

@media (max-width: 380px) {

}

@media (max-width: 380px) {

}