.introduce-box {
	display: block;
	padding-left: 9.308vw;
	margin-top: 9.36vw;
	padding-bottom: 2.756vw;
}

.introduce-box .left {
	margin-right: 6.24vw;
	flex-shrink: 0;
}

.introduce-box .center p {
	font-size: 1.04vw;
}

.dl-logo {
	width: 11.44vw;
	height: 11.44vw;
	margin-bottom: 3.12vw;
}

.dl-code {
	width: 10.452vw;
	height: 10.45vw;
	margin-bottom: 1vw;
}

.dl-platform {
	width: 10vw;
	font-size: 0.624vw;
	margin-bottom: 0.52vw;
	text-align: center;
}
.dl-platform a{
	color:#000;
}
.dl-platform img{
	width: 9.36vw;
}
.introduce-box .title {
	font-size: 3.12vw;
	font-family: AvenirNext-Bold;
	margin-bottom: 1vw;
}

.introduce-box .center {
	width: 38.48vw;
	flex-shrink: 0;
}

.introduce-box .right {
	position: relative;
	width: 42.15vw;
}

.introduce-box .right img {
	position: absolute;
	top: -2.08vw;
	right: -8.8vw;
	height: 41.48vw;
	width: 42vw;
	max-width: none;

}

.introduce-outer-container {
	max-width: none;
	background: #F5F5F5;
	box-shadow: -20px 0px 20px rgba(0, 0, 0, 0.16);
	padding-left: 8.58vw;
}

.introduce-outer-container ul {
	padding: 0px;
}

.introduce-outer-container ul li {
	list-style: none;
}

.introduce-outer-container .title {
	font-size: 1.872vw;
	margin: 0vw 0px 4.16vw 0px;
	padding-top: 2.08vw;
	font-family: AvenirNext-Bold;
}

.circle-step {
	width: 5.2vw;
	height: 2.6vw;
	border-radius: 25px;
	background: #A7A8AC;
	font-size: 1.248vw;
	text-align: center;
	color: #fff;
	line-height: 2.6vw;
	margin-bottom: 2.132vw;
}

.introduce-box-2 {
	display: block;
}

.introduce-box-2 .center {
	height: 27.3vw;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.144vw;
}

.introduce-box-2 .arrow-box {
	margin: 0px 3.432vw;
	display: flex;
	align-items: center;
}

.introduce-box-2 .box-col-1,
.introduce-box-2 .box-col-2,
.introduce-box-2 .box-col-3 {
	width: 17.236vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.introduce-box-2 .box-col-2,
.introduce-box-2 .box-col-3 {
	width: 15.34vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.introduce-box-2 .col-1 img {}

.introduce-box-2 .content {
	font-size: 1.04vw;
	font-family: MyriadPro-Regular;
}

.introduce-box-2 .arrow {
	width: 1.176vw;
	height: 1.456vw;
}

.introduce-box-2 .box-col-2 img,
.introduce-box-2 .box-col-3 img {
	width: 100%;
}

.introduce-container {
	padding: 0px;
	max-width: none;
	padding-left: 8.58vw;
	padding-bottom: 1.5vw;

}

.introduce-container .title {
	font-size: 1.872vw;
	margin: 0vw 0px 4.16vw 0px;
	padding-top: 2.08vw;
	font-family: AvenirNext-Bold;
}

.introduce-box-3 .box-col-1,
.introduce-box-3 .box-col-2,
.introduce-box-3 .box-col-3 {
	width: 15.34vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.04vw;
	font-family: MyriadPro-Regular;
}
.introduce-box-3 .box-col-1 img{
	width: 100%;
	height: auto;
}
.introduce-box-3 .box-col-3 .content{
	text-align: center;
}
.introduce-box-3 {
	display: block;
}

.introduce-box-3 .center {
	height: 27.3vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.144vw;
	position: relative;
	width: 100%;
}

.introduce-box-3 .arrow-box {
	margin: 0px 3.432vw;
	display: flex;
	align-items: center;
}

.introduce-box-3 .arrow {
	width: 1.176vw;
	height: 1.456vw;
}

.introduce-box-3 .template-img {
	width: 12.22vw;
	height: 22.256vw;
}

.introduce-box-3 .box-col-3 {
	width: 12.22vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.introduce-box-3 .box-col-3 .circle-step {
	background: #fff;
}

.introduce-box-3 .box-col-3 .template-img-2 {
	position: absolute;
	width: 10.14vw;
	height: 12.272vw;
}

@media only screen and (max-width:991px) {
	.introduce-box{
		padding: 0px 9.3vw;
		margin-top: 20.925vw;
	}
	.introduce-box .center{
		width: 100%;
	}
	.introduce-box .center p{
		font-size: 3.255vw;
	}
	.introduce-box .left{
		text-align: center;
		margin-right: 0px;
	}
	.dl-logo{
		width: 35.34vw;
		height: 35.34vw;
		margin-bottom: 6.975vw;
	}
	.dl-platform-box{
		display: flex;
		justify-content: space-between;
		margin-bottom: 6.975vw;
	}
	.dl-platform{
		width: 39.06vw;
		height: 11.3925vw;
	}
	.dl-platform img{
		width: 100%;
		height: 100%;
	}
	.introduce-box .title{
		text-align: center;
		font-size: 6.9vw;
	}
	.introduce-outer-container .title{
		font-size: 6.975vw;
		text-align: center;
	}
	.circle-step{
		width: 16.275vw;
		height: 6.975vw;
		font-size: 3.72vw;
		line-height: 2;
	}
	.introduce-box-2{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.introduce-box-2 .center{
		width: 48.36vw;
		height: auto;
	}
	.introduce-box-2 .box-col-1, .introduce-box-2 .box-col-2, .introduce-box-2 .box-col-3{
		width: 68.5875vw;
	}
	.introduce-box-2 .content{
		font-size: 3.255vw;
		width: 100%;
		padding: 3.9525vw;
	}
	.introduce-box-2 .box-col-2 .center,.introduce-box-2 .box-col-3 .center{
		width: 68.5875vw;
	}
	.d-xs-block{
		display: block!important;
	}
	.introduce-box-2 .arrow,.introduce-box-3 .arrow{
		width: 3.4875vw;
		height: 3.0225vw;
		margin-bottom: 3.72vw;
	}
	
	.introduce-container .title{
		font-size: 6.975vw;
		text-align: center;
		font-family: AvenirNext-Bold;
	}
	.introduce-3{
		padding:0px 9.3vw; 
	}
	.introduce-box-3 .box-col-1, .introduce-box-3 .box-col-2, .introduce-box-3 .box-col-3{
		width: 68.5875vw;
		font-size: 3.255vw;
	}
	.introduce-box-3 .center{
		height: auto;
	}
	.introduce-box-3{
		display: flex;
		flex-direction: column;
		align-items: center;
		
	}
	.introduce-box-3 .template-img{
		width:46.035vw;
		height: 83.7vw;
	}
	.box-col-2 .circle-step,.box-col-3 .circle-step{
		/* display: none; */
	}
	.introduce-outer-container{
		padding:0px 9.3vw; 
	}
	.introduce-box-3 .content{
		padding: 3.9525vw;
	}
}