@charset "utf-8";
.zcwj-wid1500{
    width: 1500px;
    margin: 0 auto;
}

/* 头部 */
.zcwj-head{
    height: 527px;
    background: url(../images/zwgk/zcwj-banner.png)no-repeat top center;
}
.zcwj-logo{
    display: inline-block;
    margin-top: 82px;
    margin-left: 25px;
}
.zcwj-tits{
    margin-top: 141px;
     margin-left: 25px;
}


/*  主体内容 */
.zcwj-contaner{
    background-color: #ffffff;
    margin-top: -40px;
    padding: 26px 44px;
}
/* 当前位置 */
.zcwj-dqwz {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
}
.zcwj-dqwz span{
    color: #666666;
    margin-right: 10px;
}
.zcwj-dqwz span i{
    font-style: normal;
    margin-left: 8px;
    margin-right: 5px;
}
.zcwj-dqwz a{
    color: #065099;
}
.zcwj-hr,
.zcwj-hr01{
    width: 100%;
    height: 4px;
	background-color: #19b1c1;
    line-height: 4px;
    position: relative;
}
.zcwj-hr::before,
.zcwj-hr01::before{
   content: '';
    width: 8%;
    height: 4px;
    background-color: #105a9c;
    position: absolute;
    left: 0 ;
    top: 0;
}
.zcwj-hr01::before{
    width: 50%;
}


.zcwj-listbox{
    margin-top: 30px;
}

/* 政策文件 */

.doc_search{
    text-align: center;
    margin-top: 20px;
    padding-bottom: 32px;
}
.doc_search input{
    width: 415px;
	height: 63px;
	background-color: #f4f4f4;
	border-radius: 32px;
    border: none;
    outline-style: none;
    font-size: 18px;
    padding-left: 68px;
    background-image:url(../images/zwgk/zcwj-fdj.png);
    background-repeat: no-repeat;
    background-position: 20px center;
}
.doc_search button{
    	width: 161px;
	height: 63px;
	background-color: #105a9c;
	border-radius: 32px;
    border: none;
    color: #fff;
    outline-style: none;
    font-size: 18px;
    margin-left: 21px;
}
.doc_left{
    float: left;
    width: 316px;
}
.doc_left h5{
    width: 100%;
    height: 80px;
    background: url(../images/zwgk/zcwj-dhflbg.png)no-repeat;
    line-height: 80px;
    text-indent: 28px;
    font-size: 26px;
    color: #ffffff;
}
.doc_nav{
    margin-top: 10px;
    border: solid 2px #f0f3f6;
    border-radius:16px;
    
}
.doc_nav h6{
    width: 100%;
    height: 55px;
	background-color: #f0f3f6;
	border-radius: 16px 16px 0px 0px;
    color: #0c5491;
    font-size: 20px;
    line-height: 55px;
    text-indent: 28px;
}
.doc_nav ul{

    padding: 16px 0;
}
.doc-nav-ul{
    height: 98px;
    overflow: hidden;
}

.doc_nav li{
    font-size: 18px;
    text-indent: 48px;
    line-height: 40px;
    background-image:url(../images/zwgk/zcwj-dian03.png);
    background-repeat: no-repeat;
    background-position: 32px center;
}
.doc_nav li a{
    color: #2c2c2c;
}

.doc-nav-zk{
    text-align: center;
    cursor: pointer;
    margin-bottom: 17px;
}

.doc-nav-zkon img{
    transform:rotate(180deg) ;
}
.doc_right{
    float: left;
    margin-left: 36px;
    width: 75%;
}
.doc-th{
    background-color: #f0f3f6;
	border-radius: 16px 16px 0px 0px;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #0c5491;
    font-weight: bold;
}
.doc-number,
.doc-tit,
.doc-num,
.doc-date{
    float: left;
    text-align: center;
}


