﻿/* body{
    background-image: url(http://www.pds.gov.cn/images/ershidasybg.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 0;
}
#Head{
    width: 1300px;
    margin: 0 auto;
}
#Nav{
    width: 1300px;
    margin: 0 auto;
} */
/* #Main{
    width: 1300px;
    background-color: #fff; 
} */

.news-box,
.xxgk-box,
.banner-box,
.zwfw-box,
.ztzl-box{
    margin-bottom: 20px;
}
.headline a,
.news-swiper .swiper-slide a p,
.tab-list>ul>li>a,
.sub-tab-list>ul>li>a,
.zwfw-list .lists a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a{color: #000;}
/* tab通用 */
.channel-list-container .this-channel-title{
    /* background-color: #fff; */
    border-bottom: 1px solid #e2e2e2;
}

.tab-title li{
    display:inline-block;
}

.tab-title span{
    display: inline-block;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 600;
}
.tab-title span:hover{
    color:#fff;
}

.tab-more,
.sub-tab-more{
    display: none;
}

.tab-more a{
    display: none;
    font-size: 14px;
    color: #b6b6b6;
}
.tab-more a.active{
    display: block;
}
.tab-list{
    border-bottom: none;
}

.tab-list>ul,
.sub-tab-list>ul{
    display:none;
}

.tab-list ul li *{
    line-height: 40px;
}
.tab-list>ul>li>a,
.sub-tab-list>ul>li>a{
    display: inline-block;
    width:380px;
    font-size: 15px;
}

.tab-list>ul>li>span,
.sub-tab-list>ul>li>span{
    float: right;
    font-size: 14px;
    color: #b6b6b6;
}
.tab-list>.active,
.sub-tab-list>.active{
    display:block;
}

/* tab通用 end */

.headline{
    padding: 30px 20px;
    text-align: center;
}

.headline a{
    text-align: center;
    color: #3c6fa2;
}
.headline .line1{
    display: block;
    line-height: 55px;
    font-size: 30px;
    font-weight: 600;
}
.headline .line2,
.headline .line3{
    display: inline-block;
    width: fit-content;
    max-width: 48%;
    margin: 10px 10px 0 10px;
    font-size: 18px;
}



.news-swiper{
    width: 700px;
    height: 450px;
    padding: 5px;
    box-shadow: 0px 0px 15px -2px #d3d3d3;
}
.news-swiper .swiper-container{
    overflow: hidden;
}

.swiper-container,
.swiper-container .swiper-slide a,
.swiper-container .swiper-slide img{
    width: 100%;
    height: 100%;
}

.news-swiper .swiper-slide a{
    display: flex;
    position: relative;
}


.news-swiper .swiper-slide a p{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0.82), transparent);
    display: block;
    line-height: 50px;
    color: #FFFFFF;
    padding-right: 150px;
    padding-left: 10px;
    font-size: 16px;
}
.swiper-pagination {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 15px;
}

.swiper-pagination-switch {
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    margin: 0 7px;
    opacity: 0.9;
    width: 12px;
    height: 12px;
    /* border: 1px solid #f79600; */
}
.swiper-active-switch {
    background-color: #f79600;
    opacity: 1;
}

.prev,
.next{
    position: absolute;
    top: 23px;
    height: 60px;
    background: rgba(0,0,0,0.38);
}
.prev i,
.next i{
    font-size: 30px;
    /*font-weight: 600;*/
    color: rgba(255,255,255,0.7);
    line-height: 60px;
}

#buttonPrev,
#buttonNext{
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 50px;
    margin: auto;
    width: 30px;
    height: 60px;
    /* background: url(http://www.pds.gov.cn/images/icon.png); */
    cursor: pointer;
    opacity: 0;
    transition: all .2s;
}

#buttonPrev{
    left: 0;
    background-position: left bottom;
}
#buttonNext{
    right: 0;
}
.swiper-container:hover #buttonPrev{
    left: 10px;
    opacity: 1;
}
.swiper-container:hover #buttonNext{
    right: 10px;
    opacity: 1;
}

