html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0}
/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);}*/
body{font-size:15px;}
a{text-decoration:none;outline:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}




.container{
	width:100%;height:100vh;
	background:url(../img/nsbdzd.jpg) no-repeat;
	background-size:cover;
}
/*1280分辨率 再低按手机端样式*/
.in_container{
	margin:0 auto;width:1200px;
}
.in_logo{
	height:calc((100vh - 580px)/2);
	
	position:relative;
}
.zs_logo{
	position:absolute;left:0px;top:20px;
}

.in_main{
	display:flex;
	justify-content:space-between;
	border:0px #cc0000 solid;
}

/*左侧四个字*/
.zsyz_left{
	border:0px #cc0000 solid;
}
.zsyz_left div{
	
	width:200px;font-size:60px;font-family:隶书,华为行楷,STXingkai;color:#f6f6f6;text-align:left;border:0px #cc0000 solid;
}
.zsyz_right{width:1000px;}


/* 新闻列表==================*/

.zsyz_infolist{
	/*margin:120px 50px 50px 50px;*/
	margin:0px 50px;
	padding:20px;
	background-color:rgba(0,0,0,0.5);
	border-radius:20px;
}
.zsyz_header{
	width:100%;height:50px;
}
.zsyz_header h1{
	float:left;color:#f6f6f6;font-size:22px;font-weight:normal;border-bottom:2px #cc0000 solid;width:100px;text-align:center;line-height:40px;
	}
