body{
	background-color: #f5f5f5;
}
.banner{
	position: relative;
}
.banner .text{
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
	text-align: center;
}
.banner h5{
	font-size: 66px;
	font-weight: bold;
	color: #fff;
}
.banner p{
	font-size: 16px;
	color: #fff;
	margin-top: 1.8125em;
}



.sec1{
	position: relative;
	margin-bottom: 10px;
	margin-top: -4.427%;
}
.sec1 .inner{
	background-color: #fff;
	padding: 1.5625% 5.46875% 3.125%; 
}
.sec1 .top{
	-webkit-display: flex;
	-webkit-align-items: flex-end;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 3.64%;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 1.52%;
}
.sec1 .top .timeandnum{
	font-size: 14px;
	color: #838282;
}
.sec1 .top .timeandnum img{
	height: 1em;
	width: auto;
	margin-right: 0.5em;
	vertical-align: top;
}
.sec1 .top i{
	display: inline-block;
	vertical-align: top;
	height: 1em;
	width: 1px;
	margin: 0 0.65em;
	background-color: #ccc;
}
.sec1 .top .back{
	display: block;
	background-color: #1292eb;
	font-size: 14px;
	color: #fff;
	width: 10em;
	height: 2.4em;
	line-height: 2.4em;
	text-align: center;
	border-radius: 1.2em;
}
.sec1 .top .back img{
	margin-left: 0.64em;
	width: 1.57em;
	vertical-align: middle;
}
.sec1 .title{
	text-align: center;
	font-size: 24px;
	color: #333333;
	line-height: 1.5;
	margin-bottom: 2.5%;
}
.sec1 .content{
	font-size: 16px;
	color: #797979;
	line-height: 2.375;
	text-align: justify;
	margin-bottom: 9.32%;
}
.sec1 .content *{
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}
.sec1 .content img{
	max-width: 100%;
	height: auto !important;
}
.sec1 .bottom a{
	font-size: 14px;
	color: #666;
	height: 1.57em;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sec1 .bottom a:hover{
	color: #333;
}
.sec1 .bottom a span{
	vertical-align: middle;
}
.sec1 .bottom a img{
	width: 1.57em;
	vertical-align: middle;
	margin-right: 0.7em;
	opacity: 0.6;
}
.sec1 .bottom a:hover img{
	opacity: 1;
}
.sec1 .bottom .line{
	border-top: 1px dashed #eee;
	margin: 10px 0;
}
.sec2{
	margin-bottom: 4%;
}
.sec2 .inner{
	background-color: #fff;
	padding: 2.1% 5.46875% 5.52%; 
}
.sec2 .title{
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-bottom: 2.27%;
}
.sec2 .title span{
	background-color: #63b0f4;
	height: 1em;
	width: 0.22em;
	margin-right: 0.7em;
	vertical-align: middle;
	display: inline-block;
}
.sec2 .swiper-container{
	width: 100%;
	overflow: visible;
}
.sec2 .swiper-slide .flexbox{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.sec2 .swiper-slide .img{
	width: 100%;
	margin-bottom: 9.2%;
}
.sec2 .swiper-slide h5{
	font-size: 18px;
	color: #666;
	height: 1em;
	margin-right: 1em;
}
.sec2 .swiper-slide p{
	font-size: 14px;
	color: #828282;
	line-height: 1.7;
	margin: 8.4% 0 10%;
	height: 3.4em;
}
.sec2 .swiper-slide .line{
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
}
.sec2 .swiper-slide:hover .line{
	background-color: #999;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
.sec2 .swiper-slide .icon{
	-webkit-transition: transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}
.sec2 .swiper-slide:hover .icon{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
@media only screen and (max-width:1024px){
	.banner h5{
		font-size: 2rem;
	}
	.banner p{
		font-size: 0.625rem;
	}


	.sec1{
		margin-bottom: 0.5rem;
		margin-top: -1.5rem;
	}
	.sec1 .inner{
		padding: 1.5rem 1rem; 
	}
	.sec1 .top{
		margin-bottom: 1rem;
		padding-bottom: 0.75rem;
	}
	.sec1 .top .timeandnum{
		font-size: 0.625rem;
	}
	.sec1 .top .back{
		font-size: 0.625rem;
	}
	.sec1 .top .back img{
		margin-left: 0.64em;
		width: 1.57em;
		vertical-align: middle;
	}
	.sec1 .title{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	.sec1 .content{
		font-size: 0.625rem;
		margin-bottom: 2rem;
	}
	.sec1 .bottom a{
		font-size: 0.625rem;
		color: #333;
	}
	.sec1 .bottom a img{
		opacity: 1;
	}
	.sec1 .bottom .line{
		margin: 0.5rem 0;
	}
	.sec2{
		margin-bottom: 2.5rem;
	}
	.sec2 .inner{
		background-color: #fff;
		padding: 1.5rem 1rem; 
	}
	.sec2 .title{
		font-size: 0.75rem;
		margin-bottom: 1rem;
	}
	.sec2 .swiper-container{
		overflow: hidden;
	}
	.sec2 .swiper-slide h5{
		font-size: 0.6875rem;
		margin-right: 0;
	}
	.sec2 .swiper-slide p{
		font-size: 0.625rem;
		margin: 0.5rem 0 1rem;
	}
	.sec2 .swiper-slide:hover .line{
		background-color: #e6e6e6;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.sec2 .swiper-slide .icon{
		display: none;
	}

}