.doc-number{
    width: 15%;
}
.doc-tit{
    width: 45%;
    padding-right: 15px;
}
.doc-num{
    width: 22%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.doc-date{
    width: 18%;
}

.doc-th .doc-number{
    border-bottom: 4px solid #105a9c;
}
.doc-th .doc-tit{
    border-bottom: 4px solid #30b9e6;
}
.doc-th .doc-num{
    border-bottom: 4px solid #19b1c1;
}
.doc-th .doc-date{
    border-bottom: 4px solid #2888c4;
}

.doc-tbody li{
    height: 81px;
    line-height: 81px;
    font-size: 18px;
    color: #333333;
    margin-top: 16px;
}
.doc-tbody li .doc-tit{
    line-height: 40px ;
    text-align: left;
}
.doc-tbody li .doc-tit a{
        width: 100%;
        text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -moz-box;
      -moz-line-clamp: 2;
      -moz-box-orient: vertical;
      overflow-wrap: break-word;
      word-break: break-all;
      white-space: normal;
      overflow: hidden;
      color: #333333;
}
.doc-tbody li:nth-child(2n){
    background-color: #ebf5ff;
}







/* 文字列表 */
.wzlistul li{
    font-size: 18px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding-left: 57px;
    background-image:url(../images/zwgk/zcwj-dian02.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    padding-right: 39px;
}
.wzlistul li a{
    color: #333333;
    display: inline-block;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wzlistul li span{
    color: #969696;
    float: right;
}
.wzlistul li:nth-child(2n){
    background-color: #ebf5ff;
}

/* 图片列表 */

.pictureul li{
    
    width: 50%;
    float: left;
    height: 163px;
    border-bottom: solid 3px #f2f2f2;
    margin-bottom: 80px;
}

.pictureul .picture-img{
    float: left;
    width: 187px;
	height: 140px;
    overflow: hidden;
}
.pictureul .picture-title{
    float: left;
    width: 55%;
    margin-left: 20px;
    font-size: 18px;
    position: relative;
    height: 140px;
}
.pictureul .picture-title a{
    display: block;
    color: #333333;
    width: 100%;
    text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      display: -moz-box;
      -moz-line-clamp: 3;
      -moz-box-orient: vertical;
      overflow-wrap: break-word;
      word-break: break-all;
      white-space: normal;
      overflow: hidden;
}
.pictureul .picture-title  span{
    color: #969696;
   display: inline-block;
    position: absolute;
    bottom: 10px;
}

.pictureul li:nth-child(2n) .picture-title{  
        float: right;
}
.pictureul li:nth-child(2n) .picture-img{
    margin-left: 14%;
}
.pictureul li:last-child,
.pictureul li:nth-last-child(2){
    border: none;
}

/* 视频解读 */

.videoul li{
    width: 48%;
    height: 191px;
	background-color: #ffffff;
	box-shadow: 2px 3px 10px 2px 
		rgba(239, 244, 255, 0.58);
	border-radius: 8px;
	border: solid 1px #ececec;
    padding: 26px 21px 0 21px;
    float: left;
    margin-bottom: 51px;
}
.videoul li:nth-child(2n){
    float: right;
}
.videoli-img{
    width: 187px;
	height: 140px;
    float: left;
}
.videoli-img a{
    display: block;
    position: relative;
}
.videoli-img a::after{
    content: '';
    width: 116px;
    height: 116px;
    position: absolute;
    background: url(../images/zwgk/zcwj-dbf.png)no-repeat;
    top: 50%;
    left: 50%;
    margin-left: -58px;
    margin-top: -58px;
}


.videoli-img img{
    width: 100%;
    height: 100%;
    transition: all 0.4s linear;
}

.videoli-img a:hover img{
    transform:scale(1.1)
}


.video-tit{
    float: left;
    width: 66%;
    margin-left: 20px;
    font-size: 18px;
    color: #969696;
}
.video-tit a{
    display: block;
    color: #333333;
    width: 100%;
    margin-bottom: 15px;
    line-height: 36px;
    text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -moz-box;
      -moz-line-clamp: 2;
      -moz-box-orient: vertical;
      overflow-wrap: break-word;
      word-break: break-all;
      white-space: normal;
      overflow: hidden;

}
.video-tit span{

}
.video-tit span img{
    vertical-align: bottom;
}
.video-tit p{
    text-align: right;

}
/* 媒体 */
.mediaul li{
    overflow: hidden;
    padding-bottom: 16px;
    border-bottom: solid 3px #f2f2f2;
    margin-bottom: 31px;
}
.mediaul li:last-child{
    border: none;
}

.media-img{
    float: left;
    width: 246px;
	height: 140px;
}

.media-img img{
    width: 100%;
    height: 100%;
}
.media-title{
    float: left;
    width: 80%;
    margin-left: 21px;
}
.media-title>a{
    display: inline-block;
    width: 78%;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.media-title div{
    width: 78%;
    color: #7e7e7e;
    font-size: 14px;
    height: 64px;
    line-height: 20px;
    margin-top: 18px;
}
.media-title div a{
    color: #7e7e7e;
}
.media-title p{
    font-size: 18px;
    color: #969696;
    margin-top: 8px;
}
.media-title p span{
    float: right;
}



/* 响应式 */

@media (max-width: 1520px){
    .zcwj-wid1500{
        width: 1200px;
    }
    .zcwj-contaner{
        padding: 16px 40px;
    }
    .pictureul li:nth-child(2n) .picture-img{
        margin-left: 6%;
    }
    .videoul li{
        width: 48.5%;
    }
    .video-tit{
        width: 57%;
    }
    .media-title{
        width: 75%;
    }
    .doc_right{
        width: 765px;
    }
}

@media (max-width: 768px){
    .zcwj-wid1500{
            width: 100%;
    }
    .zcwj-head{
        text-align: center;
        padding: 0 10px;
        height: 380px;
    }
    .zcwj-logo,
    .zcwj-tits{
        margin-left: 0;
        margin-top: 40px;
    }
    .zcwj-tits{
    margin-top: 80px;
    }
    .zcwj-contaner{
        padding: 26px 10px;
    }
    /* 文字 */
    .wzlistul li{
        padding: 0;
        font-size: 16px;
        padding-left: 16px;
        height: 60px;
        line-height: 60px;
        background-position: 8px center;
    }
    .wzlistul li a{
        width: 75%;
    }
    .wzlistul li span{
        font-size: 14px;
    }

    /* 图片 */
    .pictureul li{
        width: 100%;
        float: none;
        height: 125px;
        margin-bottom: 24px;
    }

    .pictureul .picture-img{
        width: 140px;
        height: 98px;
    }
    .pictureul .picture-title{
        font-size: 16px;
        height:125px;
        width: 52%;
        margin-left: 14px;
    }
    .pictureul .picture-title span{
        bottom: 23px;
    }
    .pictureul li:nth-child(2n) .picture-img{
        margin-left: 0;
    }
    .pictureul li:nth-child(2n) .picture-title{
        float: left;
    }
    .pictureul li:last-child, .pictureul li:nth-last-child(2){
        border-bottom: solid 3px #f2f2f2;
    }

    /* 视频*/
    .videoul li{
        width: 100%;
        padding: 10px 10px 0 10px;
        height: 150px;
        margin-bottom:24px;
    }
    .videoli-img{
     display: none;
    }
    .video-tit{
        font-size: 16px;
        width: 100%;
        margin-left: 0;

    }
    .video-tit a{
        line-height: 30px;
    }
    /* 媒体视角 */
    .media-img{
        width: 100%;
        height: 200px;
    }
    .media-title{
        width: 100%;
        margin-left: 0;
        margin-top: 14px;
    }
    .media-title>a{
        width: 100%;
        font-size: 16px;
    }
    .media-title div{
        height: auto;
        width: 100%;
        margin-top: 12px;
        text-indent: 24px;
    }
    .media-title p{
        font-size: 14px;
        margin-top: 20px;
    }
    /* 文件 */
    .doc_search input{
        width: 100%;
    }
    .doc_search button{
        margin-left: 0 ;
        margin-top: 20px;
    }
    .doc_left{
        float: none;
        width: 100%;
    }
    .doc_left h5{
        background-size: 100%;
    }
    .doc_nav h6{
        font-size: 18px;
    }
    .doc_nav li{
        font-size: 16px;
    }
    .doc_right{
        width: 100%;
        float: none;
        margin-left: 0 ;
        margin-top: 24px;
    }
    .doc-number{
        display: none;
    }
    .doc-tit{
        width: 42%;
        padding-right:0;
    }
    .doc-num{
        width: 38%;
    }
    .doc-date{
        width: 20%;
    }
    .doc-tbody li{
        font-size: 12px;
    }
    .doc-tbody li .doc-tit a{
        -webkit-line-clamp: 1;
    }
    .doc-tbody li{
        line-height: 40px;
        height: 40px;
    }
}