.zsyz_header span{
	float:right;color:#f6f6f6;font-size:16px;line-height:50px;
}
.zsyz_header span a{color:#f02c57;}
.zsyz_header span a:hover{color:#ffffff;}
.zsyz_list{
	width:100%;clear:both;
}
.zsyz_list ul{
	
}
.zsyz_list li{
	height:38px;line-height:38px;
}
.zsyz_list li a{
	float:left;color:#ffffff;font-size:18px;
}
.zsyz_list li a:hover{
	color:#FDFDCE;
}
.zsyz_list li span{
float:right;color:#ffffff;font-size:14px;
}

.zsyz_list li p label{
	display:inline-block;
	width: 5px;
	height: 5px;
	background-color: transparent; /* 模块背景为透明 */
	/*border-color: #f02c57;*/
	border-color: #f02c57;
	border-style: solid;
	border-width: 2px 2px 0 0;
	
	transform: rotate(45deg); /*箭头方向可以自由切换角度*/
	margin-right:10px;

}


/* 3个子栏目==================*/

.zhaoshangBlock{
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	flex-direction:row;
	margin-top:50px;
	
}
.zsyzblock {

	text-align:center;
	width:250px;height:250px;
	border-radius:250px;
	display:flex;
	flex-direction:column;
	
	/*justify-content: center;*/
	/*align-items: center;*/
	transition:0.36s;
	
}
.zsyzblock:hover{
	transform: scale(1.2);
}
.zsyzblock p:first-child{
	padding:10px;
}
.zsyzblock img{
	width:50px;height:50px;padding:10px;
	border-radius:50px;
	border:1px #ffffff solid;
	margin-top:30px;
}
.zsyzblock h1{
	font-size:20px;
	line-height:37px;
}
.zsyzblock p{
	font-size:16px;
}

.zsyzblock a{color:#ffffff;}

.zsyz_nav1{
	background-color:#cc0000;
	background:url(../img/zsyz_nav01.jpg) no-repeat;
	background-size:cover;
}
.zsyz_nav2{
	background:url(../img/zsyz_nav02.jpg) no-repeat;
	background-size:cover;
}
.zsyz_nav3{
	background:url(../img/zsyz_nav03.jpg) no-repeat;
	background-size:cover;
}


@media screen and (max-width: 1024px) {
	
	.container{
		overflow:hidden;width:100%;
	}
	.in_container{
		width:100%;margin:0 auto;
	}
    .zs_logo{
		padding-left:5px;
	}
	.zs_logo img{
		width:200px;height:49px;
	}
	.in_main{
		width:100%;
	}
	.zsyz_infolist{
		padding:5px;
	}
	.zhaoshangBlock{
		width:100%;
		flex-direction:column;
	}
	.zhaoshang_container{
		flex-direction:column;
	}
	.zsyz_left{
		margin-top:0px;
		display:none;
		flex-direction:row;
		justify-content:space-around;
	}
	.zsyz_right{
		flex-direction:column;padding:5px;
	}
	.zsyz_infolist{
		overflow:hidden;
	}
	.zsyz_list li span{
		display:none;
	}
	.zsyz_list ul li:nth-child(1n+4) {
		display: none;
	}
	.zsyz_header span a{
		font-size:16px;
	}
	.zsyz_infolist{
		margin:0px;
	}
	.zsyzblock img{
		width:30px;height:30px;padding:5px;
		border-radius:50px;
		border:1px #ffffff solid;
		margin-top:5px;
	}
	.zhaoshangBlock{
		margin:0 auto;width:100%;
		
	}
	.zsyzblock {
		text-align:center;
		width:100%;height:60px;
		border-radius:10px;
		display:flex;
		flex-direction:column;
		margin-top:5px;
		box-sizing:border-box;
		
		padding:5px;
	}
	.zsyzblock p:first-child{
		float:right;
	}
	.zsyzblock h1{font-size:16px;padding-top:0px;text-align:left;}
	.zsyzblock p{font-size:12px;text-align:left;}
	.zsyzblock p img{margin-top:0px;}
}

@media screen and (min-width: 1280px) and (max-width: 1680px){
	.in_container{
		margin:0 auto;width:1200px;
	}
	.in_logo{
		height:calc((100vh - 530px)/2);
		position:relative;
		
		
	}
	.zs_logo img{
		width:240px;height:59px;
		
	}
	.in_main{
		
	}
	/*左侧四个字*/
	.zsyz_left{
		border:0px #cc0000 solid;
	}
	.zsyz_left div{
		
		width:200px;font-size:70px;font-family:隶书,华为行楷;color:#f6f6f6;text-align:center;border:0px #cc0000 solid;
	}
	.zsyz_right{width:800px;}
	.zsyzblock {
		text-align:center;
		width:200px;height:200px;
		border-radius:200px;
		display:flex;
		flex-direction:column;
		
		/*justify-content: center;*/
		/*align-items: center;*/
		transition:0.36s;
		
	}
	.zsyzblock img{
		width:40px;height:40px;padding:10px;
		border-radius:40px;
		border:1px #ffffff solid;
		margin-top:25px;
	}
	.zsyzblock h1{
		font-size:18px;
		line-height:26px;
	}
	.zsyzblock p{
		font-size:12px;
	}
}



@media screen and (min-width: 1920px) {
	.container{
		
	}
	.maskDiv{
		width:100%;height:100%;
		overflow:hidden;
		background-color:rgba(0,0,0,0.1);
	}
	.in_container{
		width:1500px;margin:0 auto;
	}
	.in_logo{
		
	}
	.zs_logo img{
		width:260px;height:64px;
	}
	.in_main{
		
	}
	.zsyz_left{
		
	}
	.zsyz_left div{
		font-size:4.7rem;text-align:center;border:0px #cc0000 solid;
	}
	
	/* 3个子栏目==================*/

	.zhaoshangBlock{
		width:100%;
		margin:0 auto;
		display:flex;
		justify-content:space-around;
		flex-direction:row;
		margin-top:50px;
		
	}
	.zsyzblock {

		text-align:center;
		width:250px;height:250px;
		border-radius:250px;
		display:flex;
		flex-direction:column;
		
		/*justify-content: center;*/
		/*align-items: center;*/
		transition:0.36s;
		
	}
	.zsyzblock:hover{
		transform: scale(1.2);
	}
	.zsyzblock p:first-child{
		padding:10px;
	}
	.zsyzblock img{
		width:50px;height:50px;padding:10px;
		border-radius:50px;
		border:1px #ffffff solid;
		margin-top:30px;
	}
	.zsyzblock h1{
		font-size:20px;
		line-height:37px;
	}
	.zsyzblock p{
		font-size:16px;
	}

	.zsyzblock a{color:#ffffff;}

	.zsyz_nav1{
		background-color:#cc0000;
		background:url(../img/zsyz_nav01.jpg) no-repeat;
		background-size:cover;
	}
	.zsyz_nav2{
		background:url(../img/zsyz_nav02.jpg) no-repeat;
		background-size:cover;
	}
	.zsyz_nav3{
		background:url(../img/zsyz_nav03.jpg) no-repeat;
		background-size:cover;
	}
	
}

.zhaoshangCopy{
	position:fixed;
	width:100%;
	left:0;bottom:0;
	z-index:200;
}
.footer{
    width:100%;border-top:0px #1d60a7 solid;
	margin:0 auto;width:1200px;
}

.copy_txt{
float:left;padding-top:30px;color:#FFFFFF;
}
.copy_txt p{
line-height: 35px;
}
.copy_img{
float:right;margin-top:90px;
}
.copy_img li{
    float:left;width:180px;text-align: right;
}
.copy_img img{
    top:50%; 
    transform:translateY(-50%);
}

@media screen and (max-width: 768px) {
	
	
	.zsyz_header{
		width:100%;height:50px;
	}
	.zsyz_header h1{
		float:left;color:#f6f6f6;font-size:22px;font-weight:normal;border-bottom:2px #cc0000 solid;width:100px;text-align:center;line-height:40px;
		}
	.zsyz_header span{
		float:right;color:#f6f6f6;font-size:14px;line-height:50px;
	}



	
	


	
	.zsyz_list li{
		height:22px;line-height:22px;
	}
	.zsyz_list li a{
		float:left;color:#ffffff;font-size:12px;
	}
	.zsyz_list li a:hover{
		color:#FDFDCE;
	}
	.zsyz_list li span{
	float:right;color:#ffffff;font-size:12px;
	}
	
	
	
	
	.in_logo{
		height:100px;
	}
	.footer{
		box-sizing:border-box;
		width:100%;
		bottom:0;
		overflow:hidden;
		height:160px;
		padding:10px;
	}
	.copy_txt{
	float:left;padding-top:5px;color:#ffffff;
	}
	.copy_txt p{
	line-height: 20px;font-size:12px;text-align:left;
	}
	.copy_img{
	float:right;margin-top:0px;margin-right:20px;
	}
	.copy_img li{
		float:left;width:80px;text-align: right;
	}
	.copy_img img{
		top:50%; 
		transform:translateY(-50%);
	}
}