@import "maxu.less";
@import url("//at.alicdn.com/t/c/font_3667011_jkglajvw6xm.css");
@import url("public.css?v=1.0223");

/*公共部分-begin*********/
body{background: #f4f4f4;scroll-behavior:smooth;}
html{scroll-behavior:smooth}
img{height: auto;user-select:none}

/***********公共的************/
// 活动弹窗
.active_pop{
	width: 100%;position: fixed;top: 0;left:0;right: 0;bottom: 0;
	.flex-c;opacity: 0;z-index: -1;visibility: hidden;.ani;
	.active_pop_bg{
		position: absolute;top: 0;left:0;right: 0;bottom: 0;
		background: rgba(0,0,0,.7);.ani;
	}
	.active_pop_main{
		background: #fff;border-radius: 8px;padding: 20px;
		position: relative;z-index: 5;
		max-width: 500px;width: 100%;
		flex-direction: column;.flex;
		.shut_active_pop{
			position: absolute;top: 20px;right: 30px;
			.micon{
				width: 28px;height: 28px;
			}
		}
		h3{font-size: 20px;color: #333;.fw;}
		img{width: 90%;margin: 20px 0;}
		.minfo{
			p{font-size: 14px;.cl3;}
		}
	}
}
.active_pop.curr{
	z-index: 50;
	visibility: visible;opacity: 1;
}
@media screen and (max-width:1025px){
	.active_pop .active_pop_main{width: 90%;max-height: 70vh;overflow-y: auto;}
}

// 教师弹窗
.teacher_pop{
	width: 100%;position: fixed;top: 0;left:0;right: 0;bottom: 0;
	.flex-c;opacity: 0;z-index: -1;visibility: hidden;.ani;
	.teacher_pop_bg{
		position: absolute;top: 0;left:0;right: 0;bottom: 0;
		background: rgba(0,0,0,.7);.ani;
	}
	.teacher_pop_main{
		background: #fff;border-radius: 8px;padding: 20px;
		position: relative;z-index: 5;
		max-width: 1000px;width: 100%;max-height: 600px;
		display: flex;
		.shut_teacher_pop{
			position: absolute;top: 20px;right: 30px;
			.micon{
				width: 28px;height: 28px;
			}
		}
		.mleft{
			img{width: 250px;flex-shrink: 0;}
		}
		.mright{
			padding-left: 30px;
			h3{font-size: 20px;color: #333;.fw;margin-bottom: 15px;}
			h4{font-size: 16px;color: #333;.fw;margin-bottom: 35px;}
			.minfo{
				p{font-size: 14px;.cl3;line-height: 22px;margin-bottom: 10px;}
			}
		}

	}
}
.teacher_pop.curr{
	z-index: 50;
	visibility: visible;opacity: 1;
}
@media screen and (max-width:1025px){
	.teacher_pop .teacher_pop_main .mleft img{display: none;}
	.teacher_pop .teacher_pop_main{width: 90%;height: 70vh;overflow-y: auto;}
	.teacher_pop .teacher_pop_main .mright{padding-left: 0;}
}

.back_top_btn{
	position: fixed;bottom: 10%;right: 10px;z-index: 40;
	cursor: pointer;transition: .2s linear all;opacity: 0;
	img{width: 50px;height: 50px;}
}

.pc_header_kong{height: 85px;width: 100%;display: block;}
.header_md{display: none;}

.pc_header{
	width: 100%;position: fixed;top: 0;left: 0;right: 0;
	height: 85px;background: @color4;padding: 0 35px;z-index: 50;
	display: block;
	.pc_header_main{
		.flex-j;height: 100%;
		.mleft{
			.flex;padding-left: 50px;
			a{
				width: 90px;
				img{width: 100%;}
			}
			.slogan02{display: none;}
			.slogan01,.slogan02{
				width: 200px;margin-left: 16px;
			}
		}
		.mright{
			.flex-j;
			position: relative;
			ul{
				.flex;.ani;
				li{
					padding: 0 30px;.ani;
					a{
						padding: 10px;border-radius: 5px;position: relative;
						background: @color2;display: block;.ani;
					}
					a::after{
						content: '';display: block;
						width: 100%;height: 2px;background: @color3;
						position: absolute;bottom: 0;left: 0;right: 0;
						border-radius: 5px;.ani;
					}
					p{color: @color51;.f17;.ani;position: relative;z-index: 10;}
				}
				li:hover{
					transform: translateY(-2px);
					a::after{
						height: 100%;
					}
					p{color: @color41!important;}
				}
				li.curr{
					a{background: @color2;}
					p{color: @color51;.fw;}
				}
				
			}
			.header_line{
				.ani;transform: translateX(30px);
				width: 33px;height: 2px;background: @color3;border-radius: 51px;
				left: 0px;bottom: 0px;position: absolute;
			}
			.head_mob{
				.flex;margin-left: 35px;
				position: relative;.ani;
				p{.f20;margin-left: 11px;.ani;color: @color5;}

				.micon{
					width: 24px;height: 24px;
					transform-origin:60% 62%;
				}
				.micon_shou{
					position: absolute;left: 0;top: 0;
				}
			}
			.head_mob:hover{
				// transform: translateY(-2px);
				p{color: @color;}
			}
			.head_icon{
				.flex;margin-left: 66px;
				.chang_color_box{
					position: relative;.ani;
					.chang_color_b{
						position: absolute;left: 0;top: 0;
					}
				}
				.chang_color_box:hover{
					transform: translateY(-3px);
				}
				.change_language_box:hover{
					transform: translateY(-3px);
				}
				.micon{width: 35px;height: 33px;}
				.change_language_box{
					margin-left: 35px;.ani;
					position: relative;
					.change_en{
						position: absolute;left: 0;top: 0;
					}
				}
				p{color: @color11;.f14;margin-top: 3px;.tec;}
			}
		}
	}
}
.pc_header.pc_header_green{
	background: @color;
	.pc_header_main{
		.mleft{
			.slogan01{display: none;}
			.slogan02{display: block;}
		}
		.mright{
			ul{
				li{
					a{background: @color2;}
					p{color: @color;}
				}
				li:hover{
					transform: translateY(-2px);
					// a{background: @color3;}
					a::after{
						height: 100%;
					}
					p{color: @color4!important;}
				}
				li.curr{
					p{color: @color;.fw;}
				}
			}
			.header_line{
				background: @color3;
			}
			.head_mob{
				p{color: #fff;}
			}
			.head_mob:hover{
				p{color: @color2;}
			}
			.head_icon{
				p{color: #fff;}
			}
		}
	}
}

@media screen and (max-width:1440px){
	.pc_header .pc_header_main .mleft{padding-left: 0;}
	.pc_header .pc_header_main .mright ul li{padding: 0 5px;}
	.pc_header .pc_header_main .mright ul li p{font-size: 15px;}
	.pc_header .pc_header_main .mleft .slogan01{width: 170px;}
	.pc_header .pc_header_main .mleft a{width: 80px;}
	.pc_header .pc_header_main .mright .head_mob .micon{width: 20px;}
	.pc_header .pc_header_main .mright .head_mob p{font-size: 16px;}
	.pc_header .pc_header_main .mright .head_icon{margin-left: 35px;}
	.pc_header .pc_header_main .mright .head_icon .micon{width: 30px;}
	.pc_header .pc_header_main .mleft .slogan01, .pc_header .pc_header_main .mleft .slogan02{width: 160px;}
}



@media screen and (max-width:1025px){
	.pc_header{display: none;}
	.pc_header_kong{display: none;}
	.header_md{display: block;}
}

// footer
.pc_footer{
	width: 100%;position: relative;
	.icp_btn{
		position: absolute;right:20px;
		bottom:15px;background: #1A3638;
		.flex;
		img{margin-right: 10px;}
		p{.clw;}
	}
	.pc_footer_img{
		width: 100%;
		img{width: 100%;}
	}
	.pc_footer_main{
		background: url(/images/bg07.jpg) no-repeat;
		background-size: 100% 100%;border-top: 3px solid #146635;
	}
	.pc_footer_main_top{
		max-width: 1700px;width: 100%;margin: 0 auto;
		padding: 50px 30px;
		display: flex;
		h3{.f22;.fw;.clw;.tec;}
		h4{.f25;.fw;color: #FAEFB8;.tec;margin-bottom: 18px;margin-top: 5px;}
		.mleft{
			width: 30.1%;display: flex;justify-content: center;
			h3{margin-bottom: 40px;}
			.minfo{
				color: #FAEFB8;.f14;
				p{padding: 8px 0;.ani;}
				p:hover{
					color: #c8bf94;
				}
			}
		}
		.mmid{
			width: 43.9%;
			.flex;flex-direction: column;
			ul{
				.flex-c;
				li{
					.flex;flex-direction: column;padding: 0 20px;.ani;
					img{
						width: 96px;height: 96px;border-radius: 8px;
						margin-bottom: 12px;.ani;
					}
					p{.f14;.clw;}
				}
				li:hover{
					transform: translateY(-3px);
					img{
						width: 106px;height: 106px;
					}
				}
			}
		}
		.mright{
			width: 26%;
			.flex;flex-direction: column;
			h3{margin-bottom: 22px;}
			img{width: 131px;height: 131px;border-radius: 8px;margin-bottom: 20px;}
			.footer_icon{
				.flex-c;
				i{font-size: 20px;color: #FAEFB8;margin: 0 8px;.ani;}
				i:hover{
					color: #9e9774;
				}
			}
		}
	}
	.pc_footer_main_bom{
		width: 100%;
		padding: 15px 30px;
		border-top: 1px solid rgba(255,255,255,.3);
		.pc_footer_main_bom_main{
			max-width: 1550px;width: 100%;margin: 0 auto;
			.flex;
		}
		.minfo{
			overflow: hidden;height: 19px;
			width: calc(~ '100% - 100px');
			.flex;flex-wrap: wrap;
		}
		p{
			.f14;.clw;white-space: nowrap;
		}
		a{
			margin-left: 30px;white-space: nowrap;
			color: rgba(255,255,255,.8);.f14;.ani;
		}
		a:hover{
			color: rgba(255,255,255,1);transform: translateY(-2px);
		}
	}
}

@media screen and (max-width:1400px){
	.pc_footer .pc_footer_main_top .mright{width: 20%;}
	.pc_footer .pc_footer_main_top .mleft{width: 36%;}
}
@media screen and (max-width:1200px){
	.pc_footer .pc_footer_main_top .mleft{padding-right: 25px;}
	.pc_footer .pc_footer_main_top .mmid ul li{padding: 0 10px;}
}
@media screen and (max-width:1025px){
	.pc_footer .pc_footer_main_top{padding: .4rem .2rem;}
	.pc_footer .pc_footer_main_top{flex-direction: column;}
	.pc_footer .pc_footer_main_top h3{font-size: .35rem;margin-bottom: .3rem;}
	.pc_footer .pc_footer_main_top .mleft h3{margin-bottom: .3rem;}
	.pc_footer .pc_footer_main_top .mleft{width: 100%;padding-right: 0;margin-bottom: .8rem;}
	.pc_footer .pc_footer_main_top .mleft .minfo{font-size: .25rem;}
	.pc_footer .pc_footer_main_top .mmid{width: 100%;margin-bottom: .8rem;}
	.pc_footer .pc_footer_main_top h4{font-size: .38rem;margin: 0 0 .3rem 0;}
	.pc_footer .pc_footer_main_top .mmid ul{width: 100%;justify-content: space-between;}
	.pc_footer .pc_footer_main_top .mmid ul li img{width: 1.6rem;height: 1.6rem;}
	.pc_footer .pc_footer_main_top .mmid ul li{padding: 0 .05rem;}
	.pc_footer .pc_footer_main_top .mmid ul li p{font-size: .26rem;}
	.pc_footer .pc_footer_main_top .mright{width: 100%;}
	.pc_footer .pc_footer_main_top .mright h3{margin-bottom: .3rem;}
	.pc_footer .pc_footer_main_top .mright img{width: 2.2rem;height: 2.2rem;}
	.pc_footer .pc_footer_main_bom{padding: .4rem .3rem;}
}


//侧栏
.xhsider{
	width: 66px;height: 280px;
	background: url(/images/siderbg.png) no-repeat;
	background-size: 100% 100%;z-index: 60;
	position: fixed;right: 0;top: 40%;.ani;
	.flex;justify-content: flex-end;
	padding-right: 6px;overflow: hidden;
	.sider_line{
		position: absolute;
		width: 100%;height: 100%;
		left: 0;right: 0;top: 0;bottom: 0;
		span{
			display: block;
			width: 62px;background: rgba(255,255,255,.5);height: 1px;
			position: absolute;top: 105px;right: 0;
		}
		p{
			display: block;
			width: 61px;background: rgba(255,255,255,.5);height: 1px;
			position: absolute;bottom: 105px;right: 0;
		}
	}
	ul{
		width: 40px;position: relative;z-index: 10;.ani;
		li{
			width: 100%;margin-bottom: 24px;
			.micon{
				width: 25px;height: 25px;
			}
			a{
				.flex;flex-direction: column;.ani;
			}
			p{color: #FAEFB8;font-size: 12px;}
		}
		li:last-child{margin-bottom: 0;}
		a:hover{
			transform: translateY(-2px) scale(1.05);
		}

	}

}


@media screen and (max-width:1025px){
	.xhsider{
		top: auto;bottom: 0;width: 100%;
		height: auto;background: #146635;
		border-top: 1px solid #FAEFB8;
	}
	.xhsider .sider_line{display: none;}
	.xhsider ul{width: 100%;.flex;padding: 0 .3rem;}
	.xhsider ul li{width: 33.33%;margin-bottom: 0;}
	.xhsider ul li a{padding: .1rem .2rem;}
	.xhsider ul li p{font-size: .26rem;}
	.xhsider ul li .micon{height: .6rem;}
	
	.back_top_btn img{width: .6rem;height: .6rem;}
}

// 左侧浮动铃铛
.xhnotice{
	position: fixed;left: 0;top: 40%;z-index: 10;

	a{
		.flex-c;background: rgba(0,0,0,.5);
		width: 58px;height: 58px;border-radius: 0 5px 5px 0;.ani;
		.micon{width: 35.5px;height: 35.5px;.ani;}
	}
}
.xhnotice:hover{
	a{
		width: 80px;
		.micon{transform: translateX(5px);}
	}
}

@media screen and (max-width:1025px){
	.xhnotice a{width: .8rem;height: .8rem;}
	.xhnotice:hover{
		a{
			width: 1.2rem;
			.micon{transform: translateX(5px);}
		}
	}
}
//留言
.message_pop{
	width: 100%;position: fixed;top: 0;left:0;right: 0;bottom: 0;
	.flex-c;opacity: 0;z-index: -1;visibility: hidden;.ani;
	.message_pop_bg{
		position: absolute;top: 0;left:0;right: 0;bottom: 0;
		background: rgba(0,0,0,.7);.ani;
	}
	.message_pop_main{
		background: #F8F8F8;border-radius: 8px;
		position: relative;z-index: 5;
		max-width: 1100px;width: 100%;height: 600px;
		display: flex;
		.mleft{
			padding:0 50px 30px 50px;width: 490px;.ani;position: relative;
			a{display: none;}
			.micon{
				width: 34px;height: 34px;
			}
			.mtop{
				margin-bottom: 74px;
				img{width: 148px;margin-bottom: 0px;}
				h3{.f30;.fw;.cl3;margin-bottom: 45px;}
				p{.f18;.cl6;}
			}
			.mmid{
				margin-bottom: 40px;
				h3{.f18;.fw;.cl3;margin-bottom: 7px;}
				p{.f16;.cl3;}
			}
			.mbom{
				h3{.f18;.fw;.cl3;margin-bottom: 7px;}
				p{.f14;.cl3;padding: 3px 0;}
			}
		}
		.mright{
			padding: 25px;width: calc(~ '100% - 490px');
			box-shadow: -3px 0px 0px 2px #000000;;height: 100%;
			border-radius: 8px;
			.form_top{
				width: 100%;.flex-j;margin-bottom: 40px;
				p{.f16;.cl6;}
				.micon{
					width: 34px;height: 34px;
				}
			}
			.form_mbom{
				width: 100%;
				.form_item{
					h3{.f18;.fw;.cl3;margin-bottom: 13px;}
					input,textarea{
						border: 1px solid #B3B3B3;
						border-radius: 5px;
						height: 50px;padding: 16px;
						.flex;.f15;width: 100%;
					}
				}
				.mtop{
					.flex-j;margin-bottom: 24px;
					.form_item{
						width: 48%;
					}
				}
				.mmid{
					margin-bottom: 24px;
				}
				.mbom{
					textarea{height: 130px;}
				}
				
				a{
					border-radius: 5px;color: @color4;.f16;position: relative;
					padding: 15px 30px;background: @color;margin-top: 35px;
					overflow: hidden;.ani;width: 100%;.flex-c;
					p{
						position: relative;z-index: 10;
					}
				}
				a:after{
					content:'';display: block;width: 300px;height: 300px;
					background: @color5;border-radius: 50%;
					position: absolute;left: 0px;top: -40px;
					transform: scale(0);.ani3;
				}
				a:hover{
					transform: translateY(-5px);
				}
				a:hover:after{
					transform: scale(3);
				}
				
			}
		}
	}
}
.message_pop.curr{
	z-index: 99;opacity: 1;visibility: visible;
}
.message_pop.currleft{
	z-index: 99;opacity: 1;visibility: visible;
}

@media screen and (max-width:1025px){
	.message_pop .message_pop_main .mleft{display: none;}
	.message_pop .message_pop_main{width: 80%;height: auto;}
	.message_pop .message_pop_main .mright{display: block;width: 100%;padding: .3rem;}
	.message_pop .message_pop_main .mright .form_mbom .form_item input, .message_pop .message_pop_main .mright .form_mbom .form_item textarea{font-size: .26rem;height: .8rem;padding: .1rem;}
	.message_pop .message_pop_main .mright .form_top p{font-size: .28rem;}
	.message_pop .message_pop_main .mright .form_mbom .form_item h3{font-size: .28rem;margin-bottom: .1rem;}
	.message_pop .message_pop_main .mright .form_mbom .mmid{margin-bottom: .3rem;}
	.message_pop .message_pop_main .mright .form_top{margin-bottom: .3rem;}
	.message_pop .message_pop_main .mright .form_mbom .mtop{margin-bottom: .3rem;display: block;}
	.message_pop .message_pop_main .mright .form_mbom a{padding: .2rem .3rem;margin-top: .3rem;}
	.message_pop .message_pop_main .mright .form_mbom .mtop .form_item{width: 100%;}
	.message_pop .message_pop_main .mright .form_mbom .mtop .form_item:first-child{margin-bottom: .3rem;}
	
	
	.message_pop.currleft{
		z-index: 99;opacity: 1;visibility: visible;
		.mright{display: none;}
		.message_pop_main .mleft a{display: block;position: absolute;right: .3rem;top: .3rem;}
		.mleft{display: block;width: 100%;padding: .3rem;}
		.message_pop_main .mleft .mtop img{width: 2.2rem;}
		.message_pop_main .mleft .mtop{margin-bottom: .4rem;.flex;flex-direction: column;}
		.message_pop_main .mleft .mtop h3{font-size: .35rem;margin-bottom: .35rem;}
		.message_pop_main .mleft .mtop p{font-size: .26rem;}
		.message_pop_main .mleft .mmid h3{font-size: .3rem;}
		.message_pop_main .mleft .mbom h3{font-size: .3rem;}
		.message_pop_main .mleft .mmid p{font-size: .28rem;}
		.message_pop_main .mleft .mbom p{font-size: .26rem;}
	}
}

// 其他弹窗
.wechat_pop{
	position: fixed;right: 80px;top: 45%;z-index: -1;opacity: 0;.ani;visibility: hidden;
	.wechat_pop_main{
		background: rgba(0,0,0,.7);padding: 20px;border-radius: 8px;
	}
	h3{.clw;.fw;.tec;font-size: 18px;}
	p{.f14;.tec;.clw;}
	img{width: 120px;height: 120px;margin: 15px 0;border-radius: 8px;}
}
.wechat_pop.curr{
	z-index: 30;opacity: 1;visibility: visible;
}
@media screen and (max-width:1025px){
	.wechat_pop{
		right: 0;top: auto;
		bottom: 1.2rem;
	}	
}

/***********我们的服务************/
.serve_sec01{
	background: @color4;padding: 80px 30px;
	.serve_sec01_main{
		max-width: 1100px;width: 100%;margin: 0 auto;
	}
	.serve_title{
		.flex;flex-direction: column;margin-bottom: 55px;
		img{width: 122px;}
		h2{font-size: 50px;color: @color5;margin: 35px 0;}
		.minfo{
			.f17;color: @color7;
			.flex;flex-direction: column;
			p{padding: 5px 0;}
		}
	}
	.serve_sec01_mid{
		width: 100%;border-radius: 8px;background: @color5;padding: 18px 0 18px 18px;
		margin-bottom: 44px;
		p{color: @color4;.fw;.f20;}
	}
	.serve_sec01_mbom{
		width: 100%;
		ul{display: flex;justify-content: space-between;}
		li{
			width: 49%;border-radius: 8px;border: #E6E6E6 1px solid;
			box-shadow: @boxsha2;padding: 20px;
			.flex;flex-direction: column;
			.mtop{
				width: 100%;.flex-j;
				.mleft{
					background: url(/images/img04.png) no-repeat;
					background-size: 100% 100%;padding: 10px 15px;
					h3{
						.f18;color: @color2;.fw;
					}
				}
				p{
					opacity: .3;color: @color5;text-transform: uppercase;
					font-size: 20px;.fw;
				}
			}
			img{
				width: 132px;margin: 46px 0;
			}
			.mbom{
				width: 100%;
				.f15;color: @color5;.tec;
				line-height: 26px;
			}
			a{
				border-radius: 5px;color: @color4;.f15;position: relative;
				padding: 15px 30px;background: @color11;margin-top: 35px;
				overflow: hidden;.ani;
				p{
					position: relative;z-index: 10;
				}
			}
			a:after{
				content:'';display: block;width: 120px;height: 120px;
				background: @color5;border-radius: 50%;
				position: absolute;left: 0px;top: -40px;
				transform: scale(0);.ani3;
			}
			a:hover{
				transform: translateY(-2px);
			}
			a:hover:after{
				transform: scale(1.2);
			}
		}
	}
}


.serve_sec02{
	background: url(/images/bg06.png) no-repeat @color4;padding: 0px 30px;
	background-size: 100% 100%;
	.serve_sec02_main{
		max-width: 1100px;width: 100%;margin: 0 auto;
		.flex;padding: 30px 0;
	}
	.mleft{
		flex: 1;
		h3{font-size: 35px;.clw;;margin-bottom: 30px;.fw;}
		.minfo{
			.clw;.f16;margin-bottom: 15px;line-height: 30px;
		}
	}
	.mright{
		padding-left: 80px;
		img{max-width: 514px;width: 100%;.ani;}
		img:hover{
			transform: translateY(-2px) scale(1.05);
		}
	}
}

.serve_sec03{
	background: @color4;padding: 50px 30px;
	.serve_sec03_main{
		max-width: 1100px;width: 100%;margin: 0 auto;
	}
	.serve_sec03_title{
		.flex;margin-bottom: 50px;flex-direction: column;
		h3{color: @color11;font-size: 35px;.fw;margin-bottom: 18px;}
		p{max-width: 390px;.f15;line-height: 26px;.tec;color: @color5;}
	}
	ul{
		.flex-j;width: 100%;margin-bottom: 70px;
		li{
			.flex;padding: 10px 18px;flex-direction: column;.ani;border-radius: 8px;
			border: 1px solid #fff;flex: 1;
			i{color: @color5;margin-bottom: 15px;font-size: 43px;display: block;}
			p{color: @color5;.f15;line-height: 26px;.tec;}
		}
		li:hover{
			transform: translateY(-3px);border: 1px solid #d9d9d9;
			box-shadow: @boxsha2;
			i{
				transform: rotateY(360deg);color: @color;.ani5;
			}
		}
	}
	.mimg{
		width: 100%;box-shadow: @boxsha2;border-radius: 8px;overflow: hidden;
		img{width: 100%;transition: 2s all ease-in-out;}
		img:hover{
			transform: scale(1.1);
		}
	}
}

@media screen and (max-width:1200px){
	.serve_sec02 .mright{padding-left: 40px;}
	.serve_sec02 .mright img{width: 480px;}
}
@media screen and (max-width:1025px){
	.serve_sec01{padding: .5rem .2rem;}
	.serve_sec01 .serve_title img{width: 2rem;}
	.serve_sec01 .serve_title h2{font-size: .6rem;margin: .3rem .5rem;}
	.serve_sec01 .serve_title .minfo{font-size: .28rem;.tec;width: 85%;}
	.serve_sec01 .serve_title{margin-bottom: .35rem;}
	.serve_sec01 .serve_sec01_mid{padding: .2rem;margin-bottom: .4rem;}
	.serve_sec01 .serve_sec01_mid p{font-size: .35rem;}
	.serve_sec01 .serve_sec01_mbom ul{flex-wrap: wrap;}
	.serve_sec01 .serve_sec01_mbom li{width: 100%;margin-bottom: .3rem;padding: .4rem .2rem;}
	.serve_sec01 .serve_sec01_mbom li .mtop p{font-size: .25rem;}
	.serve_sec01 .serve_sec01_mbom li .mtop .mleft h3{font-size: .32rem;}
	.serve_sec01 .serve_sec01_mbom li img{width: 2rem;margin: .3rem 0;}
	.serve_sec01 .serve_sec01_mbom li .mbom{font-size: .25rem;}
	.serve_sec01 .serve_sec01_mbom li a{font-size: .28rem;padding:.2rem .5rem;margin-top: .2rem;}
	
	.serve_sec02{padding:.8rem .3rem .3rem .3rem;background-size: cover;}
	.serve_sec02 .serve_sec02_main{flex-direction: column-reverse;padding: 0;}
	.serve_sec02 .mright img{width: 100%;}
	.serve_sec02 .mright{padding-left: 0;margin-bottom: .4rem;}
	.serve_sec02 .mleft h3{.tec;font-size: .4rem;margin-bottom: .25rem;}
	.serve_sec02 .mleft .minfo p{font-size: .26rem;line-height: .42rem;}
	
	.serve_sec03{padding: .5rem .2rem;}
	.serve_sec03 .serve_sec03_title{margin-bottom: .25rem;}
	.serve_sec03 .serve_sec03_title h3{.tec;font-size: .4rem;margin-bottom: .25rem;}
	.serve_sec03 .serve_sec03_title p{font-size: .26rem;line-height: .42rem;}
	.serve_sec03 ul{margin-bottom: .5rem;flex-wrap: wrap;justify-content: center;width: 100%;}
	.serve_sec03 ul li:nth-child(-n+2){width: 50%;}
	.serve_sec03 ul li{width: 33.33%;flex: auto;padding: .2rem .1rem;}
	.serve_sec03 ul li p{font-size: .25rem;line-height: .42rem;}
	.serve_sec03 ul li i{font-size: .6rem;margin-bottom: .1rem;}
}

/***********新闻详情************/
.newsshow_title{
	width: 100%;
	padding: 80px 30px 40px 30px;
	background: @color4;
	.flex;flex-direction: column;
	img{
		width: 78px;height: 78px;margin-bottom: 18px;
	}
	h2{
		font-size: 50px;max-width: 525px;color: @color5;.tec;
		margin-bottom: 63px;
	}
	.news_share{
		.flex-c;margin-bottom: 35px;
		i{font-size: 22px;color: @color5;margin: 0 5px;display: block;.ani;}
		p{font-size: 15px;color: @color5;margin-right: 10px;}
		i:hover{transform: translateY(-3px);color: #DD942D;}
	}
	h5{
		.f16;color: @color5;.tec;
	}
}
.newsshow_mid{
	width: 100%;position: relative;padding-bottom: 50px;
	background: @color4;
	.newsshow_mid_main{
		max-width: 1060px;width: 100%;margin: 0 auto;position: relative;z-index: 5;padding: 0 30px;
		img{.ani5;width: 100%;}
		img:hover{transform: scale(1.05);}
		.mimg{width: 100%;border-radius: 8px;overflow: hidden;box-shadow: @boxsha2;margin-bottom: 40px;}
		.minfo{
			.clw;font-size: 15px;line-height: 24px;
			
		}
	}
	.newsshow_mid_bg{
		background: @color;width: 100%;
		height: 358px;position: absolute;bottom: 0px;left: 0;right: 0;
	}
}
.news_show{
	background: @color41;
	padding: 40px 30px 80px 30px;
	.news_show_main{
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
}

.nshowWarp {
	width: 100%;
	margin-right: 20px;
	.nshowBox {
		flex: 1;
		margin: 0 auto;
		.nshowTitle {
			font-size: 30px;
			line-height: 50px;
		}

		.nshowTag {
			padding: 15px 0;
			border-bottom: 1px solid #e3e3e3;
			display: flex;
			flex-wrap: wrap;
			p {
				line-height: 20px;
				margin-right: 40px;
				color: #999;
			}
		}

		.nshowInfo {
			margin: 0 0 40px 0;

			p {
				font-size: 15px;
				line-height: 28px;
				margin-bottom: 15px;
				text-indent: 2em
			}

			img {
				display: block;
				margin: 0 auto;
				max-width: 100%;
				height: auto;
			}
		}

		.nshowOther {
			height: 60px;
			padding: 10px;
			border-radius: 30px;
			background-color: #F2F2F2;
			display: flex;
			justify-content: space-between;
			line-height: 40px;
		}

		.nshowBack {
			width: 150px;
			height: 40px;
			border-radius: 20px;
			text-align: center;
			color: @color2;
			background-color: @color;
			box-shadow: @boxsha2;
			.ani;
		}
		.nshowBack:hover{
			background: @color5;
			color: @color4;
			.ani;
		}
		.nshowNext {
			display: flex;
			color: #666;
			span{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
			i {
				display: block;
				width: 40px;
				height: 40px;
				margin: 0 10px 0 0;
				border-radius: 20px;
				background-color: @color;
				box-shadow: @boxsha2;
				text-align: center;
				line-height: 40px;
				color: @color2;
				font-size: 15px;
				.ani;
			}
			i:hover{
				background: @color5;
				color: @color4;
				.ani;
			}
		}

		.nshowNext:last-of-type {
			flex-direction: row-reverse;

			i {
				margin: 0 0 0 10px;
			}
		}
	}
	
}
.nshowWarp .nshowBox .nshowOther a:first-child{
	width: 40%;
}
.nshowWarp .nshowBox .nshowOther a:last-child{
	width: 40%;
}
@media screen and (max-width:1025px){
	.newsshow_title{padding: .5rem .3rem;}
	.newsshow_title h2{font-size: .5rem;margin-bottom: .5rem;}
	.newsshow_title .news_share{margin-bottom: .3rem;}
	.newsshow_mid .newsshow_mid_main{padding: 0 .3rem;}
	.newsshow_mid .newsshow_mid_bg{height: 5rem;}
	.newsshow_mid .newsshow_mid_main img{margin-bottom: .3rem;}
	.newsshow_mid{padding-bottom: .5rem;}
	.newsshow_mid .newsshow_mid_main .minfo{font-size: .28rem;}
	.news_show{
		padding: 0rem .2rem;
		.news_show_main{
			min-width: auto;
			padding: 0 0 .5rem 0;
			flex-direction: column-reverse;
		}
	}
	.nshowWarp {
		padding: 0;
		margin-right: 0;
		.nshowBox {
			width: auto;
			margin: 0;
	
			.nshowTitle {
				font-size: .35rem;
				line-height: .5rem;
			}
	
			.nshowTag {
				padding: .2rem 0;
				border-bottom: 1px solid #e3e3e3;
				display: flex;
				font-size:.28rem;
	
				p {
					line-height: .4rem;
					margin-right: .2rem;
				}
			}
	
			.nshowInfo {
				margin: .4rem 0;
	
				p {
					font-size: .27rem;
					line-height: .42rem;
					margin-bottom: .2rem;
					text-indent: .5em
				}
				img{width: 100%;}
			}
	
			.nshowOther {
				height: auto;
				padding: .25rem;
				border-radius: .5rem;
				justify-content: space-between;
				line-height: .45rem;
			}
	
			.nshowBack {
				width: 2.5rem;
				height: .6rem;
				line-height: .6rem;
				border-radius: .5rem;
				font-size: .28rem;
			}
	
			.nshowNext {
				i {
					width: 1rem;
					height: .6rem;
					margin: 0;
					border-radius: .5rem;
					.flex-c;
					font-size: .28rem;
				}
	
				span{
					display:none;
				}
			}
	
			.nshowNext:last-of-type {
				i {
					margin: 0;
				}
			}
		}
	}
}


/***********新闻列表************/
.newlist_title{
	width: 100%;.flex;flex-direction: column;
	padding: 80px 30px 60px 30px;background: @color4;
	border-bottom: 3px solid @color41;
	img{width: 85px;}
	h2{
		font-size: 50px;color: @color5;
		margin: 38px 0 50px 0;
	}
	p{
		.f17;color: @color5;
	}
}

.newlist_body{
	background: @color10;padding: 40px 30px;
	.newlist_body_main{
		margin: 0 auto;;max-width: 1100px;width: 100%;
		position: relative;
	}
	.page_box{
		.flex-c;padding-top: 50px;
	}
	ul{
		width: 100%;height: 100%;position: relative;
		display: flex;flex-wrap: wrap;
	}
}
.news_item{
	width: 33.33%;
	padding: 12px;
	a{
		width: 100%;display: block;border: 1px solid #E6E6E6;
		background: @color4;border-radius: 8px;
		padding: 15px;.ani3;
		box-shadow: none;
		.mimg{
			width: 100%;overflow: hidden;
			img{width: 100%;.ani5;}
		}
		h4{
			color: @color7;.f16;width: 100%;margin: 15px 0;
			text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;
			line-height: 25px;.ani3;
		}
		p{
			width: 100%;text-align: right;color: @color9;
		}
	}
	a:hover{
		box-shadow: @boxsha2;
		background: @color;
		h4{
			color: @color2;
		}
		.mimg{
			img{transform: scale(1.05);}
		}
	}
}
@media screen and (max-width:1025px){
	.newlist_title img{width: 1.2rem;}
	.newlist_title h2{font-size: .6rem;margin: .35rem 0 .5rem 0;}
	.newlist_title p{font-size: .26rem;}
	.newlist_title{padding: .5rem .3rem;}
	.newlist_body{padding: .5rem .2rem;}
	.news_item{width: 100%;padding: .1rem;}
	.news_item a{padding: .4rem;}
	.news_item a h4{font-size: .28rem;line-height: .42rem;}
	.newlist_body .page_box{padding-top: .5rem;}
}




/***********加入我们************/
.join_title{
	background: #136333;width: 100%;padding: 0px 30px 0 30px;
	.join_title_main{
		max-width: 1200px;margin: 0 auto;width: 100%;
		.flex-j;
	}
	.mright{
		width: 48.8%;
		img{width: 100%;}
	}
	.mleft{
		width: 51%;
		h3{color: #FAEFB8;font-size: 50px;}
		h2{color: #FAEFB8;font-size: 50px;margin: 10px 0 30px 0;}
		.minfo{
			.f16;.clw;max-width: 553px;line-height: 30px;
		}
	}
}

.join_body{
	width: 100%;padding: 80px 30px;
	background: @color4;
	.join_body_main{
		max-width: 1200px;width: 100%;margin: 0 auto;
	}
	ul{width: 100%;.flex;flex-wrap: wrap;}
	li{
		width: 33.33%;padding: 14px;
	}
	a{
		background: @color4;border-radius: 8px;border: 1px solid @color5;
		box-shadow: @boxsha2;display: block;.ani;
		height: 216px;overflow: hidden;position: relative;
		.mtop{
			.flex;padding: 26px 26px 0 0;position: relative;z-index: 5;
			span{
				display: block;width: 6px;height: 26px;
				background: @color5;margin-right: 24px;.ani;
			}
			h4{
				.f24;.fw;color: @color5;.ani;
			}
		}
		.mbom{
			padding: 40px 60px 0 30px;position: relative;z-index: 5;
			dd{
				.flex;padding: 10px 0;
				i{color: @color5;font-size: 25px;margin-right: 6px;}
				p{color: @color8;font-size: 15px;}
			}
		}
		.mbtn{
			position: absolute;right: 30px;bottom: 30px;z-index: 5;
			.micon{
				width: 28px;height: 28px;
			}
		}
	}
	a:after{
		content: '';display: block;
		width: 300px;height: 300px;border-radius: 50%;
		position: absolute;left: -100px;bottom: -100px;background: @color21;
		transform: scale(0);.ani3;
	}
	a:hover{
		transform: translateY(-5px);
		.mtop{
			h4{color: @color;}
			span{background: @color;}
		}
	}
	a:hover:after{
		transform: scale(1.5);
	}
}
.join_pop{
	position: fixed;width: 100%;height: 100vh;
	left: 0;right: 0;top: 0;bottom: 0;
	background: rgba(0,0,0,.7);
	z-index: -1;opacity: 0;visibility: hidden;.ani;
	.flex-c;
	.join_pop_main{
		max-width: 800px;
		background: @color41;
		margin: 0 auto;
		padding: 50px;
		border: 1px solid #ddd;
		position: relative;
	}

	a{
		position: absolute;top: 20px;right: 30px;
		.micon{
			width: 28px;height: 28px;
		}
	}
	.join_pop_top{
		padding-bottom: 25px;
		border-bottom: 1px solid #E2E2E2;
		h3{.fw;color: @color;font-size: 30px;.mrb25;}
		.mfont{
			.flex;
			div{.flex;.mrr20;}
			i{.f25;color: @color;.mrr5;}
			p{.f15;.cl6;}
		}
	}
	.join_pop_bom{
		max-height: 450px;
		min-height: 400px;
		overflow:auto;
		h1{.f18;.fw;color: @color51;.mrb15;margin-top: 30px;}
		p{.f16;.cl3;padding: 5px 0;line-height: 20px;}
	}
}
.join_pop.curr{
	z-index: 50;
	visibility: visible;opacity: 1;
}
@media screen and (max-width:1025px){
	.join_pop{padding: .5rem;}
	.join_pop .join_pop_top{padding-bottom: .25rem;}
	.join_pop .join_pop_top h3{font-size: .32rem;margin-bottom: .3rem;}
	.join_pop .join_pop_top .mfont p{font-size: .28rem;}
	.join_pop .join_pop_bom h1{font-size: .3rem;margin: .25rem 0 .13rem 0;}
	.join_pop .join_pop_bom p{font-size: .26rem;}
	.join_pop .join_pop_main{padding: .3rem;border-radius: .2rem;}
	.join_pop a{top: .2rem;right: .2rem;}
	.join_pop .join_pop_bom{min-height: auto;}
	
	
	.join_title{padding: 0 .3rem .5rem .3rem;}
	.join_title .join_title_main{flex-direction: column-reverse;}
	.join_title .mright{width: 100%;margin-bottom: .35rem;}
	.join_title .mleft{width: 100%;}
	.join_title .mleft h3{font-size: .4rem;.tec;}
	.join_title .mleft h2{font-size: .55rem;.tec;margin: .1rem 0 .3rem 0;}
	.join_title .mleft .minfo{font-size: .26rem;line-height: .42rem;}
	.join_body{padding: .5rem .4rem;}
	.join_body li{width: 100%;padding: .1rem;margin-bottom: .25rem;}
	.join_body a {height: auto;}
	.join_body a .mtop{padding: .4rem .2rem 0 0 ;}
	.join_body a .mtop span{margin-right: .15rem;}
	.join_body a .mtop h4{font-size: .33rem;}
	.join_body a .mbom{padding: .3rem;}
	.join_body a .mbom dd{padding: .1rem 0;}
	.join_body a .mbtn{right: .3rem;bottom: .3rem;}
}

/***********关于我们************/
.about_top_line{height: 160px;width: 100%;background: @color;}
.about_top{
	width: 100%;
	background: @color;
	background-size: 100% 100%;padding: 0px 30px 80px 30px;
	position: relative;
	
	.about_top_bg{
		height: 57%;width: 100%;background: @color41;
		transform: skew(0,-25deg);
		position: absolute;left: 0;right: 0;top: 20%;
	}
	.about_title{
		max-width: 1000px;width: 100%;margin: 0 auto;
		position: relative;z-index: 5;margin-bottom: 60px;
		h2{
			.tec;font-size: 50px;color: #FAEFB8;
			margin-bottom: 40px;
		}
		.minfo{
			.f16;color: #FAEFB8;line-height: 33px;
			p{.tec;}
		}
	}

	
	.about_lou{
		max-width: 1200px;width: 100%;margin: 0 auto;
		position: relative;z-index: 5;
		.about_swi_btn{display: none;}
		ul{
			position: absolute;width: 95%;height: 100%;
			top: 0;left: 0;z-index: 10;
			li{position: absolute;}
			li:nth-child(1){
				top: 26%;left: 0;
			}
			li:nth-child(2){
				top: 40%;right: 0;
			}
			li:nth-child(3){
				top: 63%;left: 0;
			}
		}
		.about_info{
			width: 500px;border-radius: 8px;border: @color5 1px solid;
			box-shadow: @boxsha;padding: 30px 20px 40px 20px;overflow: hidden;
			.flex;flex-direction: column;
			background: #fff;
			.mtop{
				width: 100%;.flex-j;margin-bottom: 35px;
				.mleft{
					background: url(/images/img04.png) no-repeat;
					background-size: 100% 100%;padding: 10px 15px;
					h3{
						.f18;color: @color2;.fw;
					}
				}
				p{
					opacity: .3;color: @color51;text-transform: uppercase;
					font-size: 20px;.fw;
				}
			}
			.mbom{
				width: 100%;
				.f15;color: @color51;
				line-height: 26px;
				p{
					text-indent: 20px;
					font-size: 16px;
					line-height: 186%;
				}
			}
		}
		.about_swiper{
			width: 100%;display: none;

			.swiper-slide{

			}
		}
	}
	.about_lou_img{
		position: relative;z-index: 5;
		margin: 0 auto;
		max-width: 990px;width: 100%;
		
	}
	.about_dream{
		max-width: 1200px;width: 100%;margin: 0 auto;
		h2{
			.tec;font-size: 50px;color: #FAEFB8;
			margin-bottom: 80px;
		}
		ul{
			width: 100%;
			display: flex;justify-content: space-between;
			li{
				padding: 0 15px;
			}
			a{
				.flex;flex-direction: column;.ani;
				img{height: 50px;width: auto;}
				h4{.f20;.fw;margin: 31px 0 8px 0;color: @color2;}
				p{.f16;color: @color41;}
			}
			a:hover{
				transform: translateY(-5px);
				img{transform: rotateY(360deg);.ani5;}
			}
		}
	}
}


.about_teamlist{
	width: 100%;background: @color4;
	padding: 80px 30px;
	border-top: 3px solid @color41;
	.about_teamlist_title{
		margin-bottom: 60px;
		h2{font-size: 50px;color: @color5;.tec;margin-bottom: 20px;}
		p{color: @color5;padding: 0 30px;max-width: 850px;width: 100%;margin: 0 auto;.tec;.f16;line-height: 30px;}
	}
	.about_teamlist_main{
		max-width: 1400px;width: 100%;margin: 0 auto;
	}
	ul{width: 100%;display: flex;flex-wrap: wrap;}
	li{
		width: 25%;
		padding: 20px;
	}

	.mimg{
		width: 100%;position: relative;
		img{box-shadow: @boxsha2;border-radius: 8px;.imgbj;.ani3;position: relative;z-index: 20;transform-origin:33% 33%;}
		span{border-radius: 8px;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: @color;.ani3;transform-origin:0% 0%;}
	}
	li:hover{
		.mimg{
			img{transform: rotate(2deg);}
			span{transform: rotate(-3deg);}
		}
		.mfont{
			.trly;
			h4{color: @color;}
			p{color: @color;}
		}
	}
	.mfont{
		padding: 20px 15px;.ani;
		h4{.ani;.fw;color: @color5;.f18;.mrb10;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
		p{.ani;.f16;color: @color5;line-height: 25px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}
	}
}
@media screen and (max-width:1200px){
	.about_top .about_lou .about_info .mtop{margin-bottom: 20px;}
	.about_top .about_lou .about_info .mbom p{.f14;}
	.about_teamlist li{width: 33.33%;}
}
@media screen and (max-width:1025px){
	.about_teamlist{padding: .5rem .2rem;overflow: hidden;}
	.about_teamlist li{padding: .15rem;width: 50%;}
	.about_teamlist .mfont{padding: .15rem 0;}
	.about_teamlist .mfont h4{font-size: .3rem;}
	.about_teamlist .mfont p{font-size: .28rem;line-height: .4rem;height: auto;}
	.about_teamlist .about_teamlist_title{margin-bottom: .3rem;}
	.about_teamlist .about_teamlist_title h2{font-size: .6rem;margin-bottom: .5rem;}
	.about_teamlist .about_teamlist_title p{padding: 0 .1rem;font-size: .26rem;line-height: .42rem;}
	
	
	.about_top_line{height: 0px;}
	.about_top{padding: 0 .3rem .3rem .3rem;}
	.about_top .about_title{padding-top: .8rem;margin-bottom: .6rem;}
	.about_top .about_title h2{font-size: .6rem;margin-bottom: .5rem;}
	.about_top .about_title .minfo{font-size: .27rem;line-height: .42rem;text-indent: .5rem;}
	.about_top .about_title .minfo p{display: inline;}
	.about_top .about_top_bg{top: 27%;height: 40%;}
	.about_top .about_lou ul{display: none;}
	.about_top .about_lou .about_swiper{
		display: block;position: absolute;left: 0;right:0;top: 25%;
		z-index: 20;
	}
	.about_top .about_lou .about_swiper .swiper-wrapper{padding: .2rem 0;}
	.about_top .about_lou .about_info .mbom p{font-size: .25rem;}
	.about_top .about_lou .about_info{
		padding: .3rem;
		box-shadow: 0px 5px 0px 0px #000000;
	}
	.about_top .about_lou .about_info .mtop .mleft h3{font-size: .32rem;}
	.about_top .about_lou .about_swi_btn{
		position: absolute;left: 0;right: 0;top: 40%;z-index: 22;display: block;
		.swiper-button-prev{left: -15px;}
		.swiper-button-next{right: -15px;}
	}
	.about_swi_btn div{
		background: none;width: auto;height: auto;
		i{font-size: .6rem;background: #fff;}
	}
	.about_top .about_dream{margin-top: .5rem;}
	.about_top .about_dream h2{font-size: .6rem;margin-bottom: .8rem;}
	.about_top .about_dream ul{flex-wrap: wrap;}
	.about_top .about_dream ul li{width: 33.33%;margin-bottom: .4rem;padding: 0;}
	.about_top .about_dream ul a img{height: .65rem;}
	.about_top .about_dream ul a h4{font-size: .28rem;margin: .25rem .1rem;}
	.about_top .about_dream ul a p{font-size: .26rem;}
}


/***********首页************/
.ind_body{
	width: 100%;
	height: calc(~ '100vh - 85px');
	position: fixed;top: 85px;left: 0;right: 0;bottom: 0;	
}
.pageup{
	transform: translateY(-50%);z-index: 5;transition: .8s all ease-out;
}
.pageshow{
	transform: translateY(0%);z-index: 5;transition: .8s all ease-out;
}
.pagedown{
	transform: translateY(100%);z-index: 5;transition: .8s all ease-out;
}
.ind_more{z-index: 1;position: absolute;top: 0;left: 0;right: 0;padding-top: 85px;}
.ind_more.pagedown{
	position: fixed;height: calc(~ '100vh - 85px');
	
}
.ind_banner{
	width: 100%;height: 100%;background: @color;
	position: relative;z-index: 1;
	.ind_banner_bg{
		position: absolute;left: 0;right: 0;top: 0;bottom: 0;
		display: flex;justify-content:space-between;align-items: flex-end;
		img:nth-child(1){width: 250px;}
		img:nth-child(2){width: 120px;}
	}
	.ind_banner_icon{
		position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;
		width: 100%;height: 100%;
		.xhbannerbg{width: 100%;}
		.xhbannericon01{
			position: absolute;left:150px;top: 60px;
			width: 200px;
		}
		.xhbannericon02{
			position: absolute;right: 150px;top: 60px;width: 180px;
		}
	}
	.ind_banner_img{
		width: 100%;.flex-c;
		img{width: 100%;}
	}
	.ind_swi{height: 100%;}
	.ind_banner_main{
		max-width: 1700px;width: 100%;margin: 0 auto;height: 100%;
		position: relative;z-index: 12;
		
		
		.ind_swi_pag{
			.flex-c;
			.swiper-pagination{bottom: 31px;}
			.swiper-pagination-bullet{
				margin: 0 5px;.ani;
			}
			.swiper-pagination-bullet-active{
				background: #fff;border-radius: 20px;
				width: 15px;
			}
		}
	}
}

.ind_ser{
	width: 100%;display: flex;position: fixed;
	left: 0;right: 0;top: 85px;bottom: 0;
	height: calc(~ '100vh - 85px');
	z-index: 1;background: url(/images/bg03.png) @color4;
	.ind_ser_title{
		.ind_ser_title_main{.flex-c;flex-direction: column;}
		h2{.fw;font-size: 55px;color: @color5;margin-bottom: 9px;}
		p{.f25;color: @color5;}
	}
	.xhmleft{
		width: 50%;position: relative;height: 99%;
		.ind_ser_title{
			position: absolute;top: 65px;left: 0;right: 0;
		}
		.s-left.distribute {
			position: relative;
			overflow: hidden;
			width: 100%;
			height: 100%;
		}
		.s-distribution{
			width: 100%;
			height: 100%;
		}
	}
	.xhmright{
		width: 50%;position: relative;
		background: @color52;height: 100%;overflow: hidden;
		.ind_ser_title{
			padding-top: 65px;margin-bottom: 45px;
			h2{.clw;}
			p{.clw;}
		}
		ul{
			width: 100%;padding-left: 90px;
			li{
				width: 100%;border-radius: 8px 0 0 8px;overflow: hidden;
				height: 130px;margin-bottom: 15px;.ani;position: relative;
				cursor: pointer;
				a{user-select:none;.ani;.flex;padding: 35px;width: 100%;height: 100%;border-radius: 8px 0 0 8px;}
				.mleft{
					width: 85px;height: 85px;border-radius: 8px;background: rgba(0,0,0,.12);
					.flex-c;margin-right: 35px;flex-shrink: 0;
					.micon{width: 43px;height: 43px;}
				}
				h3{user-select:none;color: @color51;.fw;font-size: 35px;}
			}
			a::after{
				content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;
				width: 100%;height: 100%;background: rgba(0,0,0,.2);opacity: 0;display: block;
				.ani;
			}
			li:nth-child(1) a{background: #ACDA91;}
			li:nth-child(2) a{background: #FAC670;}
			li:nth-child(3) a{background: #F5E1BE;}
			li:nth-child(4) a{background: #F37925;}
			li:hover a{
				transform: translateX(40px);
			}
			li:hover a::after{
				opacity: 1;
			}
		}
	}
}


.ind_news{
	width: 100%;background: @color4;
	padding: 80px 30px;position: relative;
	z-index: 1;
	.ind_news_title{
		.flex;flex-direction: column;margin-bottom: 20px;
		.mtop{.flex;flex-direction: column;}
		img{width: 58px;height: 51px;margin-bottom: 40px;}
		h2{font-size: 40px;color: @color5;}
		p{.tec;.f17;color: @color5;margin: 20px 0;}
	}
	.ind_news_bg{
		position: absolute;left: 0;right: 0;top: 0;bottom: 0;
		display: flex;justify-content:space-between;align-items: flex-end;
		img:nth-child(1){width: 117px;}
		img:nth-child(2){width: 200px;}
	}
	.ind_news_main{
		max-width: 1100px;width: 100%;margin: 0 auto;
		ul{
			width: 100%;display: flex;flex-wrap: wrap;
			position: relative;
		}
		.look_more{
			.flex-c;
			a{
				border-radius: 5px;color: @color4;.f16;position: relative;
				padding: 15px 30px;background: @color;margin-top: 35px;
				overflow: hidden;.ani;.flex-c;
				p{
					position: relative;z-index: 10;
				}
			}
			a:after{
				content:'';display: block;width: 100px;height: 100px;
				background: @color5;border-radius: 50%;
				position: absolute;left: 0px;top: 0px;
				transform: scale(0);.ani3;
			}
			a:hover{
				transform: translateY(-5px);
			}
			a:hover:after{
				transform: scale(3);
			}
		}

	}
}
@media screen and (max-width:1025px){
	.pagedown{transform: translateY(0);}
	.pageup{transform: translateY(0);}
	.pageshow{transform: translateY(0);}
	
	.ind_body{height: auto;position: relative;top: 0;}
	.ind_ser{position: relative;height: auto;top: 0;}
	.ind_more.pagedown{height: auto;position: relative;}
	
	.ind_banner{height: 4rem;}
	.ind_banner .ind_banner_bg{display: none;}
	.ind_banner .ind_banner_main{padding: 0;}
	.ind_banner .ind_banner_icon .xhbannericon02{display: none;}
	.ind_banner .ind_banner_icon .xhbannericon01{display: none;}
	.ind_banner .ind_banner_main .ind_swi_pag .swiper-pagination{bottom: 7px;}
	
	
	.ind_ser{display: block;}
	.ind_ser .xhmleft{width: 100%;height: 435px;}
	.ind_ser .xhmright{width: 100%;}
	.ind_ser .xhmright .ind_ser_title{margin-bottom: .35rem;padding-top: .5rem;}
	.ind_ser .xhmright .ind_ser_title h2{font-size: .45rem;}
	.ind_ser .xhmleft .ind_ser_title{top: .8rem;}
	.ind_ser .ind_ser_title h2{font-size: .45rem;}
	.ind_ser .ind_ser_title p{font-size: .3rem;}
	.ind_ser .xhmright ul{padding-left: .5rem;}
	.ind_ser .xhmright ul li{height: 1.1rem;}
	.ind_ser .xhmright ul li a{padding: .2rem;}
	.ind_ser .xhmright ul li .mleft{height: .8rem;width: .8rem;margin-right: .3rem;}
	.ind_ser .xhmright ul li h3{font-size: .32rem;}
	.ind_ser .xhmright ul li .mleft .micon{width: .55rem;height: .55rem;}
	
	.ind_more{padding-top: 0;}
	.ind_news .ind_news_bg{display: none;}
	.ind_news{padding: .5rem .3rem;}
	.ind_news .ind_news_title img{margin-bottom: .35rem;}
	.ind_news .ind_news_title h2{font-size: .45rem;}
	.ind_news .ind_news_title img{width: .8rem;height: .8rem;}
	.ind_news .ind_news_title p{font-size: .28rem;margin: .2rem 0;}
	.ind_news .ind_news_main .look_more a{font-size: .26rem;padding: .15rem .3rem;}
	
	
}