.bg-info {
    background: #fff!important;
}
.bg-info h4 {
    color:#222;
}
.bg-info p {
    color:#666; width:80%; margin:0 auto;
}
.advantage div>div>div {
	float:left;
	width:130px;
	height:130px;
	font-size:75px;
	border:10px solid #cbb1dd;
	background:#64288c;
	padding-top:20px;
}
.advantage div:nth-of-type(2) div>div {
	font-size:70px;
	border:10px solid #f2b7d0;
	background:#e72c7b;
}
.advantage div:nth-of-type(3) div>div {
	font-size:75px;
	border:10px solid #a1e0e2;
	background:#01a5ae;
}
.advantage div:nth-of-type(4) div>div {
	font-size:73px;
	border:10px solid #d4ebc4;
	background:#87c35f;
}
.advantage div h3 {
	float:left;
	width:400px;
	height:140px;
	line-height:100px;
	color:#333;
	font-size:2rem;
	font-weight:bold;
}
.advantage div p {
	padding:20px;
	width:560px;
	min-height:250px;
	line-height:30px;
	text-align:left;
	text-indent:2em;
}

#process {
	min-width:1200px;
	background:#174aad;
	color:#fff;
}
.process {
	display:block;
	margin:15px 0 15px 600px;
	width:300px;
}
.process ul {
	margin-left:25px;
	border-left:2px solid #ddd;
}
.process ul li {
	margin-left:-19px;
	font-weight:normal;
	line-height:60px;
	font-size:1.4rem;
	text-align:left;
	width:500px;
	cursor:default
}
.process ul li b {
	margin-top:20px;
	width:35px;
	height:35px;
	line-height:25px;
	font-size:1rem;
	color:#222;
	background:#fff;
	border:5px solid #fff;
	border-radius:19px;
	-webkit-border-radius:19px;
	-moz-border-radius:19px;
	display:inline-block;
	float:left;
	text-align:center;
}
.process ul li strong {
	font-size:2rem;
}
.process ul li div {
	display:inline-block;
	margin-left:-640px;
	width:550px;
	text-align:right;
}
/*设置span标签的属性，让它来做时间显示，加一点边距，使时间显示离时间线远一点*/
.process ul li div span {
	padding:10px 30px;
	border-radius:30px;
	border:1px solid #fff;
}
.process ul li:nth-of-type(2n+2) div {
	display:block;
	margin-left:80px;
	width:450px;
	text-align:left;
}
.process ul li:hover b {
	color:#222;
	border:5px solid #fff;
}
/*注意这一行，前面的li标签后面加了一个:hover伪属性，意思是鼠标移上来，激活后面的属性，这样可以设置鼠标移动到整个时间范围的时候，时间点和时间显示会变色*/
.process ul li:hover {
	color:#fff;
}
/*同上*/
.process ul li p {
	margin:0 0 0 80px;
}
/*这里利用段落标签p做文字介绍*/

#service {
	background:#174aad;
}

.border-dotted{border:3px dotted #e5e5e5;
	line-height:30px;
	font-size:1.2rem;}


.service h3 {
	line-height:100px;
	font-size:4rem;
	font-weight:bold;
	background-color:#ef4b52;
}
.service div:first-child h3 {
	background-color:#65be8e;
}
.service div:last-child h3 {
	background-color:#2d7dec;
}
.service p {
	line-height:2.4em;
}

.sample{line-height: 2.2em;}

.about>div {
	float:left;
	width:33.33333333%;
	color:#787878;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.about>div>div {
	margin:50px auto 30px;
	padding-top:40px;
	width:160px;
	height:160px;
	color:#fff;
	border:10px solid #f3cfc3;
	border-radius:90px;
	background:#fe6a3a;
}
.about>div:first-child div {
	border:10px solid #cbeafc;
	background-color:#45d0e7;
}
.about>div:last-child div {
	border:10px solid #ede9aa;
	background-color:#fad259;
}

@media screen and (max-width: 768px)
{
	.my-5{ width:94%; margin:0 auto;}
	.h2, h2{ font-size:1.4rem;}
	.advantage div>div>div{ width:80px; height:80px; padding-top:16px; margin-left:5%;}
	.advantage div p{ width:94%; margin:0 auto; min-height:inherit; margin-top:20px;}
	.fa{ font-size:30px;}
	.advantage div h3{ width:94%; margin:0 auto; float:none; font-size:18px; height:auto; line-height:1.2; padding-top:30px; font-weight:500;}
	.mt-5, .my-5{ margin-top:30px !important;}
	
	#process{ width:100%; min-width:100%;}
	.process{ width:100%; margin:0;}
	.process ul{ border:0; margin:0 auto; text-align:center; margin-top:20px;}
	.process ul li{ width:100%; text-align:center; margin:0 auto;}
	.process ul li div{ width:100%; margin-left:0; text-align:center;}
	.process ul li b{ display:none;}
	.process ul li div span{ font-size:16px; margin:0 auto;}
	.process ul li strong{ font-size:16px; font-weight:500;}
	.process ul li:nth-of-type(2n+2) div{ width:100%; margin:0; text-align:center;}
	.pb-5, .py-5{ padding-top:10px !important; padding-bottom:10px !important;}
	
	.sample{ width:94%; margin:0 auto;}
	.sample img{ max-width:100%; height:auto;}
	
	#service h2{ padding-top:30px;}
	#service .pr-4, .px-4{ margin-bottom:20px;}
	.service h3{ font-size:2.6rem;}
	
	.about>div{ width:100%;}
	.about>div>div{width:80px; height:80px; padding-top:15px;}
	
}