* {
	padding: 0;
	margin: 0;
	list-style: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-style: normal;
}

.bgimg{
    height: 56.25vw;
    background-position:center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.container_1{
	width: 100%;
	position: absolute;
	left: 0;bottom: 0;
	padding-bottom: 80px;
}
.container{
    width: 100%;
    position: relative;
}






.bg_p1_title{
	font-size: 70px;
	color: #fff;
	font-weight: bold;
}
.bg_p1{
	width: 100%;
	max-width: 1530px;
	margin: 0 auto;
}
.bg_p1_li{
	width: 148px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	border:2px solid #8d9aa3;
	border-radius: 50px;
	float: left;
	margin-right: 12px;
}
.bg_p1_li.select{
	background-color:#dcd9d9;
	color: #222222;
}
.container_1{
	width: 100%;
	
}
.container_2{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.container_center{
	width: 79.17vw;
	margin: 4.17vw auto;
}
.bg_2 img{
	width: 100%;
}
.bg_2{
	width: 100%;
	height: 25vw;
	border-radius: 10px;
	overflow:hidden;
	position: relative;
}
.bg_center{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.bg_center_tiele{
	font-size: 2.23vw;
	margin-bottom: 2.3vw;
	line-height: 2.3vw;
}
.bg_center_text{
	width: 70%;
	text-align: center;
	font-size: 0.83vw;
	line-height: 1.25vw;
}
.ceneter_list_1{
	position: relative;
}
.ceneter_list_flex{
	width: 100%;
	height: 8.5vw;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	margin-top: 2.08vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ist_1_div_pos{
	display: flex;
}
.list_1_number{
	color: #007bc8;
	font-size: 2.5vw;
	font-weight: bold;
}
.list_1_number_tltie{
	font-weight: bold;
	font-size: 1.05vw;
	margin-left: 0.21vw;
}
.list_1_text{
	font-size: 0.83vw;
	font-weight: bold;
}
.ceneter_list_title{
	font-size:1.05vw;
	line-height: 1.05vw;
	height: 1.05vw;
	width: 6.67vw;
	background-color: #fff;
	color: #999;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top:0;
	margin: -0.52vw 0 0 -3.33vw;
	text-align: center;
}

.li_list{
	background-color: #fff;
	box-sizing: border-box;
	padding: 3vw 2.5vw;
	border-radius: 1.05vw;
}
.li_list_tiel{
	margin-top: 1.45vw;
	font-size: 1.15vw;
	font-weight: bold;
}
.li_list_icons{
	width: 1.9vw;
	border-bottom:2px solid #007bc8;
	margin: 1.45vw auto;
	display: inline-block;
}
.li_list_text,.li_list_text_2{
	font-size: 0.83vw;
	color: #777;
	line-height: 1.2vw;
}



.ul_list{
	width: 100%;
	margin-top: 2vw;
}
.ul_list.flex{
	display: flex;
	justify-content: space-between;
}
.linear_gradient {
  background: linear-gradient(to bottom, #fff 80%, #e6f1f9 100%);
}
.flex li{
	width: 18.22vw;
	background: #fafafc;
}
.colo_2{
	background-color: #fafafc;
}
.ul_list_title{
	font-size: 2.39vw;
	font-weight: bold;
	text-align: center;
	line-height: 2.39vw;
	margin-top: 2.39vw;
}
.width_aotu{
	width: 100%;
	margin-bottom: 2.08vw;
}
.width_2{
	width: 25vw !important;
}

.ul_list2{
	width: 100%;
	height: auto;
	min-height: 19.27vw;
	border-radius: 0.52vw;
	overflow: hidden;
	margin-top: 2.08vw;
	display: flex;
}
.bg_4 img{
	width: 100%;
	display: block;
}
.bg_4{
	width: 50%;
	height:auto;
	float: left;
	border-radius: 0.52vw;
	overflow: hidden;
}
.ul_list_dviBox{
	width: 50%;
	height: auto;
	background-color: #f4f7f9;
	box-sizing: border-box;
	padding: 2.08vw;
	position: relative;
}
.ul_list_dviBox .li_list_tiel{
	font-size: 2.3vw;
}
.ul_list_dviBox .li_list_text{
	line-height: 1.61vw;
}
.li_list_text_2{
	position: absolute;
	left: 2.08vw;
	bottom: 2.08vw;
}
.li_list_text span{
	color: #007bc8;
}

.c2_fled{
	width: 100%;
}
.c2_div{
	width: 100%;
	margin: 0 1.875vw;
}
.c2_div:nth-child(1){
	margin-left: 0;
}
.c2_div:nth-child(2){
	margin-right: 0;
}
.c2_title{
	font-size: 46px;
	font-weight: bold;
}
.c2_ul{
	width:100%;
	overflow: hidden;
}
.c2_li{
	width: 100%;
	height: 7vw;
	position: relative;
	border-bottom: 1px solid #c1c1c1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: url('../images/iocn_pdf.jpg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1.61vw 1.66vw;
	padding-left: 2.92vw;
	box-sizing: border-box;
}
.c2_li_div_left{
	width: 75%;
}
.c2_li_div_left .p1{
	font-size: 1.3vw;
	line-height: 1.83vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.c2_li_div_left .p2{font-size: 0.88vw;color: #acacac;}
.c2_li .p3{
	font-size: 0.83vw;
}
.c2_li_div_right{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #c1c1c1;
	color: #c1c1c1;
	border-radius: 8px;
	text-align: center;
	width: 6.77vw;
	height: 1.875vw;
}
.c2_li .p4{
	width: 0.625vw;
	height: 0.83vw;
	background-image: url('../images/icon_xz_1.jpg');
	background-position:center center;
	background-size: 100%;
	margin-left: 0.625vw;
}
.c2_li.select,.c2_li:hover{
	border-color: #007bc8;
}
.c2_li.select .c2_li_div_right,.c2_li:hover .c2_li_div_right{
	border-color: #007bc8;
	background-color:#007bc8;
	color: #fff;
}
.c2_li:hover .c2_li_div_right p{
	color: #fff;
}
.c2_li.select .c2_li_div_right .p4,.c2_li:hover .c2_li_div_right .p4{
	background-image: url('../images/icon_xz_2.jpg');
}
.c2_li.select .c2_li_div_left .p1,.c2_li:hover .c2_li_div_left .p1{color: #007bc8;}
.c2_bottom{
	margin-top: 68px;
}
.c2_bottom_flex{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ceneter_list_3{
	width: 100%;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	padding: 2.03vw 0;
}
.icon_type img{
	width: 100%;
	display: block;
	
}
.icon_type{
	width: 3.33vw;
	height: 3.33vw;
	margin: 0 auto;
	margin-bottom: 2.08vw;
}
.icon_type_title{
	height: 1.7vw;
	font-size: 1.66vw;
	line-height: 1.7vw;
	font-weight: bold;
	color: #007bc8;
	text-align: center;
}
.icon_type_text{
	font-size: 0.73vw;
	font-weight: bold;
	text-align: center;
	margin-top: 0.625vw;
	line-height: 0.73vw;
}
.list_3_flex{
	width: 100%;
	display:flex;
	justify-content: space-between;
	height: 100%;
	
}
.icon_type_text2{
	font-size: 0.73vw;
	line-height: 0.73vw;
	color: #c1c1c1;
	margin-top: 0.52vw;
}
.c3_title{
	font-weight: bold;
	font-size: 2.3vw;
	line-height: 2.3vw;
	text-align: center;
	margin-bottom: 2.6vw;
}
.c3_title2{
	font-weight: bold;
	font-size: 2.3vw;
	line-height: 2.3vw;
	text-align: center;
	margin-top: 4.43vw;
}

.icon_type_4 img{
	width: 100%;
	display: block;
}
.icon_type_4{
	width: 9.8vw;
	position: absolute;
	left: 50%;
	top:0;
	margin: 0 0 0 -4.89vw;
}

.ceneter_list_5 .li_list{
	padding: 3.07vw 2.1vw 1.1vw;
}
.ceneter_list_5 .li_list_tiel{
	margin: 0;
}

.list-box{
	display: flex;
	justify-content: space-between;
}
.list-box>div{
	width: 48%;
}

.icon_type_title span{
	font-size: 0.9vw;
	font-weight: bold;
}





@media screen and (max-width:1024px) {
	.container_center{
		width: 91.47%;
		margin: 0.8rem auto;
	}
	.list-box{
		flex-wrap: wrap;
	}
	.list-box>div{
		width: 100%;
	}
	.bg_2{
		height: 3.76rem;
		border-radius: 0.12rem;
	}
	.bg_center_tiele{
		font-size: 0.46rem;
		line-height: 0.5rem;
		margin-bottom: 0.45rem;
	}
	.bg_center_text{
		width: 80%;
		font-size: 0.19rem;
		line-height: 0.32rem;
	}
	.ceneter_list_flex{
		height: 3.32rem;
		margin-top:0.4rem;
		flex-wrap: wrap;
	}
	.list_1_number{
		font-size: 0.45rem;
	}
	.list_1_number_tltie{
		font-size: 0.2rem;
		margin-left: 0.05rem;
	}
	.list_1_text{
		font-size: 0.2rem;
		line-height: 0.45rem;
	}
	.ceneter_list_flex>.list_1_div{
		width: 38%;
	}
	.ceneter_list_flex>.list_1_div:nth-child(1),.ceneter_list_flex>.list_1_div:nth-child(3){
		width: 49%;
		margin-left: 12%;
	}
	.ceneter_list_title{
		width: 1.27rem;
		height: 0.28rem;
		font-size: 0.22rem;
		line-height: 0.28rem;
		margin:-0.14rem 0 0 -0.635rem;
	}
	.ul_list.flex{
		margin-top: 0.45rem;
		flex-wrap: wrap;
	}
	.flex li{
		width: 48% !important;
		margin-bottom: 0.4rem;
		padding: 0.47rem 0.4rem 0.4rem !important;
		border-radius: 0.12rem;
	}
	.flex li:nth-child(2n){
		
	}
	.li_list_tiel{
		font-size: 0.24rem;
		line-height: 0.37rem;
	}
	.li_list_icons{
		width: 0.38rem;
		margin: 0.25rem 0;
	}
	.li_list_text, .li_list_text_2{
		font-size: 0.2rem;
		line-height: 0.3rem;
	}
	.icon_type_4{
		width: 1.88rem;
		margin-left: -0.94rem;
	}
	.bg_3{
		height: 4.36rem;
	}
	.ul_list_title{
		font-size: 0.46rem;
		line-height: 0.46rem;
		margin-top: 0.45rem;
	}
	.ul_list2{
		height: auto;
		min-height:auto;
		border-radius: 0.12rem;
		
	}
	.ul_list_dviBox{
		padding: 0.38rem;
	}
	.ul_list_dviBox .li_list_tiel{
		font-size: 0.48rem;
	}
	.ul_list_dviBox .li_list_text{
		font-size: 0.2rem;
		line-height: 0.3rem;
	}
	.li_list{
		padding: 0.4rem;
		border-radius: 0.12rem;
	}
	.bg_4{
		height: auto;
		border-radius: 0.12rem;
	}

	.flex li.width_3,.li_list.width_2:last-child{
		width: 100% !important;
		margin-left:0;
	}
	.bg_5{
		height: 4.8rem;
	}
	.ul_list3{
		margin-top: 0.4rem;
	}
	.ul_list_dviBox2{
		padding: 0.5rem 0.38rem;
	}
	.c3_title{
		font-size: 0.47rem;
		line-height: 0.47rem;
		margin-bottom: 0.45rem;
	}
	.ceneter_list_3{
		padding: 0.39rem 0;
	}
	.icon_type{
		width: 0.65rem;
		height: 0.65rem;
		margin-bottom: 0.35rem;
	}
	.icon_type_title{
		height: 0.7rem;
		font-size: 0.49rem;
		line-height: 0.7rem;
	}
	.icon_type_text,.icon_type_text2{
		font-size: 0.2rem;
		line-height: 0.28rem;
		margin: 0;
	}
	.c3_title2{
		font-size: 0.46rem;
		line-height: 0.5rem;
		margin:0.85rem 0 0.12rem;
	}
	.c2_li{
		width: 100%;
		height: auto;
		background-size:0.31rem 0.32rem;
		padding:0.35rem 0 0.35rem 0.55rem;
		box-sizing: border-box;
	}
	.c2_li_div_left .p1{
		font-size: 0.3rem;
		line-height: 0.45rem;
	}
	.c2_li_div_left{
		width: 69%;
	}
	.c2_li_div_left .p2{
		font-size: 0.19rem;
		line-height: 0.28rem;
	}
	.c2_fled{
		flex-direction:column;
	}
	.c2_div{
		margin: 0;
	}
	.container_center1{
		margin-bottom: 0.4rem;
	}
	.c2_li_div_right{
		width: 1.48rem;
		height: 0.44rem;
	}
	.c2_li .p3{
		font-size: 0.2rem;
	}
	.c2_li .p4{
		width: 0.13rem;
		height: 0.16rem;
		margin-left: 0.12rem;
	}
	.icon_type_title span{
		font-size: 0.22rem;
	}
}