/* 点的效果 */
@keyframes bordershow {
			
	50% {
		box-shadow: 0px 0px 10px 0 #0E38A8;
	}

}
@keyframes boderM {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	75% {
		transform: translate(-50%, -50%) scale(2);
		opacity: 0
	}

	100% {
		opacity: 0
	}

}
/* 点的效果 */

.mc_a1t_dians {
	position: relative;
	animation: bordershow 3s infinite;
}
.mc_a1t_requ{
	/* width: 2vw;
	height: 2vw; */

	width: 1vw;
	height: 1vw;
}
.mc_a1t_dianscts {
	display: block;
	width: 15px;
	height: 15px;
	background: #fff;
	border: 5px solid #0E38A8;
	border-radius: 50%;
}
.mc_a1t_dians::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(16, 3, 255, 0.4);
}
.mc_a1t_dians::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(3, 154, 255, 0.3);
}

.mc_a1t_dians::before {
	animation: boderM 3s .75s infinite;
}

.mc_a1t_dians::after {
	animation: boderM 3s infinite;
}




/* 点 */
.mc_a1t_as {
	display: block;
	position: relative;
}
.mc_pos_covers{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.mc_a1t_lis:hover{
	z-index: 10;
}
.mc_a1t_lis {
	position: absolute;
	z-index: 5;
}
.mc_a1t_li1 .mc_a1t_icons {
	font-size: 4.4em;
}
.dian_box_right {
	
	left: -360px !important;
	top: 5px !important;
	
}
.dian_box {
	width: 440px;
	background-color: #FAF9F9;
	/* left: 40px; */
	/* right: 90px; */
	top: -30px;
	height: 211px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	opacity: 0;
	/* pointer-events: none; */
	position: absolute;
	overflow: hidden;
}
/* .dian_box:hover{
	opacity: 1;
} */
.mc_a1t_lis:hover .dian_box{ 
	width: 430px;
	height: 210px;
	opacity: 1;				
	transition: all .2s cubic-bezier(.34, .44, .41, 1.12);

}
/* .mc_a1t_requlook{ 
	opacity: 1 !important;				
	transition: all .1s cubic-bezier(.34, .44, .41, 1.12);

} */
.dian_boxson1{
	width: 100%;
	height: 80%;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding-left: 30px;
	padding: 0 15px;
}
/*.dian_boxson1:hover{*/
/*	width: 102%;*/
/*	height: 75%;*/
/*	background-color: #fff;*/
/*	border-radius: 5px;*/
/*	box-shadow: 0px 0px 9px 1px #22222252;*/
/*	transition: all .4s cubic-bezier(.34, .44, .41, 1.12);*/
/*	transition-delay:1.5s*/
/*}*/

.dian_boxson1:hover .dian_ss-dst1{
	color:#0E38A8;
}
.dian_boxson_son{
	width: 400px;
	height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.dian_boxson_sont1{
	/* margin-bottom: 12px; */
	font-size: 15px;
	font-family: "inherit";
	font-weight: 800;
	color: #4D4D4D;
	line-height: 27px;
	/* overflow: hidden; */
	height: 50px;
}
.dian_boxson_sont1:hover{
	cursor: default;
}
.dian_ss-d{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.dian_ss-dimg{
	width: 70px;
}
.dian_ss-ds {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: start;
	height: 60px;
	margin-left: 20px;
}
.dian_ss-dst1{
	
	font-size: 13px;
	font-family: "inherit";
	font-weight: bold;
	color: #393939;
	line-height: 16px;
	overflow: hidden;
	height: 15px;
}
.dian_ss-dst2{

font-size: 10px;

font-family: "inherit";

font-weight: 300;

color: #393939;

line-height: 16px;

width: 300px;

height: 30px;

overflow: hidden;
}
.dian_boxson2_a{
	
	font-size: 13px;
	font-family: "inherit";
	font-weight: 300;
	color: #545454;
	line-height: 15px;
	/* margin: 0 5px; */
	overflow: hidden;
	height: 15px;
	margin-right: 10%;
}
.dian_boxson2_a:hover{
	color: #123AA6;
}
.dian_boxson2 a{
	text-decoration: none;

}
.dian_boxson2{
	display: flex;
	flex-direction: row;
	/* justify-content: space-around; */
	justify-content: flex-start;
	align-items: center;
	height: 20%;
	width: 400px;
}


/* .mc_a1t_lis:hover {
	z-index: 20;
}

.mc_a1t_lis:hover .dian_box {
	pointer-events: all;
}

.mc_a1t_lis:hover .dian_box::before {
	width: 100%;
	transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}

.mc_a1t_lis:hover .dian_box span {
	opacity: 1;
	transition: all .36s .4s;
}
.mc_a1t_lis.act {
	z-index: 20;
}  */


/* .mc_a1t_li:hover {
	z-index: 20;
}

.mc_a1t_li:hover .mc_a1t_xl {
	pointer-events: all;
}

.mc_a1t_li:hover .mc_a1t_xl::before {
	width: 100%;
	transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}

.mc_a1t_li:hover .mc_a1t_xl span {
	opacity: 1;
	transition: all .36s .4s;
}
.mc_a1t_li.act {
	z-index: 20;
} */


/* 			
.mc_a1t_li.act .mc_a1t_xl::before {
	width: 100%;
	transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}

.mc_a1t_li.act .mc_a1t_xl span {
	opacity: 1;
	transition: all .36s .4s;
}
.mc_a1t_li11 .mc_a1t_xl {
	left: auto;
	right: 0;
	transform: translate(50%, 20px);
	top: 100%;
}

.mc_a1t_li11 .mc_a1t_xl::after {
	width: 100%;
	left: 0;
	top: -30px;
}


.mc_a1t_li12 .mc_a1t_xl {
	top: 24px;
}




.mc_a1t_xl {
	position: absolute;
	left: 42px;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	white-space: nowrap;
	font-size: 16px;
	padding: 10px 23px;
	line-height: 54px;
	pointer-events: none;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.mc_a1t_title{
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}
.mc_a1t_xl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	background: rgb(227, 227, 228);
	border-radius: 5px;
}
.mc_a1t_xl span {
	opacity: 0;
}
.mc_a1t_xl {
	font-size: 10px;
}

.mc_a1t_xl::after {
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	width: 42px;
	height: 100%;
}

.mc_a1t_li.act .mc_a1t_xl {
	pointer-events: all;
} */


.mc_a1t_li11 .mc_a1t_icon {
	font-size: 3.8em;
}
.mc_a1t_li12 .mc_a1t_icon {
	font-size: 7em;
}
.mc_a1t_li12 {
	left: 30% !important;
	top: 35% !important;
}


/* 手机版点的样式 */
.dian_box_e {
	width: 10vw;
	background-color: #FAF9F9;
	top: 34px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	opacity: 0;			
	position: absolute; 
	overflow: hidden;
	right: -40vw;
	padding: 1vw 3vw;
}
.mc_a1t_lis:hover .dian_box_e{ 
	width: 60vw;
	opacity: 1;
	transition: all .2s cubic-bezier(.34, .44, .41, 1.12);

}

/* 手机版点的样式 */