*{
		margin: 0;
		padding: 0;
	}

	li{
		list-style: none;
	}
	li img{
		display: block;
		margin: 0 auto;
	}
	#wrap{
		width: 100%;
		min-width: 100%;
		margin: 10px auto 80px;
		background: #fefefe;
	}
	.hiSlider{
		overflow: hidden;
		height: 280px;
		width: 100%;
		background: #eee;
	}
	.hiSlider-item{
		float: left;
	}
	.hiSlider-title{
		font-size:18px;
	}
	

.volume-wrapper {

  display: flex;   /* flex布局 */
  justify-content: flex-start;   /* 左对齐 */
  flex-wrap: wrap;   /* 换行 */

}
.volume-item{
  /* 计算每个元素的宽度：20px是前三个元素的间距（margin-right）和，除以4即为每个元素的宽度 */
  width: calc((100%) / 4);
  text-align:center;
  height:110px;
  line-height:80px;

}

/* 将下标是4的倍数元素的margin-right设置为0，即将每行最后一个元素的margin-right置0 */

.volume-item:nth-of-type(4n+0) {

  margin-right: 0;

}
.volume-item .volume{
	line-height:30px;
	font-size:16px;
}
.volume-item .title img{
	width:70px; height:70px;
}

.service_col1_top{
	margin-top:25px;
}
.service_col1{
	min-height:420px;display:flex;	
}
.service_col2{
	min-height:450px;display:flex;background-color:#f5f5f5;
}

.service_col3{
	min-height:50px;display:flex; background-color: #fff;padding:45px;
	border:1px solid #ddd;
}

.service_col1_list{

	flex:2;height:420px;background-color:#fff;border:1px solid #ddd;
}
.service_col1_pic{
	flex:3;
	height:420px;
	background-color:#f5f5f5;
}
.service_col1_pic_inner{
	margin-right:20px;border:0px solid #ccc;
}

.service_col2_content{
	flex:3;height:450px;margin-right:20px;border:1px solid #ddd;background-color:#fff;
}
.service_col2_list{

	flex:2;height:450px;background: #fff;padding:8px;border:1px solid #ddd;
}
.formitem{
	margin-right:20px;
}
.infolist{
	padding:0px 25px;color:#fff;
	min-height:250px;
	
}
.infolist ul li{
	border-bottom:1px dashed #ddd;
	
}
.infolist ul li a{
	width:440px;
	font-size:16px;
	line-height:36px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display:block;
}
.infolist ul li a span.title{

		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		
		
}
	
.infolist2{
	padding:0px 25px;color:#fff;
}
.infolist2 ul li{
	border-bottom:1px dashed #ddd;
	line-height:36px;
}
.infolist2 ul li a{
	max-width:100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size:16px;
	line-height:36px;
	display:block;
}
.infolist2 ul li a span.title{
		float:left;
		width:70%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
.infolist2 ul li a span.date{
		width:30%;
		float:right;
		text-align:right;
		color:#999;
		font-size:14px;
	}	

.popwin{
	position : fixed;
    left : 50%;
    top : 50%;
    width : 600px;
    height : 400px;
    transform: translate(-50%, -50%);
	z-index:9999;
	background-color:#fff;
	display:none;
	-webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);transition: 0.56s;
	border-radius:10px;
}
.servicecontent{
	display:flex;
	padding-top:25px;
	line-height:36px;
}
.formblock{margin-top:25px;margin-bottom:25px;}
.bartitle{font-size:20px;font-weight:bold;padding:0px 25px;}

.service_col1_top_pc{
	margin-top:55px;
}
.slideimg{
	
	width:100%;height:auto;min-height:418px;
}
.hiSlider-title {
		padding: 0 35px;
		text-indent: 0px;
}	
@media screen and (max-width: 1024px) {
	.hiSlider-title {
		padding: 0 25px;
		text-indent: 0px;
	}		
	.slideimg{
		
		width:100%;height:auto;min-height:180px;
	}	
	.formblock{margin-top:10px;margin-bottom:0px;}
	.bartitle{font-size:20px;font-weight:bold;padding:0px 15px;}
	.popwin{
		position : fixed;
		left : 50%;
		top : 50%;
		width : 90%;
		height : 90%;
		transform: translate(-50%, -50%);
		z-index:9999;
		background-color:#fff;
		display:none;
		-webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
		box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);transition: 0.56s;
	}
	.servicecontent{
		display:block;
		padding-top:0px;
		font-size:16px;
	}
	.servicecontent	img{
		
		width:140px;
		height:140px;
	}
	.volume-item{
	  
	  width: calc((100%) / 3);
	  text-align:center;
	  height:110px;
	  line-height:80px;
	}
	.infolist{
		padding:0px 0px;
		padding:0px 25px;
		color:#fff;
	}
	.infolist ul li a{
		font-size:16px;
		line-height:36px;
		width:100%;
	}
	.infolist ul li a span.title{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}	
	.infolist2{
		padding:0px 0px;
		padding:0px 15px;
		color:#fff;
	}
	.infolist2 ul li a{
		font-size:16px;
		line-height:36px;
		
	}
	.infolist2 ul li a span.title{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.formitem{
		margin-right:0px;
	}	
	.service_col1{
		min-height:auto;display:block;	
	}
	.service_col1_top{
		margin-top:0px;
	}	
	.service_col1_top_pc{
		margin-top:0px;
	}	
	.service_col1_list{

		height:auto;
		padding-bottom:25px;
		border:0px;
	}
	.service_col1_pic{
		height:auto;
	}
	.service_col1_pic_inner{
		margin-right:0px;
	}	
	
	.service_col2{
		min-height:auto;display:block;background-color:#f5f5f5;
		border:0px;
	}
	.service_col2_content{
		height:auto;
		padding-bottom:25px;
		margin-right:0px;
		border:0px;
		margin-bottom:10px;
	}
	.service_col2_list{

		height:auto;
		padding-bottom:25px;
		border:0px;
	}	
	.service_col3{
		min-height:50px;display:block; background-color: #fff;padding:45px;border:0px;
		
	}
	.service_col3 div{
		flex:1;margin-bottom:10px;
	}
}