body {
	background-color: RGBA(250, 250, 250, 1);
}

* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	list-style: none;
}

.box1 {
	padding: 110px 0 95px;
}

.box1 p {
	font-size: 80px;
	line-height: 1;
	color: #333333;
	font-family: HarmonyOS_Sans_SC_Bold;
	text-align: center;
	margin: 0 auto;
}

.box2 {
	padding-bottom: 135px;
}

.box2-cen {
	display: flex;
	justify-content: space-between;
}

.box2-l {
	width: 47.15%;
	padding-top: 20px;
}

.box2-l-t p {
	font-size: 24px;
	line-height: 1;
	color: #333333;
	font-family: HarmonyOS_Sans_SC_Bold;
	margin-bottom: 70px;
}

.box2-r {
	width: 48.57%;
	position: relative;
}

.box2-l-m ul li {
	margin-bottom: 30px;
}

.box2-l-m ul li:last-child {
	margin-bottom: 0;
}

.box2-box-t {
	display: flex;
	align-items: center;
}

.box2-box-t .iconfont {
	display: block;
	font-size: 18px;
	color: #8dc63f;
	margin-right: 10px;
	line-height: 1;
}

.box2-box-t span {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	font-family: HarmonyOS_Sans_SC_Bold;
	color: #8dc63f;
}

.box2-box-t p {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	color: #333333;
}

.box2-box-m {
	font-size: 16px;
	line-height: 24px;
	font-family: HarmonyOS_Sans_SC;
	color: #666666;
	padding-left: 27px;
}

.box2-l-b {
	margin-top: 60px;
}

.box2-l-b ul {
	display: flex;
	align-items: center;
}

.box2-l-b ul li a .iconfont {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 36px;
	border: 2px solid #8dc63f;
	color: #8dc63f;
	border-radius: 50%;
	margin-left: 30px;
	font-size: 18px;
	transition: all 0.8s;
}

.box2-l-b ul li a .iconfont:hover {
	background: #8dc63f;
	color: #ffffff;
}

.box2-r-prc {
	position: absolute;
	z-index: 6;
	left: 0;
	top: 0;
}

.box2-r-prc img {
	width: 100%;
}

.box3-cen img {
	width: 100%;

}

@media (max-width:1700px){
	.box1 p{
		font-size: 60px;
	}
	.box1 {
	    padding: 90px 0 80px;
	}
}

@media (max-width:1440px){
	.box1 p{
		font-size: 40px;
	}
	
	.box1 {
	    padding: 60px 0 50px;
	}
	.box2-l-t p {
	    font-size: 22px;
	    margin-bottom: 36px;
	}
	.box2-box-t span{
		font-size: 22px;
	}
	.box2-l-m ul li {
	    margin-bottom: 20px;
	}
	.box2-l-b ul li a .iconfont{
		margin-left: 20px;
	}
}
@media (max-width:1200px){
	
}
@media (max-width:768px){
	.box1 p {
	    font-size: 30px;
	}
	.box1 {
	    padding: 40px 0 30px;
	}
	.box2-l-t p{
		font-size: 20px;
	}
	.box2-box-t span{
		font-size: 20px;
	}
	.box2-box-m{
		font-size: 15px;
		line-height: 22px;
	}
	
	.box2-cen{
		flex-direction: column-reverse;
	}
	.box2-r-prc{
		position: relative;
	}
	.box2-r{
		width: 100%;
	}
	.box2-r img{
		    width: 100%;
		    max-height: 340px;
		    object-fit: cover;
	}
	.box2-l{
		width: 100%;
	}
	.box2-l-b {
	    margin-top: 30px;
	}
	.box2 {
	    padding-bottom: 45px;
	}
}