:root {
	--mach-about-title-size: 50px;
	--mach-about-text-size: 16px;
	--mach-about-text-line-height: 2;
}

.mach-padding-top {
	padding: 50px 0;
	position: relative;
}
.mach-about-con .wp{
	display:flex;
}
.mach-about__conpic, .mach-about__right {
	/* width: 100%; */
	/* height: 100%; */
	/* max-height: 500px; */
	/* overflow-y: scroll; */
	flex: 1;
}
.mach-about__conpic img {
	 
}
.mach-about__conpic {
	width: 44.5%;
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	margin: 0 70px 0 0;
}
 
.mach-about__right h2 {
	font-family: var(--title-font-family);
	font-size: 36px;
	color: var(--title-text-color);
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 20px;
}
.mach-about__right .rich-text::-webkit-scrollbar {
  width: 5px; /* 垂直滚动条宽度 */
  
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #01009099;
  border-radius: 10px;
}

/* 滚动条滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.mach-about__right .rich-text {
	font-family: var(--font-family);
	font-size: var(--mach-about-text-size);
	color: var(--text-color);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0.8em;
	max-height: 370px;
	overflow-y: scroll;
	padding-right: 10px;
	text-align: justify;
}
.mach-about__right p{
	 font-size: 17px;
	 line-height: 1.8;
	 
}
.mach-about__right .main-href a {
	display: block;
	font-family: var(--font-family);
	font-size: var(--mach-about-text-size);
	font-weight: 800;
	line-height: normal;
	text-align: center;
	padding: 16px 40px;
	align-items: flex-start;
	background-color: var(--color-primary);
	color: #fff;
	cursor: pointer;
	border-radius: var(--button-radius);
	margin-top: 1.75em;
}

.mach-about__right .main-href a:hover {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), var(--color-primary);
}

@media (min-width: 992px) {
	.mach-about__conpic {
		/* padding-right: 1.2em; */
	}
}

@media (max-width: 992px) {
	.mach-about__right {
		padding-top: 0.5em;
	}
}


@media screen and (max-width: 1500px) {
	:root {
	  --mach-about-title-size: 44px;
	  --mach-about-text-size: 16px;
	}
  }
  
  @media screen and (max-width: 1280px) {
	:root {
		--mach-about-title-size: 38px;
		--mach-about-text-size: 16px;
	}
	  .mach-about__right .rich-text{
		  max-height: 300px;
		 }
  }
  
  @media screen and (max-width: 1200px) {
	:root {
		--mach-about-title-size: 38px;
		--mach-about-text-size: 16px;
	}
  }
  
  @media screen and (max-width: 992px) {
	:root {
		--mach-about-title-size: 32px;
		--mach-about-text-size: 14px;
	}

  }
  
  @media screen and (max-width: 991px) {
	:root {
		--mach-about-title-size: 26px;
		--mach-about-text-size: 14px;
	}
		.mach-about__conpic {
    width: 100%;
	}
	.mach-padding-top {
    padding: 30px 0;
	}
  }
  
  @media screen and (max-width: 576px) {
	:root {
		--mach-about-title-size: 20px;
		--mach-about-text-size: 14px;
	}
  }
  
  
  @media screen and (max-width: 1281px) {
  .mach-about__right h2{font-size: 34px;}
}
@media screen and (max-width: 1171px) {
  .mach-about__right h2{font-size: 30px;}
}
@media screen and (max-width: 992px) {
  .mach-about__right h2{font-size: 24px;margin: 0;}
}
@media screen and (max-width: 991px) {
  .mach-about__right h2{font-size: 24px;}
	.mach-about-con .wp{
	        -webkit-flex-direction: column;
        flex-direction: column;
	}
}
@media screen and (max-width: 480px) {
  .mach-about__right h2{font-size: 22px;}
}