@charset "utf-8";
.zdly-sidebar .parentname{font-size: 1.75em;}
@media (max-width: 1200px){
  .zdly-sidebar .parentname{font-size: 1.5em;}
}
body.older .zdly-sidebar .parentname{font-size: 1.5em;}

.zdly-links-pic{margin-top: 35px;}
.zdly-links-pic li a{display: block; border: #e0e0e0 1px solid; overflow: hidden;}
.zdly-links-pic li a img{display: block; width: 100%;}
.zdly-links-pic li + li{margin-top: 24px;}

/* 基层政务公开标准化规范化集成展示 */
.jbzwgk-list ul{margin-left: -15px; margin-right: -15px;}
.jbzwgk-list li{float: left; width: 50%;}
.jbzwgk-list li a{display: block; margin: 0 15px 30px; position: relative; height: 0; overflow: hidden; padding-bottom: 33.333%;}
.jbzwgk-list li a img{display:block; position: absolute; left: 0; top: 0; width:100%; height:100%;}
.jbzwgk-list li a span{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; font-size: 1.375em;}

@media (max-width: 768px){
  .jbzwgk-list li{ width: 100%;}
}


/* 政策解读 */
.zdly-zcjd-list ul li .box{position: relative; border: #e8edf4 4px solid; border-bottom: none;}
.zdly-zcjd-list ul li h4{margin: 50px 20px 28px; height: 90px; line-height: 1.875; overflow: hidden;}
.zdly-zcjd-list ul li .box:before{content: ''; position: absolute; left: 0; right: 0; top: 22px; margin: 0 auto; width: 80px; height: 9px; border-radius: 5px; background: #D0E0F2;}
.zdly-zcjd-list .xx{margin: 0 -4px; position: relative; overflow: hidden;}
.zdly-zcjd-list .xx a{display: block; padding:47px 0 27px; background: #b7d1f6; color: #21518d; text-align: center; font-weight: bold;}
.zdly-zcjd-list .xx a:before{content: ''; width: 50%; position: absolute; left: 0; right: 0; top: 0; height: 20px; margin: 0 auto; background: #fff; transform: perspective(100px) rotateX(-20deg); margin-top: -1px;}
.zdly-zcjd-list .box:hover{background: #f4f6f9;}
.zdly-zcjd-list .box:hover .xx a{background: #21518d; color: #fff;}
.zdly-zcjd-list .box:hover .xx a:before{background: #F4F6F9;}

.zdly-list-col2 ul{padding-top: 10px; margin: 0 -12px;}
/* .zdly-list-col2 ul li{float: left; width: 50%;} */
/* .zdly-list-col2 ul li .box{margin: 0 12px 24px;} */
.zdly-zcjd-wzjd ul li .box{padding:12px; border: #d2dbe8 6px solid; background: #f4f6f9;}
.zdly-zcjd-wzjd dl dd{padding: 3px 0; color: #777777; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zdly-zcjd-wzjd ul li h4{line-height: 30px; font-size: 1.125em; height: 60px; overflow: hidden; margin-bottom: 15px;}
.zdly-zcjd-wzjd .box:hover{background: #21518d; color: #fff; border-color: #21518d;}
.zdly-zcjd-wzjd .box:hover a, .zdly-zcjd-wzjd .box:hover dd{color: #fff;}
.zdly-zcjd-wzjd h4 a:hover{text-decoration: underline;}

.zdly-zcjd-mtjd ul li .box{padding:0 18px; height: 235px; position: relative; border-bottom: #215092 5px solid; background: #f3f5f8;}
.zdly-zcjd-mtjd ul li h4{line-height: 30px; padding-top: 15px; font-size: 1.125em; max-height: 90px; margin-bottom: 15px; overflow: hidden;}
.zdly-zcjd-mtjd ul li .date{color: #777777; display: block;}
.zdly-zcjd-mtjd ul li .xx{position: absolute; left: 18px; bottom: 20px; width: 126px; height: 38px; line-height: 38px; background: #e8edf4; border: #c9d4e4 1px solid; color: #215092; text-align: center;}
.zdly-zcjd-mtjd ul li .box:after{content: ''; width: 48px; height: 45px; position: absolute; right: 18px; bottom: 20px; background: url(../images/zdly/zdly_icon_mtjd.png) no-repeat; background-size: 100% 100%;}
.zdly-zcjd-mtjd ul li .xx:hover{background: #dce5f2;}

.zdly-zcjd-dhjd ul li .pic img{display: block; width: 100%; height: 100%;}
.zdly-zcjd-dhjd ul li .pic a{display: block; position: relative; height: 241px; overflow: hidden;}
.zdly-zcjd-dhjd ul li .pic a:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 48px; height: 48px; background: url(../images/zdly/zdly_icon_dhjd.png) no-repeat; background-size: 100% 100%;}
.zdly-zcjd-dhjd ul li .txt{padding:20px; background: #f4f6f9; line-height: 24px;}
.zdly-zcjd-dhjd ul li .txt h4{height:48px; overflow: hidden;}
.zdly-zcjd-tpjd ul {padding-top: 30px; margin: 0 -12px;}
.zdly-zcjd-tpjd ul li{float: left; width: 33.3333%;}
.zdly-zcjd-tpjd ul li .box{background: #f4f6f9; padding: 10px; margin: 0 12px 24px;}
.zdly-zcjd-tpjd ul li .pic img{display: block; width: 100%; height: 100%;}
.zdly-zcjd-tpjd ul li .pic a{display: block; height: 290px; overflow: hidden;}
.zdly-zcjd-tpjd ul li .txt{line-height: 24px; padding: 15px 0 5px;}
.zdly-zcjd-tpjd ul li .txt h4{height:48px; overflow: hidden;}

.zdly-zcjd-ftjd ul li{margin-top: 24px;}
.zdly-zcjd-ftjd ul li .box{ background: #f4f6f9; position: relative; height: 128px; border:#f4f6f9 1px solid;}
.zdly-zcjd-ftjd ul li .pic{position: absolute; left: 0; top: 0; bottom: 0;}
.zdly-zcjd-ftjd ul li .pic a{display: block; width: 228px; height: 128px; overflow: hidden;}
.zdly-zcjd-ftjd ul li .pic img{display: block; width: 100%; height: 100%;}
.zdly-zcjd-ftjd ul li .txt{margin-left: 248px; margin-right: 20px;}
.zdly-zcjd-ftjd ul li .txt h4{padding: 25px 0; overflow: hidden;font-size: 1.125em;}
.zdly-zcjd-ftjd ul li .txt h4 a{float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1em; font-weight: bold; max-width: 100%;}
.zdly-zcjd-ftjd ul li .txt .date{color: #777777;}
.zdly-zcjd-ftjd ul li .txt .xx{position: absolute; right: 20px; bottom: 20px;width: 126px; height: 38px; line-height: 38px; background: #e8edf4; border: #c9d4e4 1px solid; color: #215092; text-align: center;}
.zdly-zcjd-ftjd ul li .xx:hover{background: #dce5f2;}

.zdly-zcjdxq-profile{background: url(../images/zdly/zdly_zcjd_xq_titlebg.png) no-repeat center bottom; color: #fff; text-align: center; background-size:cover;}
.zdly-zcjdxq-profile h1{font-size: 2.25em; padding: 46px 50px 15px; line-height: 1.5; font-weight: bold;}
.zdly-zcjdxq-profile .time{font-size: 1.125em; display: block; margin-bottom: 20px;}
.zdly-zcjdxq-profile .url{display: inline-block; width: 468px; height: 78px; line-height: 78px; font-size: 2em; color: #2458CC; background: url(../images/zdly/zdly_zcjd_xq_link.png) no-repeat; background-size: 100% 100%; margin-bottom: 80px;}
/* .zdly-zcjdxq-profile .url:hover{background: #215092; color: #fff;} */

.zdly-zcjdxq-items{border-radius: 30px; padding: 30px; background: #F2F8FF; margin-top: -30px;}
.zdly-zcjdxq-item{position: relative; border-left: #4e7ec6 10px solid; display: none; border-radius: 10px; overflow: hidden;}
.zdly-zcjdxq-item + .zdly-zcjdxq-item{margin-top: 35px;}
.zdly-zcjdxq-item .box{padding:0 30px; position: relative; background: #fff;}
.zdly-zcjdxq-item .url{position: absolute; right: 120px; top:0; bottom: 0; margin: auto 0; padding: 0 25px; height: 62px; line-height: 62px; background: #E8EDF4; border-radius: 32px; font-size: 1.25em; color: #215092; text-align: center;}
.zdly-zcjdxq-item .url:hover{background: #dde6f2;}
.zdly-zcjdxq-item .icon{display: inline-block; vertical-align: middle; margin:0 30px 0 20px;}
.zdly-zcjdxq-item .icon img{display: block; width: 180px;}
.zdly-zcjdxq-item h2{display: inline-block; vertical-align: middle; font-size: 2.25em; color: #333333; font-weight: bold;}
.zdly-zcjdxq-mtjd{background: #e8edf4; overflow: hidden; margin-top: 35px; display: none;}
.zdly-zcjdxq-mtjd .box{margin: 48px 130px; position: relative; border-left: #4d7ec6 12px solid;}
.zdly-zcjdxq-mtjd .tit{float: left; width: 42.46%; background: #f4f6f9; overflow: hidden;}
.zdly-zcjdxq-mtjd .intit{background: #fff; margin: 10px 10px 10px; height: 216px; overflow: hidden;}
.zdly-zcjdxq-mtjd .tit img{display: block; margin: 0 auto; width: 150px;}
.zdly-zcjdxq-mtjd .tit h2{text-align: center; font-size: 2.25em; font-weight: bold; margin-top: -15px;}
.mtjd-scroll{float: right; width: 57.54%; background: #ffffff;}
.mtjd-scroll .owl-carousel{height: 236px;}
.mtjd-scroll .item{padding: 0 25px;width: auto;}
.mtjd-scroll .item h4{font-size: 1.5em; line-height: 36px; padding-top: 32px; height: 108px; overflow: hidden; margin-bottom: 26px;}
.mtjd-scroll .item .time{color: #777777; float: left; line-height: 40px;}
.mtjd-scroll .item .url{float: right; width: 126px; height: 38px; line-height: 38px; background: #E8EDF4; border-radius: 19px; color: #215092; text-align: center;}
.mtjd-scroll .item .url:hover{background: #dde6f2;}
.mtjd-scroll .owl-carousel{position: static;}
/* .mtjd-scroll .owl-carousel .owl-nav.disabled{display: block;} */
.mtjd-scroll .owl-nav .owl-prev,
.mtjd-scroll .owl-nav .owl-next{position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; background: url(../images/zdly/zdly_zcjd_icon_arrow.png) no-repeat!important;}
.mtjd-scroll .owl-nav .owl-prev{left: -88px;}
.mtjd-scroll .owl-nav .owl-next{background-position: -40px 0!important; right: -76px;}

.zdlyxxkg-ybzlm ul li{width: 32.333%;float: left;margin: 0 1% 25px 0;}
.zdlyxxkg-ybzlm ul li a{display: block;border:1px solid #ccc;height: 60px;line-height: 60px;text-align: center;font-size: 1.125em;padding: 0 10px;position: relative;
max-width: 100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;}
.zdly-ggsydw-item .page-infolist{margin-bottom: 25px;}


@media (max-width: 1500px){

}

@media (max-width: 1280px){
  .zdly-zcjdxq-profile .url{display: inline-block; width: auto; font-weight: normal; padding: 0 28px; height: 48px; line-height: 48px; font-size: 1.5em; color: #215092; border: #215092 1px solid; border-radius: 24px; background: #fff; margin-bottom: 80px;}
  .zdly-zcjdxq-mtjd .tit h2,
  .zdly-zcjdxq-item h2{font-size: 1.875em;}
  .zdly-zcjdxq-item .icon{margin-left: 0;}
  .zdly-zcjdxq-item .icon img,
  .zdly-zcjdxq-mtjd .tit img{width: 120px;}
  .zdly-zcjdxq-item .url{right: 30px;height: 48px;line-height: 48px; font-size: 1.125em; width: 148px;}
  .zdly-zcjdxq-mtjd .box{border: 0;}
  .zdly-zcjdxq-mtjd .tit{float: none; width: 100%;}
  .zdly-zcjdxq-mtjd .intit{height: auto; padding-bottom: 30px;}
  .mtjd-scroll{float: none; width: 100%;}
  .mtjd-scroll .owl-carousel{position: relative; border: 0;}
  .zdly-zcjdxq-item + .zdly-zcjdxq-item{margin-top: 20px;}
  .zdly-zcjdxq-mtjd{margin-top: 20px;}
}

@media (max-width: 992px){
  .zdly-zcjdxq-item .icon img{width: 100px;}
  .zdly-zcjdxq-item .icon{margin-right: 30px;}
  .zdly-zcjdxq-profile h1,
  .zdly-zcjdxq-item h2,
  .zdly-zcjdxq-mtjd .tit h2{font-size: 1.75em;}
  .zdly-zcjdxq-item .url{width: 126px; height: 38px; line-height: 38px; font-size: 1em;}
  .zdly-zcjdxq-mtjd .box{margin: 30px;}
  .mtjd-scroll .owl-nav .owl-prev,
  .mtjd-scroll .owl-nav .owl-next{box-shadow:0 0 15px 2px rgba(0,0,0,0.3); border-radius: 50%;}
  .mtjd-scroll .owl-nav .owl-prev{left: -20px;}
  .mtjd-scroll .owl-nav .owl-next{right: -20px;}

  .zdly-zcjdxq-profile .url{font-size: 1.125em;}

  .zdly-zcjd-tpjd ul li{width: 50%;}
}

@media (max-width: 768px){
  .zdly-list-col2 ul li{width: 100%;}
  .zdly-zcjd-list ul li h4{height: auto; margin-bottom: 40px;}
  .zdly-zcjd-wzjd ul li h4{height: auto; margin-bottom: 10px;}
  .zdly-zcjd-mtjd ul li .box{height: auto; padding-bottom: 100px;}
  .zdly-zcjd-mtjd ul li h4{max-height: none;}
  .zdly-zcjd-dhjd ul li .pic a{height: auto;}
  .zdly-zcjd-dhjd ul li .txt h4{height: auto;}
  .zdly-zcjd-ftjd ul li .box{height: auto;}
  .zdly-zcjd-ftjd ul li .pic{position: static;}
  .zdly-zcjd-ftjd ul li .pic a{width: 100%; height: auto;}
  .zdly-zcjd-ftjd ul li .txt{margin: 0; padding: 20px; overflow: hidden;}
  .zdly-zcjd-ftjd ul li .txt h4{padding: 0 0 10px;}
  .zdly-zcjd-ftjd ul li .txt h4 a{float: none; white-space: normal;}
  .zdly-zcjd-ftjd ul li .txt .date{display: block; margin-bottom: 20px;}
  .zdly-zcjd-ftjd ul li .txt .xx{position: static; float:right;}

  .zdly-zcjdxq-profile{background-size: auto 100%;}
  .zdly-zcjdxq-profile h1{padding-left: 20px; padding-right: 20px; font-size: 1.75em;}
  .zdly-zcjdxq-profile .time{font-size: 1em;}

  .zdly-zcjdxq-profile h1, .zdly-zcjdxq-item h2, .zdly-zcjdxq-mtjd .tit h2{font-size: 1.25em;}
  .zdly-zcjdxq-items{padding: 0;}
  .zdly-zcjdxq-item{border-top-width: 3px;}
  .zdly-zcjdxq-item .icon img, 
  .zdly-zcjdxq-mtjd .tit img{width: 80px;}
  .zdly-zcjdxq-item .icon{margin-right: 20px;}
  .zdly-zcjdxq-item .url,
  .mtjd-scroll .item .url{width: 100px; height: 28px; line-height: 28px; font-size: .875em;}
  .mtjd-scroll .item h4{font-size: 1.125em;}
  .zdly-zcjdxq-mtjd .tit img{margin: 25px auto 20px;}

}

@media (max-width: 640px){
  .zdly-zcjd-tpjd ul li{width: 100%;}
  .zdly-zcjd-tpjd ul li .box,
  .zdly-zcjd-tpjd ul li .pic a,
  .zdly-zcjd-tpjd ul li .txt h4{height: auto;}
  
}

@media (max-width:520px){
  .zdly-zcjd-ftjd ul li .txt .xx{float: none;display: block;}
  .zdly-zcjdxq-item .url,.mtjd-scroll .item .url{display: none;}
  .zdly-zcjdxq-mtjd .box{margin: 12px;}
  .mtjd-scroll .owl-nav .owl-prev{left: -10px;}
  .mtjd-scroll .owl-nav .owl-next{right: -10px;}
}

@media (max-width: 480px){
  .zdly-zcjdxq-item .box{padding-left: 20px;}
  /* .zdly-zcjdxq-item .url{right: 20px;} */
  .zdlyxxkg-ybzlm ul li {  width: 47%;  margin: 0 3% 25px 0;}
}



/* 适老化 */
body.older .zdly-zcjdxq-profile .url{padding: 10px 28px; width: 740px;}
body.older .zdly-zcjdxq-profile h1,
body.older .zdly-zcjdxq-item h2,
body.older .zdly-zcjdxq-mtjd .tit h2{font-size: 1.7em;}
body.older  .zdly-zcjd-list .xx a,
body.older .zdly-zcjdxq-item .url{font-size: .85em;}
body.older .zdly-zcjdxq-mtjd .box{border: 0;}
body.older .zdly-zcjdxq-mtjd .tit{float: none; width: 100%; }
body.older .zdly-zcjdxq-item .url{right: 60px;}
body.older .mtjd-scroll{float: none; width: 100%;}
body.older .mtjd-scroll .owl-carousel{position: relative; border: 0;}
body.older .mtjd-scroll .item .url{padding: 5px 15px;}
body.older .mtjd-scroll .item h4{line-height: 1.3;}
body.older .zdly-zcjd-wzjd ul li .attr{font-size: .875em;}
body.older .zdly-zcjd-wzjd ul li h4,
body.older .zdly-zcjd-mtjd ul li h4{height: 83px;line-height: 1.3;}
body.older .zdly-zcjd-mtjd ul li .xx,
body.older .zdly-zcjd-ftjd ul li .txt .xx{width:auto;height: auto;line-height: 1.3; padding: 8px 15px;}
body.older .zdly-zcjd-tpjd ul li .txt h4{height: 110px;line-height: 1.3;}
body.older .zdly-zcjd-ftjd ul li .box{height: 180px;}
body.older .zdly-zcjd-ftjd ul li .pic a{width: 320px;height: 100%;}
body.older .zdly-zcjd-ftjd ul li .txt{margin-left: 350px;}
body.older .zdly-zcjd-dhjd ul li .txt{line-height: 1.3;}
body.older .zdly-zcjd-dhjd ul li .txt h4{height: 72px;}
body.older .zdly-zcjd-list ul li h4{height: 140px;margin-bottom: 12px;line-height: 1.45;}

@media (max-width: 1500px){
  body.older .zdly-zcjd-ftjd ul li .box{height: 160px;}
  body.older .zdly-zcjd-ftjd ul li .pic a{width: 260px;}
  body.older .zdly-zcjd-ftjd ul li .txt{margin-left: 280px;}
}
@media (max-width: 1280px){
  body.older .zdly-zcjdxq-profile .url{width: auto;}
}

@media (max-width: 992px){
  body.older .zdly-zcjdxq-item .url, 
  body.older .mtjd-scroll .item .url{display: none;}
  body.older .zdly-list-col2 ul li{width: 100%;float: none;}
  body.older .zdly-zcjd-ftjd ul li .box{height: auto;}
  body.older .zdly-zcjd-ftjd ul li .pic{position: static;}
  body.older .zdly-zcjd-ftjd ul li .pic a{width: 100%; height: auto;}
  body.older .zdly-zcjd-ftjd ul li .txt{margin: 0; padding: 20px; overflow: hidden;}
  body.older .zdly-zcjd-ftjd ul li .txt h4{padding: 0 0 10px;}
  body.older .zdly-zcjd-ftjd ul li .txt h4 a{float: none; white-space: normal;}
  body.older .zdly-zcjd-ftjd ul li .txt .date{display: block; margin-bottom: 20px;}
  body.older .zdly-zcjd-ftjd ul li .txt .xx{position: static; float:right;}
  body.older .zdly-zcjd-dhjd ul li .txt h4{height: auto;}
}

@media (max-width: 768px){
  body.older .zdly-zcjdxq-profile h1, 
  body.older .zdly-zcjdxq-item h2, 
  body.older .zdly-zcjdxq-mtjd .tit h2{font-size: 1.25em;}
  body.older .zdly-zcjdxq-profile .url{padding: 2px 28px;}
  body.older .zdly-zcjd-tpjd ul li .txt h4{height: 52px;}

}




/* zdly.html */
.zdly-bg{background: url(../images/zdly/bg.png) no-repeat center top; background-size: 1920px;}
.zdly-banner img{display: block; width: 100%;}
.zdly-maincont{background: #fff; border-radius: 10px; padding: 30px; box-shadow: 0px 0px 8px 4px rgba(168, 195, 227, 0.2); position: relative;}
.zdly-maincont:before,
.zdly-maincont:after{content: ''; opacity: 0.4; border-radius: 10px 10px 0 0; position: absolute; bottom: 100%; background: #FFFFFF; display: block;}
.zdly-maincont:before{height: 40px; left: 60px; right: 60px;}
.zdly-maincont:after{height: 20px; left: 30px; right: 30px;}
.zdly-nav-iconmenu li .box{height: 100px; background: #F4F9FE; position: relative; display: flex; align-items: center;}
.zdly-nav-iconmenu li .icon img{height: 40px; position: absolute; top: 0; bottom: 0; left: 37px; margin: auto 0;}
.zdly-nav-iconmenu li .txt{margin-left: 100px; margin-right: 25px; font-size: 1.25em; line-height: 1.3;}
@media (max-width: 1500px){
  .zdly-nav-iconmenu li .icon img{left: 20px;}
  .zdly-nav-iconmenu li .txt{margin-left: 85px;}
  .zdly-nav-iconmenu li .txt{font-size: 1.125em;}
}

@media (max-width: 1280px){
  .zdly-maincont{padding: 20px;}
}
@media (max-width: 768px){
  .zdly-nav-iconmenu li .box{display: block; height: 120px; padding: 15px;}
  .zdly-nav-iconmenu li .icon img{position: static;}
  .zdly-nav-iconmenu li .icon{display: block; padding-top: 10px;}
  .zdly-nav-iconmenu li .icon img{margin: 0 auto 10px; display: block;}
  .zdly-nav-iconmenu li .txt{margin:0; text-align: center; font-size: 1em;}
}
/* older */
@media (min-width:768px){
  body.older .zdly-nav-iconmenu li{width: 33.3333%;}
  body.older .zdly-nav-iconmenu li .box{height: 150px;}
  body.older .zdly-nav-iconmenu li .icon img{width: 100px;}
  body.older .zdly-nav-iconmenu li .txt{margin-left: 150px;}
}