@charset "utf-8";

/* 分页 */
.pagination {
	text-align: center;
	font-size: 0;
	padding-top: 0.55rem;
}

.pagination a {
	display: inline-block;
	border: 1px solid #dcdcdc;
	padding: 0 0.12rem;
	height: 0.35rem;
	font-size: 0.14rem;
	line-height: 0.35rem;
	text-align: center;
	color: #666;
	margin: 0 7px;
}

.pagination a.active {
	background: #004ea2;
	color: #fff;
	border: 1px solid #004ea2;
}

.pagination a:hover {
	background: #004ea2;
	color: #fff;
	border: 1px solid #004ea2;
}

.pagination span {
	display: inline-block;
	font-size: 0.14rem;
}
.head{
	opacity: 1;
	transform: none;
}
.head.on{
	background: #004ea2;
}
.banner{
	position: relative;
}
.banner img{
	display: block;
	width: 100%;
}
.banner:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../images/ny-img02.png") repeat-x top;
	background-size: contain;
}
/*ny-main*/
.ny-main{
	background: #fafafa;
	padding-bottom: 0.25rem;
}
.ny-main> .wrap{
	position: relative;
	margin-top: -0.57rem;
}
/*backtop*/
.backtop{
	position: fixed;
	right: 6%;
	bottom: 30%;
	z-index: 22;
	display: none;
}
.backtop a{
	display: block;
	width: 0.8rem;
	height: 0.5rem;
	background: url("../images/backtop.png") no-repeat 50%;
	background-size: 0.8rem;
}
/*leftNav*/
.leftNav{
	width: 2.45rem;
}
.leftNav h4{
	position: relative;
	font-size: 0.24rem;
	color: #fff;
	line-height: 1.5em;
	text-align: center;
	padding: 0.3rem 0.15rem;
	background: url("../images/ny-img03.png") no-repeat top;
	background-size: 100% 100%;
	font-weight: 600;
}
.leftNav>ul>li{
	position: relative;
	padding-left: 0.2rem;
	padding-right: 0.18rem;
}
.leftNav>ul>li>a{
	display: block;
	font-size: 0.18rem;
	line-height: 2em;
	text-align: center;
	color: #000000;
	padding: 0.2rem 0.15rem;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.leftNav>ul>li i{
	position: absolute;
	right: 0.1rem;
	top: 0;
	width: 0.13rem;
	height: 0.76rem;
	background: url("../images/ny-img04.png") no-repeat 50%;
	background-size: 0.13rem;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}
.leftNav>ul>li:hover i{
	opacity: 1;
	visibility: visible;
}
.leftNav>ul ul a{
	display: block;
	font-size: 0.16rem;
	line-height: 1.5em;
	padding: 0.1rem 0.15rem;
	text-align: center;

}
.leftNav>ul ul a:hover{
	color: #004ea2;
}
.leftNav>ul ul{
	display: none;
	border-bottom: 1px solid #e5e5e5;
}
.leftNav>ul>li.on>a,
.leftNav>ul>li.active>a{
	color: #0a53ae;
}
.leftNav>ul>li>a:after{
	content: '';
	position: absolute;
	left: -0.2rem;
	top: 51%;
	bottom: 51%;
	width: 0.06rem;
	background: #0d55af;
	transition: all .3s;
}
.leftNav>ul>li.on>a:after,
.leftNav>ul>li.active>a:after{
	top: 0.1rem;
	bottom: 0.1rem;
}
.leftNav>ul{
	margin-top: -0.2rem;
	padding-bottom: 0.7rem;
	background: url("../images/ny-img05.png") no-repeat top;
	background-size: 100% 100%;
}
.leftNav .l-list a{
	display: block;
	font-size: 0;
	text-align: left;
	background: #0350a3;
	padding: 0.18rem 0 0.17rem 0.4rem;
	margin-top: 3px;
}
.leftNav .l-list a .cover_img{
	display: inline-block;
	width: 0.5rem;
	height: 0.52rem;
	vertical-align: middle;
}
.leftNav .l-list a .cover_img>div{
	background-size: contain;
}
.leftNav .l-list a .txt{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.18rem;
	color: #fff;
	line-height: 1.44em;
	max-height: 0.52rem;
	margin-left: 0.1rem;
	text-align: left;
}
.leftNav .l-list{
	margin-top: 0.1rem;
}

.leftNav .l-fs a{
	display: block;
	font-size: 0.24rem;
	color: #fff;
	line-height: .58rem;
	position: relative;
	padding-left: .64rem;
	padding-right: .32rem;
	border-radius: .35rem;
	background: #b87ed6;
	font-weight: 600;
	margin-top: .16rem;
}
.leftNav .l-fs a:nth-child(2){
	background: #b3c13d;
}
.leftNav .l-fs a:before{
	content: '';
	position: absolute;
	left: .3rem;
	top: 50%;
	transform: translateY(-50%);
	width: .16rem;
	height: 2px;
	background: #fff;

}
/*rightBox*/
.rightBox {
	width: calc(100% - 2.75rem);
}
.rightBox .block{
	background: #fff;
	padding: 0.72rem 1.32rem 0.75rem 1.4rem;
	margin-top: 10px;
}
/*position*/
.position{
	background: #fff;
	align-items: center;
	padding: 0 0.22rem;
}
.position img{
	display: block;
	width: 0.13rem;
	height: 0.18rem;
	margin-right: 0.1rem;
}
.position a,
.position span{
	font-size: 0.14rem;
	color: #808080;
	line-height: 0.4rem;
	margin-right: 0.05rem;
}

/*list*/
.list .a-box a{
	display: block;
	position: relative;
	line-height: 0.5rem;
	border-bottom: 1px solid #d9d9d9;
	background: url("../images/list-icon01.png") no-repeat left;
	background-size: 0.07rem;
}
.list .a-box a em{
	display: block;
	font-size: 0.16rem;
	color: #333333;
	padding-left: 0.16rem;
	padding-right: 1rem;
}
.list .a-box a span{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.13rem;
	color: #666;
}
.list .a-box a:hover{
	background-image: url("../images/list-icon02.png");
}
.list .a-box a:hover em{
	color: #0d55af;
}

/*txt-list*/
.txt-list .a-box a{
	font-size: 0;
	position: relative;
	display: block;
}
.txt-list .a-box a .img{
	position: absolute;
	right: 0;
	top: 50%;
	width: 1.88rem;
	height: 1.3rem;
	transform: translateY(-50%);
}
.txt-list .a-box a .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.txt-list .a-box a .txt time {
	display: inline-block;
	width: 60px;
	vertical-align: middle;
}
.txt-list .a-box a .txt time span{
	display: block;
	font-size: 0.36rem;
	color: #666666;
	text-align: center;
	font-weight: 600;
	line-height: 1;
}
.txt-list .a-box a .txt time em{
	display: block;
	font-size: 0.14rem;
	color: #666666;
	line-height: 1;
	text-align: center;
	margin-top: 0.1rem;
}
.txt-list .a-box a .txt>div{
	display: inline-block;
	width: calc(100% - 94px);
	vertical-align: middle;
	margin-left: 0.34rem;
}
.txt-list .a-box a .txt>div h4{
	font-size: 0.2rem;
	line-height: 1.4em;
	color: #333;
	height: 0.56rem;
	margin-bottom: 0.08rem;
}
.txt-list .a-box a .txt>div p{
	font-size: 0.12rem;
	line-height: 1.83em;
	color: #999999;
	height: 0.44rem;
	margin-bottom: 0.14rem;
}
.txt-list .a-box a .txt>div span{
	display: block;
	font-size: 0.12rem;
	line-height: 1;
	color: #999999;
}
.txt-list .a-box a .txt{
	padding-right: 2.02rem;
}
.txt-list .a-box a{
	padding-top: 0.28rem;
	padding-bottom: 0.32rem;
	border-bottom: 1px dashed #d2d2d2;
}
.txt-list .a-box a:hover .txt h4{
	color: #004ea2;
}
/*detail*/

.dtl-tit h4{
	font-size: 0.26rem;
	line-height: 1.38em;
	text-align: center;
	color: #333333;
	font-weight: 600;
	margin-bottom: 0.25rem;
}
.dtl-tit p{
	text-align: center;
	background: #ecf0f5;
}
.dtl-tit p span{
	display: inline-block;
	font-size: 0.13rem;
	color: #999999;
	line-height: 0.36rem;
}
.dtl-con{
	padding-top: 0.35rem;
}
.dtl-con h3{
	font-size: 0.3rem;
	line-height: 1.2em;
	color: #333333;
	font-weight: 600;
	text-align: center;
}
.dtl-con  h4{
	font-size: 0.24rem;
	color: #333;
	line-height: 1.25em;
	text-align: center;
	margin-top: 0.4rem;
}
.dtl-con p{
	font-size: 0.18rem;
	line-height: 1.67em;
	color: #333333;
	text-indent: 2em;
	margin-top: 0.3rem;
}
.p-page {
	margin-top: 0.28rem;
	border-top: 1px solid #d9d9d9;
	padding-top: 0.24rem;
}
.p-page p{
	font-size: 0.16rem;
	line-height: 2em;
	color: #333;
}
.p-page p a{
	color: #666666;
}
.p-page p:hover a{
	color: #004ea2;
}

.detail{
	background: #fff;
	padding: 0.23rem 0.73rem 0.83rem;
	margin-top: 10px;
}

@media screen and (max-width: 1060px){
	.banner{
		margin-top: 1rem;
	}
	.banner:after{
		display: none;
	}
	.ny-main .wrap{
		margin-top: 0.25rem;
	}
	.leftNav{
		width: 100%;
		margin-bottom: 0.25rem;
	}
	.leftNav h4 {
		line-height: 0.66rem;
		font-size: 0.26rem;
		text-align: left;
		padding: 0;
		padding-left: 0.25rem;
		background: #004ea2;
	}
	.leftNav h4 span {
		position: absolute;
		top: 50%;
		right: 0.15rem;
		width: 0.37rem;
		height: 0.46rem;
		transform: translateY(-50%);
		background: url('../images/sub-h4.png') no-repeat center center;
		background-size: 0.2rem;
	}
	.leftNav>ul{
		padding: 0.2rem;
		background: #fff;
		margin-top: 0;
		display: none;
	}
	.leftNav>ul>li>a{
		text-align: left;
		font-size: 0.2rem;
		padding: 0.15rem;
	}
	.leftNav>ul>li i{
		opacity: 1;
		visibility: visible;
	}
	.leftNav>ul ul a{
		font-size: 0.2rem;
		text-align: left;
		padding: 0.15rem ;
	}
	.position a, .position span{
		font-size: 0.18rem;
		line-height: 0.6rem;
	}
	.rightBox{
		width: 100%;
	}
	.rightBox .block{
		padding: 0.2rem;
	}
	.list .a-box a{
		line-height: 0.6rem;
	}
	.list .a-box a em{
		font-size: 0.2rem;
	}
	.list .a-box a span{
		font-size: 0.17rem;
	}
	.txt-list .a-box a .txt>div p{
		font-size: 0.16rem;
		height: 0.6rem;
	}
	.detail{
		padding: 0.25rem 0.2rem;
		min-height: 5rem;
	}
	.dtl-con p,
	.p-page p{
		font-size: 0.2rem;
	}
	.backtop{
		right: 0.1rem;
	}
}

@media screen and (max-width: 640px){
	.banner{
		margin-top: 0.9rem;
	}
	.list .a-box a em{
		padding-left: 1.2em;
	}
	.txt-list .a-box a .img{
		position: static;
		width: 100%;
		height: auto;
		transform: none;
		margin-bottom: 0.25rem;
	}
	.txt-list .a-box a .txt{
		padding-right: 0;
	}
	.txt-list .a-box a .txt>div{
		width: calc(100% - 65px);
		margin-left: 15px;
	}
	.txt-list .a-box a .txt time{
		width: 50px;
	}
	.dtl-con h3{
		font-size: 0.26rem;
	}
}

.rightBox ul li.zysz{
    float: left;
    width: 22%;
    line-height: 50px;
  
    margin-left: 20px;
}

.rightBox ul li.zysz ul li{
    border-bottom: 1px dashed #dedede;
}
.rightBox ul li.zysz .gg-titt{
    background-color: #004ea2;
    border-radius: 10px 10px 0px 0px;
}
.rightBox ul li  .gg-tit h4{
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    background-color:#004ea2;
    border-radius:10px 10px 0px 0px;
    padding-top: 20px;
}
.rightBox ul li.zysz .zysz-t{
    height: 480px;
}
.rightBox ul li.zysz .zyszlist
{
       border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    padding: 10px;
    padding-bottom: 20px;
   height:auto;
    margin-bottom: 20px;
}
.rightBox ul li.zysz:nth-child(5),.rightBox ul li.zysz:nth-child(6),.rightBox ul li.zysz:nth-child(7),.rightBox ul li.zysz:nth-child(8){
    height: 350px;
}
.rightBox ul li.zysz .zyszlistthr{
 
}
.rightBox ul li.zysz .zyszlist ul li{
    padding-left:10px;
    border-bottom:1px dashed #ccc;
 }