/*****2*左边描点导航*******/

.main-slider .Navigation {
	    left: 20px;
	    top: 50%;
	    height: auto;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    z-index: 99;
	    transform: translateY(-50%);
}

.Navigation ul{}
.Navigation ul li{}
.Navigation ul li a{display: flex;align-items: center;}
.Navigation ul li i{margin-right: 10px;width: 10px;height: 10px;background-color: #8b8b8b;border-radius: 50%;}
.Navigation ul li span{font-size: 18px;color: #8b8b8b;line-height: 2em;}

.Navigation ul li:hover i,
.Navigation ul li.active i{background-color: #af7b42;}
.Navigation ul li:hover span,
.Navigation ul li.active span{color:#af7b42;}

/*************/
.contact{
	width:100%;
	max-width:1430px;
	margin:0 auto;
	display:flex;
	z-index:99;
	align-items: center;
}
/* #section1 */

.mian_contect1 [data-hash="slide1"]{}
.mian_contect1 .slide1 .contact::before{
	content: "";
	width: 100%;
	height: 60%;
	position: absolute;
	z-index: -1;
	background-color: rgb(255 255 255 / 8%);
}
.mian_contect1 .slide1 .con1_01{}
.mian_contect1 .slide1 .con1_02{
	max-width: 430px;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	    margin-right: 100px;
}
.mian_contect1 .slide1 .con1_02 .con1_02-swiper {
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	/* position: relative; */
	overflow: hidden;
}
.mian_contect1 .slide1 .con1_02 ul li{
	flex-direction: column;
}
.mian_contect1 .slide1 .con1_02 ul li .title{
	font-size: 18px;
	text-align: center;
	width: 100%;
	background-color: #af7b42;
	display: block;
	padding: 5% 0;
}
.mian_contect1 .slide1 .con1_02  .swiper-button{
	margin: 0 auto;
	bottom: auto;
	justify-content: space-between;
	width: 130%;
}
/**********/

.mian_contect1 .slide2 .con1{}
.mian_contect1 .slide2 .con1 .con1_01{}
.mian_contect1 .slide2 .con1 .con1_02{margin-left: -1px;}
.mian_contect1 .slide2 .con1 .con1_03{margin-left: 20px;}

/**********/
.mian_contect1 .slide3 .contact ul{display: flex;    justify-content: space-between;}
.mian_contect1 .slide3 .contact ul li{width: calc(100% - 4px);border:2px  solid rgba(255,255,255,0);text-align: center;max-width: 20%;}
.mian_contect1 .slide3 .contact ul .cp_01{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.mian_contect1 .slide3 .contact ul li .prc1{}
.mian_contect1 .slide3 .contact ul li .prc1 img{width: 100%;  height: 100%;max-height: 360px;}
.mian_contect1 .slide3 .contact ul li .prc2{flex: 1;  max-width: 80%;margin: 0 auto;}
.mian_contect1 .slide3 .contact ul li .prc2 h2{font-size: 24px;font-weight: 600;line-height: 2em;margin: 5% auto 2.4%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.mian_contect1 .slide3 .contact ul li .prc2 h3{color: #af7b42;flex: 1;font-size: 16px;font-weight: 500;line-height: 2em;margin: 5% auto 2.4%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.mian_contect1 .slide3 .contact ul li .prc3{ opacity: 0;}
.mian_contect1 .slide3 .contact ul li .prc3 a{width: auto;padding: 0px 5px;font-size: 14px;line-height: 2em;background-color: #434343;margin-bottom: 5%;margin-top: 5%;}
.mian_contect1 .slide3 .contact ul li .prc3:hover a{background-color: #ffffff;color: #b07c43;}

.mian_contect1 .slide3 .contact ul li:hover{background-color:rgb(176 124 67 / 51%);}
.mian_contect1 .slide3 .contact ul li:hover .prc2 h3{color: #fff;}
.mian_contect1 .slide3 .contact ul li:hover .prc3{opacity: 1;}
.mian_contect1 .slide3 .contact ul li:hover .prc2{border-bottom: 1px rgb(255 255 255 / 35%) solid;}


/**********/
.mian_contect2 .contact ul{display: flex;    justify-content:left;flex-wrap: wrap;}
.mian_contect2 .contact ul li{width: auto;border:2px  solid rgba(255,255,255,0);text-align: center;max-width: 17%; margin: 1.5%;background-color: #101010;}
.mian_contect2 .contact ul .cp_01{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.mian_contect2 .contact ul li .prc1{}
.mian_contect2 .contact ul li .prc1 img{width: 100%;  height: 100%;max-height: 360px;}
.mian_contect2 .contact ul li .prc2{flex: 1;  max-width: 80%;margin: 0 auto;border-bottom: 1px rgb(255 255 255 / 35%) solid;}
.mian_contect2 .contact ul li .prc2 h2{font-size: 24px;font-weight: 600;line-height: 2em;margin: 5% auto 2.4%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.mian_contect2 .contact ul li .prc3{ opacity: 1;}
.mian_contect2 .contact ul li .prc3 a{width: auto;padding: 0px 5px;font-size: 14px;line-height: 2em;background-color: #434343;margin-bottom: 5%;margin-top: 5%;}
.mian_contect2 .contact ul li .prc3:hover a{background-color: #ffffff;color: #b07c43;}
.mian_contect2 .contact ul li:hover{background-color:rgb(176 124 67 / 51%);}
.mian_contect2 .contact ul li:hover .prc3{opacity: 1;}
.mian_contect2 .contact  .prc_text{display: none;}

/*******/
.mian_contect3 .contact{
		    padding: 8% 0 1%;
		   /* overflow-y: scroll; */
		    height: 100%;
		    align-items: baseline;
		    flex-direction: column;
	}
.mian_contect3 .contact	 .contact01{
	overflow-y: auto;
	    height: 75vh;
	background-color: #101010;
	padding: 5%;
}
#page_muen_nav{
	padding-bottom: 20px;
	    font-size: 16px;
}
.mian_contect3 .contact	 .contact01 .contact01_1{
	margin-bottom: 20px;
}
.mian_contect3 .contact	 .contact01 .contact01_1 h2{
	color: #eb5c20;
	font-size: 36px;
	font-weight: 600;
	width: 100%;
	text-align: center;
	
}

.mian_contect3 .contact	 .contact01 .contact01_1 h5{
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	
}
.mian_contect3 .contact	 .contact01 .contact01_2{
	font-size: 1rem;
	line-height: 1.8em;
	color: #8b8b8b;
}
#main_Con_no-swiper{
	position: relative;
	    height: 100vh;
	    overflow: hidden;
	    margin: 0;
}

@media screen and (max-width: 960px) {
	.Navigation ul li{
		height: 20px;
	}
	.Navigation ul li span{
		display: none;
	}
	.mian_contect1 .slide1 .contact::before{
		top: 35%;
	}
	.mian_contect1 .contact{
		flex-direction: column;
		    padding: 18%;
	}
	
	.mian_contect1 .slide1 .con1_02{
		margin: 0 auto;
	}
	
	.mian_contect1 .slide2 .con1{
		flex-direction: column;
		    padding: 10%;
	}
	.mian_contect1 .slide2 .con1 .con1_03{
		margin: 0 auto;
	}
	/**********/
	.mian_contect1 .slide3 .contact{
		padding: 7%;
	}
	.mian_contect1 .slide3 .contact ul{
		flex-wrap: wrap;
	}
	.mian_contect1 .slide3 .contact ul li{
		width: 45%;
		margin: 0 2.5%;
		max-width: 50%;
	}
	.mian_contect1 .slide3 .contact ul li .prc2 h2{
		font-size: 16px;
	}
	.mian_contect1 .slide3 .contact ul li .prc2 h3,
	.mian_contect1 .slide3 .contact ul li .prc3{
		display: none;
	}
	
	/*****/
	.mian_contect2 .contact{
		    padding: 25% 10%;
		    overflow-y: scroll;
		    height: 100%;
		    align-items: baseline;
		    flex-direction: column;
	}
	.mian_contect2 .contact ul li{
		max-width: 47%;
	}
	.mian_contect2 .contact ul li .prc2 h2{
		font-size: 14px;
	}
	.mian_contect2 .contact  .prc_text{
		display: block;
		width: 100%;
		text-align: left;
		font-size: 20px;
		border-bottom: 1px solid rgb(255 255 255 / 15%);
		color: #af7b42;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	/* .mian_contect2 .Navigation ul li span{
		display: block;
		font-size: 14px;
	} */
	.mian_contect3 .contact{
			    padding: 25%  9%;
			   /* overflow-y: scroll; */
			    height: 100%;
			    align-items: baseline;
			    flex-direction: column;
		}
}