﻿@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-zcjdxq-container{padding-top: 0;} */
.zdly-zcjdxq-container .innerpage{background: #fff; padding: 20px;}
.zdly-zcjd-list ul li .box{position: relative; border: #e8edf4 4px solid; border-bottom: none;}
.zdly-zcjd-list ul li h4{padding: 60px 20px 0; height: 144px; margin-bottom: 8px; font-size: 1.125em; line-height: 2; overflow: hidden;}
.zdly-zcjd-list ul li h4 a{color:#21518d;}
.zdly-zcjd-list ul li .box:after{content: ''; width: 25px; padding: 0 12px; height: 23px; position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; background: url(../images/zdly/zdly_icon_star.png) no-repeat center center #fff;}
.zdly-zcjd-list ul li .box:before{content: ''; height: 2px; width: 60%; position: absolute; left: 0; right: 0; top: 30px; margin: 0 auto; background: #1c4d8c;}
.zdly-zcjd-list .xx{margin: 0 -4px; position: relative; padding-top: 20px; overflow: hidden;}
.zdly-zcjd-list .xx a{display: block; padding:42px 0; background: #b7d1f6; color: #21518d; font-size: 1.25em; text-align: center; font-weight: bold;}
.zdly-zcjd-list .xx a:before{content: ''; width: 50%; position: absolute; right: -8px; top: 0; height: 20px; background: #b7d1f6; transform:skewX(-30deg); -webkit-transform:skewX(-30deg); -o-transform:skewX(-30deg);}
.zdly-zcjd-list .box:hover{background: #f4f6f9;}
.zdly-zcjd-list .box:hover:after{background-color:#f4f6f9;}
.zdly-zcjd-list .box:hover .xx a{background: #21518d; color: #fff;}
.zdly-zcjd-list .box:hover .xx a:before{background: #21518d;}

.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{margin-bottom: 40px; background: url(../images/zdly/zdly_zcjd_xq_titlebg.jpg) no-repeat center bottom; color: #fff; text-align: center; background-size: 100% 100%;}
.zdly-zcjdxq-profile h1{font-size: 2.25em; padding: 46px 50px 15px; line-height: 1.5;}
.zdly-zcjdxq-profile .time{font-size: 1.125em; display: block; margin-bottom: 34px;}
.zdly-zcjdxq-profile .url{display: inline-block; padding: 0 28px; height: 48px; line-height: 48px; font-size: 1.5em; color: #215092; border: #215092 1px solid; border-radius: 10px; background: #fff; margin-bottom: 80px;}
.zdly-zcjdxq-profile .url:hover{background: #215092; color: #fff;}
.zdly-zcjdxq-item{padding:12px; position: relative; border-top: #4d7ec6 12px solid; background: #f4f6f9; display: none;}
.zdly-zcjdxq-item:after{content: ''; width: 47px; height: 47px; position: absolute; right: 0; bottom: 0; background: url(../images/zdly/zdly_icon_fy.png) no-repeat;}
.zdly-zcjdxq-item + .zdly-zcjdxq-item{margin-top: 24px;}
.zdly-zcjdxq-item .box{padding:35px 30px; position: relative; background: #fff;}
.zdly-zcjdxq-item .url{position: absolute; right: 120px; top:0; bottom: 0; margin: auto 0; width: 178px; height: 62px; line-height: 62px; background: #e8edf4; border: #d3dce9 1px solid; 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 80px 0 90px;}
.zdly-zcjdxq-item .icon img{display: block;}
.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: 24px; 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: 35px auto 30px;}
.zdly-zcjdxq-mtjd .tit h2{text-align: center; font-size: 2.25em; font-weight: bold;}
.mtjd-scroll{float: right; width: 57.54%; background: #ffffff;}
.mtjd-scroll .owl-carousel{border: #c0cee0 1px solid; border-left: none; height: 234px;}
.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: #d3dce9 1px solid; color: #215092; text-align: center;}
.mtjd-scroll .item .url:hover{background: #dde6f2;}
.mtjd-scroll .owl-carousel{position: static;}
.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;}


/* 适老化 */
body.older .zdly-zcjdxq-profile .url{padding: 10px 28px;}

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-item .url,
body.older .mtjd-scroll .item .url{width: auto;padding: 0 15px;}
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 .zdly-zcjdxq-item .icon{margin: 0 30px;}
body.older .zdly-zcjdxq-item .icon img{width: 100px;}
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: 1480px){
  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: 1200px){
  .zdly-zcjdxq-item .icon{margin-left: 0;}
  .zdly-zcjdxq-item .icon img{width: 100px;}
  .zdly-zcjdxq-item .url{right: 30px;height: 48px;line-height: 48px;}
  .zdly-zcjdxq-mtjd .box{border: 0;}
  .zdly-zcjdxq-mtjd .tit{float: none; width: 100%; }
  .mtjd-scroll{float: none; width: 100%;}
  .mtjd-scroll .owl-carousel{position: relative; border: 0;}
}

@media (max-width: 992px){
  body.older .zdly-zcjdxq-item .icon img,
  .zdly-zcjdxq-item .icon img{width: 70px;}
  .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;}

  body.older .zdly-zcjdxq-item .url, 
  body.older .mtjd-scroll .item .url{display: none;}


  .zdly-zcjd-tpjd ul li{width: 50%;}

  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;}
  body.older .zdly-zcjd-list ul li h4
}

@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-item{border-top-width: 3px;}
  .zdly-zcjdxq-item .icon img, 
  .zdly-zcjdxq-mtjd .tit img{width: 40px;}
  .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 .intit{height: 140px;}
  .zdly-zcjdxq-mtjd .tit img{margin: 25px auto 20px;}

  body.older .zdly-zcjdxq-item .icon img, 
  body.older .zdly-zcjdxq-mtjd .tit img{width: 60px;}
  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;}

}

@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,
  body.older .zdly-zcjd-tpjd ul li .txt h4{height: auto;}
  .mtjd-scroll .item h4{font-size: 1em; line-height: 1.8; height: 86px;}
  .mtjd-scroll .owl-carousel{height: auto;}
  .mtjd-scroll .item{padding-bottom: 25px;}
  
}

@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;}

  body.older .zdly-zcjdxq-item .box{text-align: center;}
  body.older .zdly-zcjdxq-item .icon{display: block;margin: 0 auto 20px;}
  body.older .zdly-zcjdxq-item .icon img{margin: 0 auto;}
}

@media (max-width: 480px){
  .zdly-zcjdxq-item .box{padding-left: 20px;}
  /* .zdly-zcjdxq-item .url{right: 20px;} */
}