.news-list{
    height: 450px;
    width: 470px;
}
.news-list .this-channel-title{
    line-height: 40px;
    border: none;
    border-bottom: 1px solid #015293;
}
.news-list .tab-title{
    width: 100%;
}
.news-list .tab-title>a,
.news-list .tab-title>li{
    display: block;
    flex: 1 1 auto;

}
.news-list .this-channel-title .tab-title span,
.news-list .this-channel-title .tab-title a,
.news-list .tab-title>a{
    display: block;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    color: #015293;
    cursor: default;
    font-weight: normal;
}
.news-list .this-channel-title .tab-title span{
    display: none;
}

.news-list .this-channel-title .tab-title .active span,
.news-list .this-channel-title .tab-title .active a,
.news-list .tab-title>a:hover{
    background: #015293;
    color: #fff;
    border-bottom: 2px solid #015293;
}

.news-list .tab-list>ul,
.news-list .sub-tab-list{
    padding: 10px 0;
}
.news-list .tab-list>ul>li a,
.news-list .sub-tab-list>ul>li a{
    width: 365px;
    font-size: 15px;
    background: url("../images/li-bg.png") left center no-repeat;
    padding-left: 18px;
}

.news-list .sub-tab-title{
    background: #f5f5f5;
}
.news-list .sub-tab-title{
    justify-content: start;
}
.news-list .sub-tab-title>li{
    display: block;
    width: 157px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
.news-list .sub-tab-title>li>a{
    color: #888;
    line-height: 40px;
    display: inline-block;
    width: fit-content;
}
.news-list .sub-tab-title>li>span{
    display: none;
}
.news-list .sub-tab-title>li.active>a,
.news-list .sub-tab-title>li.active>span{
   /* border-bottom: 2px solid #015293; */
    color: #666;
	font-weight: bold;
}

.xxgk-list-box{
    width: 840px;
}
.column-title{
    font-weight: 600;
    font-size: 28px;
    line-height: 65px;
    /*margin-bottom: 10px;*/
}
.column-title i{
    margin-right: 15px;
}
.column-title i:before{
    font-size: 30px;
    color: #065b9f;
    font-weight: normal;
}
.xxgk-list .list-item{
    width: 400px;
}
.xxgk-list .this-channel-title{
    border: none;
    line-height: 48px;
    background: #eff6ff;
}
.xxgk-list .tab-title span{
    padding: 0 20px;
    position: relative;
}
.xxgk-list .tab-title .active span{
    background-color: #065b9f;
    color: #fff;
}
.xxgk-list .tab-title .active span:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #065b9f;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.xxgk-list .tab-more{
    display: block;
}
.xxgk-list .tab-more a{
    color: #484848;
}
.xxgk-list .tab-list{
    padding-top: 10px;
}

.xxgk-list .tab-list ul li a{
    width: 300px;
}
.xxgk-btns-box{
    width: 322px;
    height: 437px;
   /* border: 1px solid #cce0ff; */
    padding: 20px 24px;
    background: #f0f0f0;
   /* box-shadow: 0px 0px 20px 0px #dfdfdf; */
}
.xxgk-btns-box .files-search{
    font-size: 14px;
    padding: 5px 0 0 0;
}
.xxgk-btns-box .files-search span{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    vertical-align: top;
}
.xxgk-btns-box .files-search form{
    display: inline-block;
    width: 210px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #3c6fa2;
    border-radius: 5px;
    font-size: 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
}
.xxgk-btns-box .files-search form input{
    height: 33px;
    font-size: 14px;
    padding: 0;
    vertical-align: top;
}
.xxgk-btns-box .files-search form input.word{
    padding-left: 5px;
    width: 165px;
}
.xxgk-btns-box .files-search form input.submit{
    width: 38px;
    color: #fff;
    background: #3c6fa2 url("../images/search.png") center center no-repeat;
}
.xxgk-btns-box .btns{
    flex-wrap: wrap;
}
.xxgk-btns-box .btns a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 63px;
    background: #fff;
    border: 1px solid #9ec1df;
    margin-top: 23px;
    font-size: 14px;
    text-align: center;
