body {}

.indexTree-box {
	width: 100%;
	height: 700px;
	/* background-color: brown; */
}

.indexTree-box>img {
	width: 100%;
}

.bigbg {
	border: 1px solid red;
}

.test-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.yzs {
	margin-top: 60px;
	margin-bottom: 40px;
	height: 42px;
	font-size: 32px;
	color: #000000;
}

.text-cent {
	width: 644px;
	height: 62px;
	font-size: 16px;
	color: #A8A8A8;
	font-weight: 300;
	margin-bottom: 90px;
}

.text-boot {
	width: 352px;
	height: 42px;
	font-size: 32px;
	color: #000000;
}

.text-boot1 {
	margin-top: 20px;
	font-size: 16px;
	color: #A8A8A8;
	margin-bottom: 120px;
}

.big-four {
	width: 1200px;
	margin: 0 auto;
}

.four-img {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

}

.img1,
.img2,
.img3,
.img4 {
	width: 580px;
	height: 364px;
	/* background: #000000; */
	border-radius: 0px 0px 0px 0px;
	/* opacity: 0.5; */
	border: 1px solid #707070;
}

.big-four>.four-img>div>img {
	width: 580px;
}



.big-four>.four-img>div {
	position: relative;
}

.big-four>.four-img>div>div {

	color: #fff;
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.big-four>.four-img>div>.content:hover {
	cursor: pointer;
	background: rgba(19, 168, 127, 0.4);
}

.big-four>.four-img>div>.content>.title {

	margin-top: 25%;
	font-size: 18px;
}

.big-four>.four-img>div>.content>.list {
	width: 235px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 16px;
}

.img1,
.img2 {
	margin-bottom: 20px;
}

/*  */
.gnjg {
	width: 1200px;
	margin: 0 auto;
	margin-top: 120px;
}

.product-top {
	display: flex;
	justify-content: space-between;
}

.product-top>.left {
	/* width: 96px; */
	height: 31px;
	font-size: 24px;
	color: #000000;
}



.line-box {
	display: flex;
}

.line {
	width: 45px;
	height: 2px;
	margin-top: 7px;
	margin-right: 10px;
	background-color: #13A87F;
}

.line-right {
	height: 15px;
	font-size: 12px;

	color: #A8A8A8;
}

.sdts {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}

.gy {
	margin-bottom: 20px;
	font-size: 32px;
	color: #000000;
}

.qs {
	margin-bottom: 60px;
	font-size: 16px;
	color: #A8A8A8;
}

/* 四个小圆 */
.yuan-box {
	width: 1200px;
	margin: 0 auto;
}

.yb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yuan1 {
	width: 192px;
	height: 192px;
	border-radius: 50%;
	background: #e1eff7;
	opacity: 1;
}

.ytzn {
	display: flex;
	margin-top: 40px;
	margin-bottom: 90px;
	/* text-align: center;
	justify-content: space-around; */
}

.ytzn1 {
	margin-left: 55px;
}

.ytzn2 {
	margin-left: 265px;
}

.ytzn3 {
	margin-left: 279px;
}

.ytzn4 {
	margin-left: 260px;
}