.index {



	width: 100%;



	background-color: rgba(0, 0, 0, 0);



}







.index input {



	width: 100%;



	height: 100%;



}


/* 卡1 */
/*.card_1 {*/
/*	width: 100%;*/
/*	height: 8rem;*/
/*}*/
/*.card_1 ul {*/
/*	width: 100%;*/
/*	height: 8rem;*/
/*}*/
/*.card_1 ul>li {*/
/*	width: 100%;*/
/*	height: 8rem;*/
/*}*/
/*.card_1 ul>li>img {*/
/*	display: block;*/
/*	width: 100%;*/
/*	height: 8rem;*/
/*}*/






/* 卡1 */
.card_1 {
	width: 100%;
	/* height: 800px; */
	padding-top: 41.666%;
	position: relative;
}


.card_1>div {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.card_1 ul {
	/* position: absolute;
	top: 0;
	left: 0; */
	width: 100%;
	height: 100%;
}
.card_1 ul>li {
	width: 100%;
	height: 100%;
}
.card_1 ul>li>img {
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1200px){
	.card_1 {
		width: 12rem;
		padding-top: 500px;
		position: relative;
	}
}





.liimg1 {
	padding-top: 20vh;
	background: url(../img/banner_itm.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
/* 主展示区 */
.card_1_main_box {
	max-width: 12rem;
	height: 8rem;
	margin: 0 auto;
}
.content_tit {
	width: 100%;
	font-size: 0.48rem;
	font-family: MiSans-Semibold, MiSans;
	font-weight: 600;
	color: #222122;
	line-height: 1rem;
}

.content_content {
	width: 6.82rem;
	font-size: 0.24rem;
	font-family: MiSans-Medium, MiSans;
	font-weight: 500;
	color: #222222;
	line-height: 0.4rem;
}







.down_box {



	/* width: 1.76rem; */



	padding-top: 0.52rem;



	padding-bottom: 0.24rem;



}







.down_l {



	/* width: 1.6rem; */



	font-size: 0.18rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #003C96;



	/* line-height: 0.21rem; */



	padding-right: 0.13rem;



}







.down_r {



	display: block;



	width: 0.16rem;



	height: 0.24rem;



}







.more_btn {



	/* width: 1.72rem; */



	/* height: 0.52rem; */



	/* line-height: 0.52rem; */



	padding: 0.15rem 0.4rem;



	display: inline-block;



	text-align: center;



	background: #387EF7;



	border-radius: 5px 5px 5px 5px;



	opacity: 1;



	font-size: 0.14rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



}















/* card_2 */



.card_2 {



	width: 100%;



	height: 10.8rem;



	background: url(../img/bg2.png);



	background-repeat: no-repeat;



	background-size: 100% 100%;



}







.card_2_main_box {



	width: 12rem;



	height: 100%;



	padding-bottom: 2.06rem;



	margin: 0 auto;



}







.card_2_main_row1 {



	width: 100%;



	position: relative;



}







/*四图*/



.banner_box {



	width: 100%;



	position: absolute;



	top: -47px;



}

.banner_box .on{

	box-shadow: 0 0 0.08rem 0.08rem rgba(56, 126, 247,.5);

}





.banner_itm {

width: 24%;

	padding: 0.25rem 0.23rem 0.24rem 0.23rem;



	background: #FFFFFF;



	opacity: 1;



}







.banner_itm:hover {



	cursor: pointer



}







.banner_itm>img {

	display: block;

	height: 1.25rem;

	object-fit:cover;

}







.banner_itm_content {



	width: 1.68rem;

	padding-top: 0.1rem;

	/* height: 0.36rem; */



	font-size: 0.12rem;



	font-family: MiSans-Medium, MiSans;



	font-weight: 500;



	color: #465363;



	/* line-height: 0.18rem; */



}











.card_2_main_row2 {



	width: 100%;



	padding: 2.73rem 0 0 0;



	/* background-color: #f00; */



}



















/*公tit*/







.uti_tit_box {



	width: 6.9rem;



	margin: 0 auto;



	padding: 0 0.55rem 0 0.55rem;



	text-align: center;



}







.uti_tit_tit {



	font-size: 0.24rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #387EF7;



}







.uti_tit_content {



	width: 100%;



	padding: 0.1rem 0 0.1rem 0;



	font-size: 0.4rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #252B42;



	line-height: 0.5rem;



}







.uti_content {



	font-size: 0.14rem;



	text-align: left;



	font-family: MiSans-Medium, MiSans;



	font-weight: 500;



	color: #737373;



	/* line-height: 0.2rem; */



}































/*板块2*/







.card_2_mabox {

	width: 100%;

	padding: 1rem 0 0 0;

	display: grid;

	grid-template-columns:2.4rem calc(100% - 2.4rem - 0.14rem) ;

	column-gap: 0.14rem;

}



.swim_lane {

	width: 2.4rem;

	position: relative;

}







.swim_lane_tit {



	width: 100%;



	height: 0.47rem;



	padding: 0.17rem;



	background: #003C96;



	border-radius: 5px 5px 0px 0px;



	font-size: 0.16rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



	line-height: 0.13rem;



}







.swim_lane_box {



	height: 3.2rem;







	/* 跟随hover时解开 */



	/* min-height: 320px; */



	/* max-height: 507px; */







	/* padding: 4px 20px 4px 20px; */



	background: #FFFFFF;



	border-radius: 0px 0px 5px 5px;



	opacity: 1;



	border: 2px solid #387EF7;



	font-size: 0.12rem;



	font-family: MiSans-Medium, MiSans;



	font-weight: 500;



	color: #000000;



	/* line-height: 13px; */



	/* overflow-x: hidden; */







	/* 跟随hover时禁用 */



	overflow-y: scroll;



	/* 兼容火狐 */



	scrollbar-width: none;







}







.swim_lane_box::-webkit-scrollbar {



	display: none



}







.swim_lane_box .swim_itm {



	/* width: 90%;



	margin: 0 auto; */



	/* padding: 16px 0; */



	/* color: #000000; */







	/* 跟随hover时解开 */



	/* position: relative; */







	cursor: pointer;



}











.swim_lane_box .swim_itm .itm_img {



	display: block;



	width: 0.14rem;



	height: 0.13rem;



}







.swim_lane_box .swim_itm .itm_tit {



	width: 1.87rem;



	height: 100%;



	padding-left: 0.1rem;



	font-size: 0.12rem;



	font-family: MiSans-Medium, MiSans;



	font-weight: 500;



	line-height: 0.5rem;



}







.itemWrap {



	width: 90%;



	margin: 0 auto;



	height: 0.5rem;



	line-height: 0.5rem;



	border-bottom: 1px solid #EDEDED;



}







.show_box {



	width: 2.4rem;



	max-height: 6rem;



	min-height: 3.2rem;



	background-color: #fff;



	border: 1px solid #DDDDDD;



	border-radius: 0 4px 4px 0;



	overflow-x: hidden;



	overflow-y: scroll;



	position: absolute;



	/* left: 100.5%; */



	/* top: 0; */



	/* 不跟随时上部对齐解开 */



	top: 0.47rem;



	left: 100%;



	z-index: 100000;



	display: none;



}



@media screen and (max-width: 800px) {



	.show_box {



		width: 3rem;



		max-height: 6rem;



		min-height: 3.2rem;



		background-color: #fff;



		border: 1px solid #DDDDDD;



		border-radius: 0 4px 4px 0;



		overflow-x: hidden;



		overflow-y: scroll;



		position: absolute;



		/* left: 100.5%; */



		/* top: 0; */



		/* 不跟随时上部对齐解开 */



		top: 0.47rem;



		left: 100%;



		z-index: 100000;



		display: none;



	}



}



.show_box::-webkit-scrollbar {



	display: none



}











.show_box .show_itm {



	width: 100%;



	height: 0.5rem;



	padding: 0 0.12rem 0 0.12rem;



	font-size: 0.14rem;



	font-family: MiSans-Medium, MiSans;



	font-weight: 500;



	color: #000000;



	line-height: 0.5rem;



}







.car_387 {



	color: "#387EF7"



}



























.card_r {



	/* width: 10.15rem; */



	height: 3.67rem;



}







.row_box {



	width: 100%;



	padding-bottom: 0.15rem;

}







.row_box2_box {



	width: 100%;



	padding-top: 0.05rem;



}







.row_box2 {



	width: 100%;



	height: 1.67rem;



	padding: 0.99rem 0 0.24rem 0.48rem;



	border-radius: 5px 5px 5px 5px;



	background: url(../img/group.png);



	background-repeat: no-repeat;



	background-size: 100% 100%;



}







.row_itm_lon {



	width: 85%;



	height: 0.5rem;



	padding: 0 0.18rem 0 0.18rem;



	background: #FFFFFF;



	border-radius: 5px 5px 5px 5px;



	opacity: 1;



	border: 1px solid #DDDDDD;



}







.row_box2_l_tit {



	padding-top: 0.17rem;



}







.row_box2_l_tit>img {



	display: block;



	width: 2.05rem;



	height: 0.34rem;



}







.row_box2_l_btn {



	width: 100%;



	padding: 0 0.2rem 0 0.2rem;



}







.bg_box2_btn {



	/* width: 1.6rem; */



	padding: 0 0.2rem 0 0.2rem;



	height: 0.44rem;



	line-height: 0.44rem;



	border-radius: 0.37rem;



	opacity: 1;



	border: 1px solid #FFFFFF;



	font-size: 0.14rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



}







.bg_box2_btn>img {



	display: block;



	width: 0.09rem;



	height: 0.16rem;



}







.bg_box2_btn_tit {



	padding-right: 0.1rem;



}







.row_itm_min {



	width: 1.29rem;



	height: 0.5rem;



	line-height: 0.5rem;



	text-align: center;



	font-size: 0.14rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



	border-radius: 5px 5px 5px 5px;



	opacity: 1;



}







.row_itm_cen {



	width: 34%;



	height: 0.5rem;



	padding: 0 0.18rem 0 0.18rem;



	background: #FFFFFF;



	border-radius: 5px 5px 5px 5px;



	opacity: 1;



	border: 1px solid #DDDDDD;



}







.sel_img {



	display: block;



	width: 0.14rem;



	height: 0.08rem;



}







.s1 {



	cursor: pointer;



}











/* 卡3 */



.ka3 {



	width: 100%;



	min-height: 10.8rem;



	border-top: 1px solid #FFC800;



	border-bottom: 1px solid #FFC800;



	padding: 1rem 0 1.51rem 0;



	background-color: #F6F7FB;



}







.ka3_box {



	max-width: 12rem;



	height: 100%;



	margin: 0 auto;



}











.card_3 {



	width: 100%;



}







.card_3_content {



	width: 100%;



	height: 1.56rem;



	padding-top: 1rem;



	/*background-color: #0ff;*/



}







.card_3_l {



	width: 5.7rem;



	height: 100%;



}







.card_3_r {



	width: 5.6rem;



	height: 100%;



}







.card_3_l_img_box {



	width: 100%;



	height: 2.94rem;



	padding: 0.2rem 0 0 0.2rem;



	background: url(../img/banner_itm1.png);



	background-repeat: no-repeat;



	background-size: 100% 100%;



}







.card_3_l_content_box {



	width: 100%;



	padding: 0.25rem 0.5rem 0.25rem 0.17rem;



	color: #fff;



	background-color: #387EF7;



}







.card_3_content .row1 {



	width: 100%;



	padding-bottom: 0.17rem;



	font-size: 0.2rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



	/* line-height: 0.3rem; */



}







.card_3_content .row2 {



	width: 100%;



	font-size: 0.14rem;



	font-family: MiSans-Medium, MiSans;



	font-weight: 500;



	color: #FFFFFF;



	/* line-height: 0.2rem; */



}







.card_3_content .row3 {



	width: 100%;



	height: 0.46rem;



	padding: 0.17rem 0 0.17rem 0;



}







.card_3_content .icon_akar_calendar {



	display: block;



	width: 0.16rem;



	height: 0.16rem;



}







.card_3_content .icon_akar_calendar_tit {



	width: 5.1rem;



	padding: 0 0 0 0.05rem;



	font-size: 0.12rem;



	font-family: MiSans-Regular, MiSans;



	font-weight: 400;



	color: #FFFFFF;



	line-height: 0.16rem;



}







.card_3_content .row4 {



	width: 100%;



}







.row4_btn_box {



	/* width: 1.6rem; */



	padding: 0.1rem 0.2rem 0.1rem 0.2rem;



	/* height: 0.44rem; */



	line-height: 0.44rem;



	border-radius: 0.37rem;



	opacity: 1;



	border: 1px solid #FFFFFF;



}







.row4_btn_tit {



	font-size: 0.14rem;



	line-height: 0.26rem;



	padding: 0 0.1rem 0 0;



}







.row4_btn_img {



	display: block;



	width: 0.09rem;



	height: 0.16rem;



}







.card_3_r .tit {



	width: 100%;



	padding: 0 0 0.09rem 0;



	font-size: 0.24rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #252B42;



	line-height: 0.32rem;



}







.card_3_r .lin_box {



	width: 1rem;



	padding: 0 0 0.05rem 0;



}







.card_3_r .lin {



	width: 0.68rem;



	height: 0.02rem;



	background: #003C96;



	border-radius: 0px 0px 0px 0px;



	opacity: 1;



}







.card_3_r_itm {



	width: 100%;



	padding-top: 0.35rem;



	display: grid;



	grid-template-columns: 0.44rem 4.78rem;



	column-gap: 0.13rem;



}







.card_3_r_itm_sign {



	width: 0.44rem;



	height: 0.44rem;



	line-height: 0.44rem;



	text-align: center;



	border-radius: 50%;



	background-color: #387EF7;



	font-size: 0.16rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



}







.card_3_r_itm_con_t {



	font-size: 0.16rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #252B42;



	line-height: 0.24rem;



}







.card_3_r_itm_con_b {



	padding-top: 0.08rem;



	font-size: 0.14rem;



	font-family: MiSans-Regular, MiSans;



	font-weight: 400;



	color: #41505D;



}







.card_3_r_btn_box {



	width: 100%;



	padding-top: 0.3rem;



}







.card_3_r_btn {



	height: 0.44rem;



	padding: 0 0.2rem 0 0.2rem;



	border-radius: 0.37rem;



	opacity: 1;



	border: 1px solid #387EF7;



}







.card_3_r_btn_tit {



	padding-right: 0.1rem;



	font-size: 0.14rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #737373;



	line-height: 0.26rem;



}







.card_3_r_btn_img {



	display: block;



	width: 0.09rem;



	height: 0.16rem;



}











/* 卡4 */



.ka4 {



	width: 100%;



	height: 10.8rem;



	background: url(../img/bg4.png);



	background-repeat: no-repeat;



	background-size: 100% 100%;



}







.ka4_box {



	width: 12rem;



	height: 100%;



	margin: 0 auto;



}







.card_4 {



	width: 100%;



	height: 100%;



	padding: 1rem 0 2.12rem 0;



}







.card_4 .main {



	width: 100%;



	padding-top: 1rem;



	display: grid;



	grid-template-columns: 3.6rem 3.6rem 3.6rem;



	column-gap: 0.4rem;

	justify-content: center;



}







.card_4 .main .itm {



	width: 100%;



	/* height: 5.35rem; */



	background-color: #2457C6;



	color: #fff;



}







.card_4 .main .itm .itm_img {



	display: block;



	width: 100%;



	height: 2.8rem;



}







.card_4 .main .itm .itm_box {



	width: 100%;



	padding: 0.2rem 0.3rem 0.39rem 0.3rem;



}







.card_4 .main .itm .itm_box_tit {



	width: 100%;



	padding-top: 0.25rem;



	text-align: center;



	font-size: 0.2rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



	line-height: 0.3rem;



}







.card_4 .main .itm .itm_box_con {



	width: 100%;



	font-size: 0.14rem;



	font-family: MiSans-Medium, MiSans;



	font-weight: 500;



	color: #FFFFFF;



	/* line-height: 0.2rem; */



}







.card_4 .main .itm .itm_box_btn {



	width: 100%;



	padding-top: 0.1rem;



	font-size: 0.14rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



	/* line-height: 0.24rem; */



}







.card_4 .main .itm .itm_box_btn>img {



	display: block;



	width: 0.09rem;



	height: 0.16rem;



}







.card_4 .main .itm .itm_box_btn .itm_box_btn_tit {



	padding-right: 0.1rem;



}











/* 卡5 */

.ka5_all{
    width: 100%;
    padding-top: 43.958%;
    position: relative;
}

.ka5 {



	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    left: 0;


	background: url(../img/bg5.png);



	background-repeat: no-repeat;



	background-size: 100% 100%;



}







.ka5_box {



	width: 12rem;



	height: 100%;



	margin: 0 auto;



}







.card_5 {



	width: 100%;



	height: 100%;



}

@media screen and (max-width: 1200px){
    .ka5_all{
        width: 1200px;
        padding-top: 520px;
        position: none;
    }
}





.card_5 .row1 {



	width: 100%;



	padding-top: 13.177%;



	font-size: 0.24rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



	line-height: 0.24rem;



}







.card_5 .row2 {



	width: 100%;



	padding: 0.32rem 0 0.32rem 0;



	font-size: 0.48rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FFFFFF;



	line-height: 0.5rem;







}







.card_5 .row3 {



	width: 100%;



	padding: 0 0 0.32rem 0;



	font-size: 0.2rem;



	font-family: MiSans-Regular, MiSans;



	font-weight: 400;



	color: #FFFFFF;



	line-height: 0.28rem;







}







.card_5 .row4 {



	font-size: 0.2rem;



	font-family: MiSans-Bold, MiSans;



	font-weight: bold;



	color: #FAFAFA;



	line-height: 0.22rem;







}







.card_5 .row4 .btn {



	display: inline-block;



	height: 0.52rem;



	padding: 0 0.4rem 0 0.4rem;



	line-height: 0.52rem;



	text-align: center;



	border-radius: 5px 5px 5px 5px;



	opacity: 1;



	border: 1px solid #FAFAFA;



}