/* 置灰 S */
/* body>*:not(.header, #index-data-pc),
.mainnav,
.header-toolbar,
.header-search,
.header:before,
#index-data-pc *{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:gray;
}
.header:before{
  content:"";position: absolute;left:0; right: 0;top:0;bottom:0;z-index: 0;
  inset: 0;
  backdrop-filter: grayscale(100%);
  background: rgba(0, 0, 0, 1);
  mix-blend-mode: color;
  pointer-events: none;
} */
/* 置灰 E  */

.friendship-layer{display: block;}

.news .tpxw{position: relative;}
.news .tpxw .swiper-slide{background: #fff;}
.news .tpxw .swiper-slide dl{position: relative;}
.news .tpxw .swiper-slide dl .place{padding-top: 56.25%;}
.news .tpxw .swiper-slide dl dt{position: absolute; right: 0; bottom: 0; left: 0; z-index: 9; padding: 12px 90px 12px 15px; line-height: 24px; text-align: left; background: url(../image/blank_black_opa50.png);}
.news .tpxw .swiper-slide dl dt a{color: #fff;}
.news .tpxw .swiper-pagination{bottom: 12px;}

.news .xwdt .infolist li.li8{display: none;}

.zwgk .zfxxgkzl .menu-cards li a.item{padding: 1.25em 0;}
.zwgk .zfxxgkzl .menu-cards li a.item i{width: 60px; height: 60px; margin-bottom: .5em;}
.zwgk .zfxxgkzl .menu-cards li a.item span b{display: none;}

.zmhd .ldxx a{position: relative; display: block; text-align: center; background: #689ee3;}
.zmhd .ldxx a span{display: inline-block; position: relative; margin: .5em 0; padding-left: 70px; height: 70px; line-height: 70px;}
.zmhd .ldxx a span img{position: absolute; top: 50%; left: 0; margin-top: -25px; width: 50px; height: 50px;}
.zmhd .ldxx a span font{display: inline-block; vertical-align: middle; margin-top: -3px; line-height: 1.5em; font-weight: bold; font-size: 1.25em; color: #fff; font-weight: bold;}
.zmhd .ldxx a b{position: absolute; top: 0; bottom: 0; right: 3%; text-align: right;}
.zmhd .ldxx a b img{width: auto; height: 100%;}
@media (max-width:414px){
  .zmhd .ldxx a span{padding-left: 60px; height: 60px; line-height: 60px;}
  .zmhd .ldxx a span img{margin-top: -20px; width: 40px; height: 40px;}	
}
.zmhd .lxxd .letter-list li{position:relative; padding: .375em 200px .375em 0;}
.zmhd .lxxd .letter-list li div{position: absolute; top: 50%; display: block; margin-top: -.8em; color: #666; line-height: 1.6em; text-align: center;}
.zmhd .lxxd .letter-list li div span{display: inline-block; vertical-align: top;}
.zmhd .lxxd .letter-list li div a{display: inline-block; vertical-align: middle;}
.zmhd .lxxd .letter-list li.head div{font-size: 1.125em; font-weight: bold; color: #4868a3!important;}
.zmhd .lxxd .letter-list li .c-topic{position: relative; top: auto; margin-top: 0; text-align: left;}
.zmhd .lxxd .letter-list li .c-status{position: absolute; right: 100px; width: 100px; text-align: center;}
.zmhd .lxxd .letter-list li .c-time{position: absolute; right: 0; width: 92px; text-align: right;}
.zmhd .lxxd .menu-cards li a.item{padding: 1.125em 0;}
.zmhd .lxxd .menu-cards li a.item i{width: 30px; height: 30px;}
.zmhd .lxxd .menu-cards li a.item span{max-width: 5em; width: 5em;}
@media (max-width:1280px){
  .zmhd .lxxd .letter-box{padding: 10px 15px;}
}
@media (max-width:480px){
  .zmhd .lxxd .letter-list.res li{padding-top: .75em; padding-right: 0; padding-bottom: .75em;}
  .zmhd .lxxd .letter-list.res li.head{display: none;}
  .zmhd .lxxd .letter-list.res li div{position: static; display: block; margin-top: 0; width: auto !important; text-align: left; color: #999;}
  .zmhd .lxxd .letter-list.res li .c-topic{margin-bottom: .3125em;}
  .zmhd .lxxd .letter-list.res li .c-topic a{white-space: normal;}
  .zmhd .lxxd .letter-list.res li .c-status:before{display: inline-block; content: "办理状态：";}
  .zmhd .lxxd .letter-list.res li .c-time:before{display: inline-block; content: "提交时间：";}
  .zmhd .lxxd .letter-list.res li{border-bottom: 1px solid #edf6ff;}
}
.zmhd .zjdc{position: relative; padding: 20px; background: #f4fafe;}
.zmhd .zjdc .swiper-fluid{padding: 10px 15px 15px; background: #fff; border: 1px solid #d6e8ff; box-shadow: 3px 3px 15px rgba(104,158,227,.15);}
.zmhd .zjdc .swiper-slide dl{position: relative;}
.zmhd .zjdc .swiper-slide dl dt{position: absolute; top: 5px; left: 0; width: 4.2em; height: 36px; background: #c74646; border-radius: 5px 5px 0 5px;}
.zmhd .zjdc .swiper-slide dl dt span{display: block; text-align: center; line-height: 36px; color: #fff;}
.zmhd .zjdc .swiper-slide dl dt:after{position: absolute; bottom: 0; right: -10px; content: ""; width: 0; height: 0; overflow: hidden; border: 10px solid transparent; border-bottom-color: #c74646;}
.zmhd .zjdc .swiper-slide dl dd{margin-left: 5.5em;}
.zmhd .zjdc .swiper-slide dl dd .caption{line-height: 1.6em; margin-bottom: .5em;}
.zmhd .zjdc .swiper-slide dl dd .caption .elli-m{height: 3.2em;}
.zmhd .zjdc .swiper-slide dl dd .desc p{color: #999;}
.zmhd .zjdc .swiper-slide dl dd .desc p b{font-weight: normal;}
.zmhd .zjdc .swiper-slide dl dd .desc p .etime{display: none;}
.zmhd .zjdc .swiper-pagination{top: -40px; width: auto;}
.zmhd .zjdc .swiper-pagination .swiper-pagination-bullet{width: 18px; height: 6px;}
.zmhd .zjdc .swiper-pagination .swiper-pagination-bullet-active{width: 26px;}
.zmhd .zjdc .swiper-pagination .swiper-pagination-switch{width: 18px; height: 6px;}
@media (max-width:1280px){
  .zmhd .zjdc{padding: 1px;}
  .zmhd .zjdc > .hd{padding: 10px 10px 0;}
  .zmhd .zjdc .swiper-fluid{padding: 0; background: none; border: none; box-shadow: none;}
  .zmhd .zjdc .swiper-container{margin-right: -7px; margin-left: -8px;}
  .zmhd .zjdc .swiper-slide dl{margin-right: 7px; margin-left: 8px; padding: 25px 15px 15px; margin-bottom: 1px; background: #fff; border: 1px solid #d6e8ff;}
  .zmhd .zjdc .swiper-slide dl dt{top: -1px; left: -1px; height: 22px; border-radius: 0 10px 0 10px;}
  .zmhd .zjdc .swiper-slide dl dt span{line-height: 22px; font-size: .875em;}
  .zmhd .zjdc .swiper-slide dl dt:after{content: normal;}
  .zmhd .zjdc .swiper-slide dl dd{margin-left: 0;}
}


.ztzl{position: relative; padding-top: 40px; padding-bottom: 40px; padding-left: 5.25em; font-size: 1.75em; border-top: 1px solid #c1d0f6;}
.ztzl .hd{position: absolute; top: 50%; left: 0; margin-top: -.75em;}
.ztzl .hd a{display: block; font-family: "SourceHanSerifCN"; line-height: 1.5em; color: #333;}
.ztzl .hd a span{display: inline-block; padding: 0 .5em; margin: 0 .125em; color: #fff; border-radius: .5em 0 .5em 0; background: #c74646;}
.ztzl .swiper-fluid{margin-left: 30px;}
.ztzl .swiper-container{margin-right: -10px; margin-left: -10px;}
.ztzl .swiper-slide .itm{display: block; margin-right: 10px; margin-left: 10px; text-align: center; padding: 15px 0 15px 15px; font-size: 16px; background: #f0f6ff;}
.ztzl .swiper-slide .itm span{display: inline-block; position: relative; padding-left: 90px; padding-right: 10px; height: 70px; line-height: 70px;}
.ztzl .swiper-slide .itm span img{position: absolute; top: 50%; left: 0; margin-top: -35px; width: 70px; height: 70px;}
.ztzl .swiper-slide .itm span font{display: inline-block; vertical-align: middle; text-align: left; margin-top: -3px; line-height: 1.5; font-size: 16px; color: #000; max-height: 72px; overflow: hidden;}
@media (max-width:1500px){
  .ztzl{padding-top: 35px; padding-bottom: 35px; font-size: 1.5em;}	
}
@media (max-width:1280px){
  .ztzl{padding-top: 30px; padding-bottom: 30px; padding-left: 0; font-size: 1.375em;}	
  .ztzl .hd{position: static; margin-top: 0; margin-bottom: 25px; text-align: center;}
  .ztzl .swiper-fluid{margin-left: 0;}
  .ztzl .swiper-container{margin-right: -7px; margin-left: -8px;}
  .ztzl .swiper-slide .itm{margin-right: 7px; margin-left: 8px;}
}
@media (max-width:992px){
  .ztzl .swiper-slide .itm{padding: 10px;}
  .ztzl .swiper-slide .itm span{padding-left: 55px; height: 60px; line-height: 60px;}
  .ztzl .swiper-slide .itm span img{margin-top: -20px; width: 40px; height: 40px;}
}
@media (max-width:414px){
  .ztzl{font-size: 1.25em;}	
}


.midbanner .swiper-slide{background: #fff;}
.midbanner .swiper-slide dl .place{padding-top: 8.25%;}
@media (max-width:768px){
  .midbanner .swiper-slide dl .place{padding-top: 11.25%;}
  .midbanner .swiper-slide dl .place .pic{left: -15%;}
}
@media (max-width:450px){
  .midbanner .swiper-slide dl .place{padding-top: 18.75%;}
  .midbanner .swiper-slide dl .place .pic img{object-fit: fill;}
}