.h_banner{
    width: 100%;
    position: relative;
}
.h_banner img{
    width: 100%;
}
.h_banner .box{
    position: absolute;
    left: 18%;
    top: 37%;
}
.h_banner .box .h_title{
    font-size: 48px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 56px;
}
.h_banner .box .h_desc{
    font-size: 20px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 23px;
    margin-top: 15px;
}


/* 新闻列表 */
.news_list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 80px 18%;
	background: #F6F6F6;
}
.news_list .news_box{
    /* overflow: hidden; */
    /* width: 100%; */
    /* margin-top: 32px; */
	padding: 40px;
    display: flex;
    flex-direction: row;
	background: #fff;
	cursor: pointer;
}
.news_list .news_box .img_box{
	position: relative;
}
.news_list .news_box .img_box img{
	max-width: 380px;
}
.news_list .news_box .img_box .time_box{
	position: absolute;
	top: 0;
	left: 0;
    background: #264181;
	padding: 11px 21px;
}
.news_list .news_box .img_box .time_box p{
	font-size: 36px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 42px;
}
.news_list .news_box .img_box .time_box span{
	font-size: 12px;
	font-family: Source Han Serif CN-Regular, Source Han Serif CN;
	/* font-weight: 400; */
	color: #FFFFFF;
	line-height: 14px;
}
.news_list .news_box .news_content{
	padding: 16px 0px 0 30px;
}
.news_list .news_box .news_content p{
	font-size: 16px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 19px;
	margin-bottom: 9px;
}
.news_list .news_box .news_content span{
	font-size: 14px;
	font-family: Source Han Serif CN-Regular, Source Han Serif CN;
	font-weight: 400;
	color: #777777;
	line-height: 26px;
    text-align: justify;
}

.news_list .news_boxs{
	margin-top: 10px;
	padding: 40px;
	background: #FAFAFA;
	
}
.news_list .news_boxs .title{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 16px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 19px;
}
.news_list .news_boxs .title p{
	margin-bottom: 16px;
}
.news_list .news_boxs .title span{
    text-align: center;
	width: 88px;
    height: 32px;
    line-height: 32px;
	border: 1px solid #777777;
    border-radius: 24px 24px 24px 24px;
	cursor: pointer;
}
.news_list .news_boxs .title span a{
    font-size: 12px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #777777;
    line-height: 28px;
}
.news_list .news_boxs .time{
	height: 16px;
	display: flex;
	flex-direction: row;
	margin-bottom: 25px;
}
/* .news_list .news_boxs .time_icon{
	height: 16px;
} */
.news_list .news_boxs .time_icon img{
	border: none;
	vertical-align: 0;
	box-sizing: content-box;
}
.news_list .news_boxs .time p{
	font-size: 12px;
	font-family: Source Han Serif CN-Regular, Source Han Serif CN;
	font-weight: 400;
	color: #777777;
	line-height: 14px;
	margin-left: 4px;
}
.news_list .news_boxs span{
	font-size: 14px;
	font-family: Source Han Serif CN-Regular, Source Han Serif CN;
	font-weight: 400;
	color: #777777;
	line-height: 26px;
    text-align: justify;
}
.news_boxs .title span:hover{
	border-color: #264181;
    
}
.news_boxs .title span:hover a{
	color: #264181;
	
}



@media (max-width:767px){
    
    /* banner */
    .h_banner .box{left: 4.5%;top: 42%;}
    .h_banner .box .h_title{font-size: 20px;margin-bottom: 2px;line-height: normal;}
    .h_banner .box .h_desc{font-size: 12px;line-height: normal;margin-top: 0;}

	.news_list{padding: 5%;}
    .news_list .news_box{flex-direction: column;padding: 5%;}
	.news_list .news_box .img_box{width: 100%;}
	.news_list .news_box .img_box img{width: 100% !important;}
	.news_list .news_box .news_content{padding: 5% 0 0;}

	.news_list .news_boxs{padding: 5%;}
	.news_list .news_boxs .title{flex-direction: column;}
	.news_list .news_boxs .title p {
		margin-bottom: 3%;
	}
	.news_list .news_boxs .title span{
		width: 70px;
		height: 27px;
		line-height: 27px;
	margin-bottom: 2%;}
	.news_list .news_boxs .time{margin-bottom: 3%;}

	.page .h_right{display: none;}
}