/*    box-shadow: 3px 4px 0 -1px #c4e1f3; */
    box-sizing: border-box;
}
.xxgk-btns-box .btns a span{
    display: inline-block;
    font-size: 14px;
    color: #3c6fa2;
    box-sizing: border-box;
    line-height: 18px;
}
.xxgk-btns-box .btns a i{
    margin-right: 6px;
}
.xxgk-btns-box .btns a i:before{
    font-size: 23px;
    color: #5997c5;
}
.xxgk-btns-box .btns>div{
    width: 100%;
    background: url("../images/xxgkpt_bg.png") center center no-repeat;
    background-size: 100% 100%;
    margin-top: 23px;
}
.xxgk-btns-box .btns>div>a{
    width: 100%;
    background: rgba(0, 102, 355, 0.17);
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 62px;
    border: none;
    margin: 0;
}

.zwfw-main{
    width: 720px;
    height: 410px;
}
.zwfw-tab{
    width: 340px;
    height: 100%;
}
.zwfw-tab .this-channel-title{
    border: none;
    background: #f5f5f5;
}
.zwfw-tab .tab-title li{
    display: block;
    width: 33%;
    text-align: center;
}
.zwfw-tab .tab-title span{
    line-height: 40px;
    color: #ffffff;
    position: relative;
    display: block;
    font-size: 16px;
    color: #888;
    font-weight: normal;
}
.zwfw-tab .tab-title .active span{
    background: #065b9f;
    cursor: pointer;
    color: #fff;
}
.zwfw-tab .tab-title .active span:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -4px;
    border-top: 8px solid #065b9f;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
}
.zwfw-tab .tab-list{
    box-sizing: border-box;
    position: relative;
    padding: 10px 0;
}

.zwfw-tab .tab-list li{
    display: inline-block;
    width: 110px;
    height: 90px;
    box-sizing: border-box;
}
.zwfw-tab .tab-list li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 20px;
}
.zwfw-tab .tab-list li a i{
    display: block;
    margin: 10px 0 0 0;
}
.zwfw-tab .tab-list li a i:before{
    font-size: 30px;
    color: #558bc1;
}
.zwfw-tab .tab-list li:hover{
    background: #74acd6;
}
.zwfw-tab .tab-list li:hover a,
.zwfw-tab .tab-list li:hover a i:before{
    color: #fff;
}

.zwfw-box .zwfw-list{
    width: 340px;
    height: 100%;
    padding: 0 20px 5px 0;
    font-size: 15px;
}
.zwfw-list .lists{
    padding-bottom: 15px;
}
.zwfw-list .lists .title{
    background: url(../images/hot.png) left center no-repeat;
    line-height: 35px;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 20px;
    margin: 10px 0;
    color: #c5282b;
    font-size: 16px;
}
.zwfw-list .lists a{
    display: block;
    background: url(../images/li-bg1.png) left center no-repeat;
    background-size: 6px;
    padding-left: 18px;
    line-height: 30px;
}

.zwfw-list .btns{
    flex-wrap: wrap;
}
.zwfw-list .btns a{
    display: block;
    width: 153px;
    height: 60px;
    line-height: 60px;
    background: #f0f0f0;
    margin-bottom: 13px;
    text-align: center;
    color: #3c6fa2;
}

.zwfw-list .btns a i{
    font-size: 20px;
    line-height: 60px;
    vertical-align: middle;
    margin-right: 5px;
    color: #3c6fa2;
}
.zwfw-box .hudong-box{
    width: 440px;
    height: 410px;
}
.mail-list .title{
    line-height: 45px;
    background: #f5f5f5;
    padding-left: 8px;
}
.mail-list .title span{
    background: #fff;
    color: #3c6fa2;
    font-weight: 600;
    padding: 0 10px;
    font-size: 18px;
    background: #fff;
}
.mail-list .title a{
    color: #3c6fa2;
    font-size: 14px;
}

.mail-list .list{
    padding: 15px 0;
    line-height: 31px;
    border-bottom: 1px solid #e1e1e1;
}
.mail-list .list a,
.mail-list .list span{
    display: block;
    font-size: 15px;
}
.mail-list .list a{
    width: 63%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mail-list .list .type{
    color: #3c6fab;
}
.mail-list .list .date{
    font-size: 14px;
    color: #b6b6b6;
}

.hudong-box .hudong-btns{
    padding-top: 20px;
}
.hudong-box .hudong-btns a{
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    font-size: 15px;
}
.hudong-box .hudong-btns a i{
    display: block;
    margin: 13px 0 0px 0;
}
.hudong-box .hudong-btns a i:before{
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}
.banner-box img{
    width: 590px;
    height: 95px;
}
/* 专题专栏 */

#ztzlSwiper{
    width: 100%;
    height: 160px;
    /*overflow: hidden;*/
    position: relative;
}

