.title {
	font-size: 36px;
	margin-bottom: 12px;
	color: #333
}

.subTitle {
	color: #cda08e;
	font-size: 30px;
	white-space: nowrap
}

.flex .item .top {
	align-items: center
}

.flex .item .top .circle {
	width: 116px;
	height: 116px;
	border-radius: 50%;
	border: 2px dashed var(--primary-color);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #cca08c;
	flex-shrink: 0
}
.flex .item .top .circle:hover{
	background-color:#cca08c;
	color:#fff;
	cursor: pointer;
}

.flex .item .top .arrow {
	width: 80px;
	height: 2px;
	background-color: #cca08c;
	position: relative;
	opacity: 0
}

.flex .item .top .arrow.show {
	opacity: 1
}

.flex .item .top .arrow:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #fff;
	right: 0;
	bottom: -2px;
	z-index: 2
}

.flex .item .top .arrow .line {
	position: absolute;
	width: 2px;
	height: 20px;
	background-color: #cca08c;
	right: 0;
	bottom: 0;
	transform: rotate(-45deg);
	transform-origin: bottom center;
	z-index: 1
}

.flex .item .top .arrow .line:before {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	background-color: #fff;
	right: -2px;
	top: 0;
	z-index: 2
}

.flex .item .words {
	position: relative
}

.flex .item .words:before {
	content: "";
	position: absolute;
	display: block;
	height: 32px;
	width: 2px;
	top: -32px;
	left: 25px;
	background-color: #cca08c
}

.rigtext p{
	margin-top:26px;
}
.rigtext2 p{line-height: 32px;margin-top:0;}
.circleItem {
	justify-content: center;
}
.flex .item .top{padding-top:10px;}

.pchide{
	display: none!important;
}
@media (max-width: 768px) {
	.circleItem {
		flex-wrap: wrap;
		/* flex-direction: column; */
		align-items: center;
		justify-content: left;
	}

	.circleItem .item {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 50%;
	}
	.flex .item .top .circle {
	    width:80px;
	    height: 80px;
	}
	.flex .item .top .circle .fs22 {
	    font-size: 14px!important;
	}
	.flex .item .top .mr40 {
	    margin-right:10px!important;
	}

	.circleItem .item .words {
		align-self: flex-start;
		height: 164px;
	}
	.flex .item .words:before {
	    top: -23px;
		left:42px;
	}
	.flex .item .top .arrow {
	    width: 60px;
	}
	.flex .item .top .arrow .line {
	    height: 10px;
	}
	.phonehide{
		display: none!important;
	}
	.pchide{
		display: block!important;
	}
	.client-group.pt30{padding-top:0!important;}
}

.about .bannerImg{
	width: 100%;
	height: 300px;
	margin-bottom: 50px
}

.about .bannerImg img{
	width: 100%;
	height: 100%
}

.about .top,
.about .bottom{
	padding-top: 60px
}

.about .top .right{
	/* border-bottom: 1px solid var(--gray-color) */
}

.about .bg{
	background-image: url(../images/bg.jpg);
	background-size: 100% 100%
}

@media (max-width: 768px) {

	.about .bg,
	.about .jx{
		display: none
	}
}

.about .business .borderBottom{
	border-bottom: 1px solid var(--gray-color)
}

.about .choose-magor{
	padding: 50px 0 30px;
	background-color: #f2f2f2;
	margin-bottom: 30px
}

.about .moreBtn{
	width: 430px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	background-color: #cca18e;
	text-align: center;
	cursor: pointer;
	display: block;
}

.client-group .picbox{flex-wrap:wrap;}
.client-group .picbox img{width:225px;height:100px;margin:10px 5px;}

@media (max-width: 768px) {
	.about .bannerImg {
	    margin-bottom: 30px;
		height: 215px;
	}
	.pr100{
		padding-right: 15px !important
	}

	.pl100{
		padding-left: 15px !important
	}
	.mb50 {
	    margin-bottom:25px!important;
	}
	.about .top, .about .bottom {
	    padding-top:0px;
	}
	.about .top .right {
	    margin-top:30px;
	}
	.about .bottom .right {
	    margin-top: 30px;
	}
	.fs24 {
	    font-size: 15px!important
	}
	.fs17{font-size: 12px!important;}
	
	.about .pt80{padding-top:20px!important;}
	.about .fs40 {
	    font-size: 22px!important;
	}
	.about .choose-magor .fs36{
		font-size: 18px!important;
		text-align: center;
	}
	.about .choose-magor{
		padding: 30px 0 30px;
		text-align: center;
	}
	.about .choose-magor .fs30{
		font-size: 24px!important;
	}

	
}