@font-face {
  font-family: 'AlibabaPuHuiTi';
  /* 优先加载压缩率更高的woff2，再降级到woff和otf */
  src:   url('css/AlibabaPuHuiTi-3-65-Medium.otf') format('opentype');
  font-style: normal;
  font-weight: 600;
}

* {
	margin: 0;
	padding: 0;
	font-family: "AlibabaPuHuiTi";
	font-style: normal;
}




/* 隐藏所有滚动条 */
body::-webkit-scrollbar {
	display: none;
}

body {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.hedsticky {
	position: sticky;
	top: 0;
	z-index: 99;
}

.header {
	height: 30rem;
	width: 100%;
	max-width: 1440rem;
	background-color: #231815;
	line-height: 30rem;
	padding: 0 93rem;
	font-size: 9.66rem;
	color: white;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.hedstickybodu {
	position: relative;
}

.content_header {
	height: 96rem;
	width: 1440rem;
	background-image: url("./img/headbg.png");
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.content_header_body {
	font-size: 12rem;
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	padding-top: 10rem;
}

.mr93rem {
	margin-right: 93rem;
}

.ml93rem {
	margin-left: 93rem;
}

.content_header_left {
	display: flex;
	align-items: center;
	text-align: center;
}

.content_header_center {
	width: 143rem;
	height: 18rem;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.item {
	width: 48rem;
	margin-right: 60rem;
	line-height: 1;
	text-align: center;
	position: relative;
	height: 24rem;
}

.item_t {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	cursor: pointer;
}

.item_r0 {
	margin-right: 0rem !important;
}

/* 轮播图核心样式 */
.swper {
	height: 685rem;
	width: 1440rem;
	position: relative;
	overflow: hidden;
}

.swper_img {
	height: 685rem;
	width: 1440rem;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.8s ease;
	z-index: 1;
}

._img {
	height: 685rem;
	width: 1440rem;
	object-fit: cover;
}

/* 轮播图按钮样式优化 */
.swper_buttun {
	position: absolute;
	bottom: 80rem;
	left: 50%;
	transform: translateX(-50%);
	/* padding: 15rem 40rem; */
	border: 2px solid #fff;
	color: #000;
	font-size: 16rem;
	border-radius: 50rem;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
	white-space: nowrap;
	height: 46rem;
	line-height: 46rem;
	width: 135rem;
	text-align: center;
}

.swper_buttun:hover {
	transform: translateX(-50%) scale(1.05);
	box-shadow: 0 8rem 16rem rgba(0, 0, 0, 0.2);
}

/* 当前显示的图片 */
.swper_img.active {
	opacity: 1;
	z-index: 10;
}

/* 底部指示器 */
.carousel-indicators {
	position: absolute;
	bottom: 30rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10rem;
	z-index: 20;
}

.indicator {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: background-color 0.3s;
}

.indicator.active {
	background-color: white;
}

.bg2 {
	width: 1440rem;
	height: 898rem;
	background-image: url('./img/bg2.png');
	background-size: 100% 100%;
	color: #C8C9CA;
	text-align: center;
	position: relative;
}

.bg2_1 {
	letter-spacing: 0.2em;
	position: absolute;
	font-size: 26rem;
	top: 300rem;
	width: 100%;
}

.bg2_2 {
	letter-spacing: 0.1em;
	position: absolute;
	font-size: 60rem;
	top: 360rem;
	width: 100%;
}

.bg2_3 {
	position: absolute;
	font-size: 26rem;
	top: 460rem;
	width: 100%;
}

.bg2_4 {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	font-size: 17rem;
	top: 522rem;
	color: #000;
	display: flex;

}

.bg_but_l {
	margin-right: 16rem;
	width: 135rem;
	height: 46rem;
	border: 2rem solid #1EAA39;
	background-color: #1EAA39;
	border-radius: 46rem;
	box-sizing: border-box;
	line-height: 46rem;
	cursor: pointer;
}

.bg_but_r {
	width: 135rem;
	height: 46rem;
	border: 2rem solid #1EAA39;
	background-color: #fff;
	border-radius: 46rem;
	box-sizing: border-box;
	line-height: 46rem;
	cursor: pointer;
}

.bg2_5 {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	font-size: 16rem;
	bottom: 60rem;
	width: 100%;
	color: #1EAA39;
	font-weight: bold;

}

.bg2_6 {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	font-size: 15rem;
	bottom: 35rem;
	width: 100%;
	color: #9E9E9F;

}

.bg3 {
	width: 1440rem;
	height: 849rem;
	background-image: url('./img/bg3.png');
	background-size: 100% 100%;
	color: #C8C9CA;
	text-align: center;
	position: relative;
	display: flex;
	padding-top: 220rem;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 18rem;
	padding-right: 18rem;

}

.bg3_item {
	width: 452rem;
	height: 605rem;
	border-radius: 20rem;
	position: relative;

}

.bg3_1 {
	background-image: url('./img/bg3_1-06.png');
	background-size: 100% 100%;
}

.bg3_2 {
	background-image: url('./img/bg3_1-05.png');
	background-size: 100% 100%;
	background-color: #EEEEEF;
}

.bg3_3 {
	background-image: url('./img/bg3_1-04.png');
	background-size: 100% 100%;
}

.bg_t {
	position: absolute;
	top: 52rem;
	left: 30rem;

}

.bg_t_1 {
	font-size: 35rem;
	color: #1EAA39;
}

.bg_t_2 {
	font-size: 12.5rem;
	color: #050505;
	width: 103rem;
	height: 35rem;
	background-color: #1EAA39;
	border-radius: 35rem;
	box-sizing: border-box;
	line-height: 35rem;
	cursor: pointer;
	margin-top: 16rem;
	font-weight: bold;
}

.bg_t_t {
	position: absolute;
	right: 28rem;
	bottom: 28rem;
	font-size: 13.5rem;
	color: #1EAA39;
	text-align: right;
	font-weight: bold;
}

.bg4 {
	width: 1440rem;
	height: 600rem;
	background-image: url('./img/bg7-07.png');
	background-size: 100% 100%;
	position: relative;
}

.gb4_bg_but_r {
	width: 135rem;
	height: 46rem;
	border: 2rem solid #1EAA39;
	border-radius: 46rem;
	box-sizing: border-box;
	line-height: 46rem;
	cursor: pointer;
	position: absolute;
	left: 180rem;
	top: 300rem;
	color: #000;
	z-index: 2;
	font-size: 16rem;
	text-align: center;
}

.bg5 {
	width: 1440rem;
	height: 1064rem;

	position: relative;
}



/* 轮播图核心样式 */
.bg5_swper {
	height: 498rem;
	width: 1238rem;
	position: relative;
	overflow: hidden;
	margin: 22rem auto 0;
	border-radius: 20rem;
}

.bg5_swper_img {
	height: 498rem;
	width: 1238rem;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.8s ease;
	z-index: 1;
}

.bg5_img {
	height: 498rem;
	width: 1238rem;
	object-fit: cover;
}

/* 轮播图按钮样式优化 */
.bg5_swper_buttun {
	position: absolute;
	top: 152rem;
	left: 82rem;
	/* padding: 15rem 40rem; */
	/* border: 2px solid #1EAA39; */
	color: #fff;
	font-size: 16rem;
	border-radius: 50rem;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
	white-space: nowrap;
	height: 46rem;
	line-height: 46rem;
	width: 135rem;
	text-align: center;
	background-color: #1EAA39;
}

.bg5_swper_buttun:hover {
	/* transform: translateX(-50%) scale(1.05); */
	box-shadow: 0 8rem 16rem rgba(0, 0, 0, 0.2);
}

/* 当前显示的图片 */
.bg5_swper_img.bg5_active {
	opacity: 1;
	z-index: 10;
}

/* 底部指示器 */
.bg5_carousel-indicators {
	position: absolute;
	bottom: 30rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10rem;
	z-index: 20;
}

.bg5_indicator {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: background-color 0.3s;
}

.bg5_indicator.bg5_active {
	background-color: white;
}

.bg5_b {
	display: flex;
	width: 1238rem;
	justify-content: space-between;
	margin: 42rem auto 0;
}

.bg5_b_bg1 {
	width: 382rem;
	height: 440rem;
	border-radius: 20rem;
	background-image: url('./img/bg6_bg-10.png');
	background-size: 100% 100%;
	background-color: #EEEEEF;
	position: relative;
}

.bg5_b_bg2 {
	width: 382rem;
	height: 440rem;
	border-radius: 20rem;
	background-image: url('./img/bg6_bg-11.png');
	background-size: 100% 100%;
	background-color: #EEEEEF;
	position: relative;
}

.bg5_b_bg3 {
	width: 382rem;
	height: 440rem;
	border-radius: 20rem;
	background-image: url('./img/bg6_bg-12.png');
	background-size: 100% 100%;
	background-color: #EEEEEF;
	position: relative;
}

.bg5_b_gm {
	position: absolute;
	bottom: 18rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: #1EAA39;
	color: #fff;
	font-size: 16rem;
	border-radius: 50rem;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
	white-space: nowrap;
	height: 46rem;
	line-height: 46rem;
	width: 135rem;
	text-align: center;
}

.bg5_b_gm:hover {
	transform: translateX(-50%) scale(1.05);
	box-shadow: 0 8rem 16rem rgba(0, 0, 0, 0.2);
}

.bg6 {
	width: 100%;
	text-align: center;
	color: #C8C9CA;
}

.bg6_js {
	font-size: 60.55rem;
}

.bg6_TE {
	margin: 10rem 0 38rem;
	font-size: 26.01rem;
}

.bg6_zr {
	font-size: 35rem;
	margin-bottom: 40rem;
}

.bg6_yy {
	padding: 10rem 30rem;
	font-size: 16rem;
	background-color: #1EAA39;
	border-radius: 20rem;
	color: white !important;
}

.y1 {
	width: 907rem;
	height: 100rem;
	margin: 68rem auto 0;
}

.CLASSi {
	font-size: 104rem;
}

.y2 {
	width: 1095rem;
	height: 147rem;
}

.bg6_yj {
	font-size: 35rem;
	margin: 64rem auto 32rem;
}

.bg6_yl {
	padding: 10rem 30rem;
	font-size: 16rem;
	background-color: #1EAA39;
	border-radius: 20rem;
	color: white !important;
}

.chejian {
	width: 1423rem;
	height: 573rem;
	margin: 54rem auto 16rem;
	background-image: url('./img/chejian.png');
	position: relative;
	background-size: 100%;
	overflow: hidden;
}

.bg6_yjy {
	font-size: 35rem;
	margin: 0 auto;
}

.chejian_muban {
	width: 1426rem;
	height: 339rem;
	position: absolute;
	left: 0;
	bottom: 0;
}

.bg6_gx {
	display: flex;
	width: 1040rem;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 36rem auto 0;
	position: relative;
	height: 360rem;
}

.bg6_gx_item {
	width: 315rem;
	height: 105rem;
	border-radius: 20rem;
	position: relative;
	margin-bottom: 46rem;
}

.bg6_title {
	font-size: 64rem;
	position: absolute;
	right: 10rem;
	top: -1rem;
	color: #1EAA39;
}

.bg6_gm {
	position: absolute;
	bottom: 8rem;
	left: 78rem;
	/* background-color: #1EAA39; */
	border: 1rem solid #1EAA39;
	color: #000000;
	font-size: 7rem;
	border-radius: 18rem;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
	white-space: nowrap;
	height: 18rem;
	line-height: 18rem;
	width: 55rem;
	text-align: center;
}

.bg6_text1 {
	font-size: 12.2rem;
	position: absolute;
	right: 10rem;
	bottom: 8rem;
}

.bg6_text2 {
	font-size: 16rem;
	position: absolute;
	right: 10rem;
	bottom: 6rem;
}

.bg6_text {
	font-size: 19rem;
	position: absolute;
	right: 10rem;
	bottom: 6rem;
}

.itbg1 {
	background-image: url('./img/bg6_item05.png');
	background-size: 100% 100%;
}

.itbg2 {
	background-image: url('./img/bg6_item06.png');
	background-size: 100% 100%;
}

.itbg3 {
	background-image: url('./img/bg6_item07.png');
	background-size: 100% 100%;
}

.itbg4 {
	background-image: url('./img/bg6_item08.png');
	background-size: 100% 100%;
}

.itbg5 {
	background-image: url('./img/bg6_item09.png');
	background-size: 100% 100%;
}

.itbg6 {
	background-image: url('./img/bg6_item10.png');
	background-size: 100% 100%;
}

.bg6_b {
	width: 1404rem;
    height: 281rem;
    /* position: relative; */
    /* top: -240rem; */
    z-index: -2;
    /* left: 0; */
    margin-top: -240rem;
}

.bg7 {
	width: 1440rem;
	height: 988rem;
	background-image: url('./img/bg7-03.png');
	background-size: 100% 100%;

	position: relative;
}

.bg8 {
	width: 1440rem;
	height: 988rem;
	background-image: url('./img/bg8-05.png');
	background-size: 100% 100%;
	background-color: #000;
	position: relative;
}

.bg9 {
	width: 1440rem;
	height: 752rem;
	background-image: url('./img/lianxi.jpg');
	background-size: 100% 100%;
	background-color: #fff;
	position: relative;
}

.bg10 {
	width: 1440rem;
	background-color: #fff;
	position: relative;
}

.bg10icon {
	display: flex;
	justify-content: space-between;
	padding: 40rem 400rem 0;
}

.icon-07 {
	width: 120rem;
	text-align: center;
}

.icon-07 img {
	width: 87rem;
	height: 87rem;
	margin: a auto;
}

.icon-07 div {
	margin-top: 10rem;
	font-size: 8.5rem;
	color: #000;
}

.bgg {
	width: 115rem;
	height: 3rem;
	background-color: #1EAA39;
	border-radius: 4rem;
	margin: 36rem auto;
}

.bgphone {
	font-size: 72rem;
	margin-bottom: 44rem;
}

.bgg_x {
	margin: 0 auto;
	width: 1396rem;
	height: 1px;
	background-color: #C8C9CA;
	margin-bottom: 34rem;
}

.bg10_bottom {
	width: 1440rem;
	height: 30rem;
	line-height: 30rem;
	background-color: #000;
	font-size: 12rem;
	display: flex;
	justify-content: space-between;
	padding: 0 18rem;
	color: white;
	box-sizing: border-box;
}

.zzc {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16rem;
	color: #050505;
	text-align: center;
}

.zzc_body {
	width: 500rem;
	height: 400rem;
	border-radius: 20rem;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ewm {
	width: 300rem;
	height: 300rem;
	background-image: url('./img/erm.jpg');
	background-size: 100% 100%;
	margin: 0 auto;
}



.zzc_body_qiye {
	width: 600rem;
	height: 500rem;
	border-radius: 20rem;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.qiye {
	border-radius: 10rem;
	width: 300rem;
	height: 471rem;
	background-image: url('./img/qiye.png');
	background-size: 100% 100%;
	margin: 0 auto;
}
.bg8_text{
	    width: 476rem;
	    height: 44rem;
	    left: 73rem;
	    top: 160rem; 
		position: absolute;
	    cursor: pointer;
	
}
.qywx{
	    position: absolute;
	    bottom: 66rem;
	    right: 90rem;
	    /* padding: 15rem 40rem; */
	    border: 2px solid #fff;
	    color: #f9f9f9;
	    font-size: 16rem;
	    border-radius: 50rem;
	    cursor: pointer;
	    transition: all 0.3s ease;
	    z-index: 2;
	    white-space: nowrap;
	    height: 46rem;
	    line-height: 46rem;
	    width: 194rem;
	    text-align: center;
}
.qywx:hover {
	transform:  scale(1.05);
	box-shadow: 0 8rem 16rem rgba(0, 0, 0, 0.2);
}