@media (max-width:400px){
    /* banner */
    .h_banner .box{left: 4.5%;top: 42%;}
    .h_banner .box .h_title{font-size: 16px;margin-bottom: 2px;line-height: normal;}
    .h_banner .box .h_desc{font-size: 12px;line-height: normal;margin-top: 0;}

	.news_list{padding: 5%;}
    .news_list .news_box{flex-direction: column;padding: 5%;}
	.news_list .news_box .img_box{width: 100%;}
	.news_list .news_box .img_box img{width: 100% !important;}
	.news_list .news_box .news_content{padding: 5% 0 0;}

	.news_list .news_boxs{padding: 5%;}
	.news_list .news_boxs .title{flex-direction: column;}
	.news_list .news_boxs .title p {
		margin-bottom: 3%;
	}
	.news_list .news_boxs .title span{
		width: 70px;
		height: 27px;
		line-height: 27px;
	margin-bottom: 2%;}
	.news_list .news_boxs .time{margin-bottom: 3%;}

	.page .h_right{display: none;}
}
@media (min-width:768px) and (max-width:991px){
    /* banner */
    .h_banner .box{left: 8.5%;top: 42%;}
    .h_banner .box .h_title{font-size: 30px;margin-bottom: 6px;line-height: normal;}
    .h_banner .box .h_desc{font-size: 14px;line-height: normal;margin-top: 0;}

    
	.news_list{padding: 5%;}
    .news_list .news_box{flex-direction: column;padding: 5%;}
	.news_list .news_box .img_box{width: 100%;}
	.news_list .news_box .img_box img{width: 100% !important;}
	.news_list .news_box .news_content{padding: 5% 0 0;}

	.news_list .news_boxs{padding: 5%;}
	.news_list .news_boxs .title{flex-direction: column;}
	.news_list .news_boxs .title p {
		margin-bottom: 3%;
	}
	.news_list .news_boxs .title span{
		width: 70px;
		height: 27px;
		line-height: 27px;
	margin-bottom: 2%;}
	.news_list .news_boxs .time{margin-bottom: 3%;}

	.page .h_right{display: none;}
}

@media (min-width:992px) and (max-width:1024px){
    /* banner */
    .h_banner .box{left: 8.5%;top: 42%;}
    .h_banner .box .h_title{font-size: 30px;margin-bottom: 6px;line-height: normal;}
    .h_banner .box .h_desc{font-size: 14px;line-height: normal;margin-top: 0;}
    
	.news_list{padding: 5%;}
    .news_list .news_box{padding: 5%;justify-content: space-between;}
	.news_list .news_box .img_box{width:50%;}
	.news_list .news_box .img_box img{width: 100% !important;}
	.news_list .news_box .news_content{width:46%;padding: 0;}

	.news_list .news_boxs{padding: 5%;}
}

@media (min-width:1025px) and (max-width:1199px){
    /* banner */
    .h_banner .box{left: 8.5%;top: 42%;}
    .h_banner .box .h_title{font-size: 38px;margin-bottom: 6px;line-height: normal;}
    .h_banner .box .h_desc{font-size: 14px;line-height: normal;margin-top: 0;}

	.news_list{padding: 5% 8%;}
    .news_list .news_box{padding: 5%;justify-content: space-between;}
	.news_list .news_box .img_box{width:50%;}
	.news_list .news_box .img_box img{width: 100%;}
	.news_list .news_box .news_content{width:46%;padding: 0;}

	.news_list .news_boxs{padding: 5% 8%;}
}
@media (min-width:1200px) and (max-width:1440px){
    /* banner */
    .h_banner .box{left: 8.5%;top: 42%;}
    .h_banner .box .h_title{font-size: 42px;margin-bottom: 12px;line-height: normal;}
    .h_banner .box .h_desc{font-size: 18px;line-height: normal;margin-top: 0;}

	.news_list{padding: 5% 10%;}
    .news_list .news_box{padding: 5%;justify-content: space-between;}
	.news_list .news_box .img_box{width:50%;}
	.news_list .news_box .img_box img{width: 100%;}
	.news_list .news_box .news_content{width:46%;padding: 0;}

	.news_list .news_boxs{padding: 5% 10%;}
}