/* 点的效果 */
			@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;
			}
			.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: 100px;
				background-color: #FAF9F9;
				/* left: 40px; */
				/* right: 90px; */
				top: -30px;
				height: 70px;
				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: 350px;
				height: 200px;
				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: 70%;
				background-color: #fff;
				border-radius: 5px 5px 0 0;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
			}
			/*.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: 300px;
				height: 100px;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
			}
			.dian_boxson_sont1{
				/* margin-bottom: 12px; */
				font-size: 15px;
				font-family: "OPPOSans-Ver2-Regular";
				font-weight: 800;
				color: #4D4D4D;
				line-height: 27px;
				overflow: hidden;
				height: 35px;
			}
			.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: "OPPOSans-Ver2-Regular";
				font-weight: bold;
				color: #393939;
				line-height: 16px;
				overflow: hidden;
				height: 15px;
			}
			.dian_ss-dst2{
			
				font-size: 10px;
				font-family: "OPPOSans-Ver2-Regular";
				font-weight: 300;
				color: #393939;
				line-height: 16px;
				width: 210px;
				height: 30px;
				overflow: hidden;
			}
			.dian_boxson2_a{
				
				font-size: 13px;
				font-family: "OPPOSans-Ver2-Regular";
				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: 30%;
				width: 300px;
			}
			

			/* .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);

			}

			/* 手机版点的样式 */