/*top头顶*/
header{
	background: url(/Public/home/img/banner.jpg) no-repeat center;
}
.bg-back{
	width: 100%;
    background-size: cover;
    color: #fff;
	padding: 1% 4%;
	height: auto;
}
.bg-back .am-u-lg-3, .bg-back .am-u-lg-5, .bg-back .am-u-lg-12 {
    padding: 0;
    margin: 0;
}
.bg_EgTitle{
	font-size: 3rem;
	font-weight: bolder;
}
#main{
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.project_box{
	margin:5% auto; 
}
.projectTitle{
	font-size: 3rem;
	color: #0C9FEA;
}
.projectText{
	font-size: 1.6rem;
	color: #808080;
}
.project_bottomicon{
	width: 100%;
	height: auto;
}
.project_bottomicon img{
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
.hand_click{
	display: none;
}
.individuation{
	text-align: left;
	width: 80%;
    margin: 0 auto;
}
.iconTitle{
	width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	margin-right:1em;
	font-size: 1.6rem; 
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	background: skyblue;
	position: relative;
}
.blue{
	background: -webkit-linear-gradient(135deg,#4FAAF7,#1A65EC);
	background:-moz-linear-gradient(135deg,#4FAAF7,#1A65EC);
	background:-ms-linear-gradient(135deg,#4FAAF7,#1A65EC);
	background:-o-linear-gradient(135deg,#4FAAF7,#1A65EC);
	background:linear-gradient(135deg,#4FAAF7,#1A65EC);
}
.blue::before{
	position: absolute;
	content: "";
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background:rgba(79,170,247,.5);
	left: -1.3rem;
}
.pink{
	background: -webkit-linear-gradient(225deg,#FAAD97,#E9728D);
	background:-moz-linear-gradient(225deg,#FAAD97,#E9728D);
	background:-ms-linear-gradient(225deg,#FAAD97,#E9728D);
	background:-o-linear-gradient(225deg,#FAAD97,#E9728D);
	background:linear-gradient(225deg,#FAAD97,#E9728D);
}
.pink::before{
	position: absolute;
	content: "";
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background:rgba(250,173,151,.5);
	left: -1.3rem;
}
.yellow{
	background: -webkit-linear-gradient(135deg,#F7D544,#E7A516);
	background:-moz-linear-gradient(135deg,#F7D544,#E7A516);
	background:-ms-linear-gradient(135deg,#F7D544,#E7A516);
	background:-o-linear-gradient(135deg,#F7D544,#E7A516);
	background:linear-gradient(135deg,#F7D544,#E7A516);
}
.yellow::before{
	position: absolute;
	content: "";
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background:rgba(247,213,68,.5);
	left: -1.3rem;
}
.skyblue{
	background: -webkit-linear-gradient(225deg,#69FBF3,#16B1DD);
	background:-moz-linear-gradient(225deg,#69FBF3,#16B1DD);
	background:-ms-linear-gradient(225deg,#69FBF3,#16B1DD);
	background:-o-linear-gradient(225deg,#69FBF3,#16B1DD);
	background:linear-gradient(225deg,#69FBF3,#16B1DD);
}
.skyblue::before{
	position: absolute;
	content: "";
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background:rgba(22,177,221,.5);
	left: -1.3rem;
}
.icontext{
	font-size: 1.8rem;
}
.inconP{
	width: 80%;
	font-size: 1.4rem;
	color: #808080;
}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
	.bg-title{
		font-size: 2.2rem;
	}
	.projectTitle{
		font-size: 2.2rem;
		color: #0C9FEA;
	}
	.projectText{
		font-size: 1.2rem;
	}
	.individuation{
		text-align: left;
		width: 100%;
	    margin: 0 auto;
	}
}
@media screen and (max-width: 640px){
	.bg-back{
		padding-top: 20%;
		padding-bottom: 5%;
	}
	.bg-title {
	    font-size: 1.8rem;
	    position: relative;
	    padding-bottom: 0rem; 
	    margin-bottom: 0rem; 
	}
	.bg_EgTitle{
		font-size: 1.8rem;
	}
	.bg-back p{
		margin: 0;
		font-size: 1.3rem;
	}
	.bg_EgTitle{
		font-size: 1.8rem;
	}
	.projectText br{
		display: none;
	}
	.hand_click{
		display: block;
		padding: 10% 0;
	}
	.hand_click a{
		color: #E60012;
	}
	.am-modal-bd{
		background: #fff;
	}
	.inconP{
		width: 100%;
		font-size: 1.4rem;
		color: #808080;
	}
}