#ztzlSwiper .swiper-slide{
    height: 105px;
}
#ztzlSwiper a{
    display: block;
    padding: 0 10px;
}
#ztzlSwiper img{
    height: 157px;
		width: 280px;
}
#ztzlSwiper #ztzlbuttonPrev,
#ztzlSwiper #ztzlbuttonNext{
    position: absolute;
    top: 40px;
    width: 30px;
    opacity: 0;
    transition: all .2s;
}

#ztzlSwiper #ztzlbuttonNext{
    right: 0;
}
#ztzlSwiper:hover #ztzlbuttonPrev,
#ztzlSwiper:hover #ztzlbuttonNext{
    opacity: 1;
}
#ztzlSwiper .swiper-pagination-switch{
    background-color: #c9dae9;
    width: 8px;
    height: 8px;
    border-radius: 0;
    transition: all .2s;
}
#ztzlSwiper .swiper-active-switch{
    background: #539ed7;
    width: 20px;
}

#ztzlSwiper .swiper-pagination{
    position: relative;
    width: fit-content;
    margin: 0 auto;
    bottom: 5px;
}
.ztzl-swiper{
	background-color: #f8f8f8;
	    padding: 25px 20px 20px 20px;
}

/* 右侧导航 */
.right-nav {
    position: fixed;
    right: 30px;
    bottom: 130px;
    z-index: 9999;
}
.right-nav li {
    border: 1px solid #dcdcdc;
		margin-bottom: 10px;
		    background-color: #fafafa;
		    width: 70px;
		    height: 70px;
		    position: relative;
}
.right-nav li>a {
    padding-top: 7px;
}

.right-nav li a {
    display: block;
    text-align: center;
    cursor: pointer;
		color: #74acd6;
}
.right-nav li a i{
	font-size: 26px;
}
.right-nav li .ewm1 {
    background: url(https://file.henan.gov.cn/4500000001/gb/img/phpj211.png) no-repeat;
}
.right-nav .show{
		position: relative;
}
.show-ewm {
	display: none;
}

.show:hover .show-ewm {
	display: block;
}
.show-ewm  {
	position: absolute;
	top: -25px;
	right: 40px;
	width: 170px;
	height: 210px;
	/* background-color: #1E64AA; */
	border-radius: 5px;
	text-align: center;
}

.show-ewm img {
	display: block;
	width: 73%;
	height: 60%;
	margin-left: 5px;
}




/* 适老化改造 */
.oldModel .news-box{display: block;}
.oldModel .news-swiper,
.oldModel news-list-box,
.oldModel .xxgk-list-box,
.oldModel .zwfw-main,
.oldModel .zwfw-box .hudong-box,
.oldModel .news-list{width: 100%;}
.oldModel .xxgk-list .tab-list ul li a{width: 72%;}
.oldModel .xxgk-btns-box,
.oldModel .zwfw-box{display: none;}
.oldModel .news-swiper{height: 650px;margin-bottom: 20px;}
.oldModel .news-list .tab-list>ul>li a,
.oldModel .news-list .sub-tab-list>ul>li a{width: 80%;}
.oldModel .xxgk-list{display: initial;}
.oldModel .xxgk-list .list-item{width: 100%;}
.oldModel .xxgk-list .list-item li{line-height: 1.5;}

.oldModel .right-nav li{width: auto; height: 90px;}
.oldModel .headline .line1{font-size: 40px !important;}
.oldModel .news-list .this-channel-title .tab-title span, 
.oldModel .news-list .this-channel-title .tab-title a, 
.oldModel .news-list .tab-title>a{line-height: 60px;}
.oldModel .tab-list ul li *{line-height: 50px;}
.oldModel .news-list{height: auto;}

/* 缩放适配 */
/* .oldModel #ztzlSwiper img{height: 130px; width: 190px;} */











