/*banner 里面的tex*/
.banner0 .tex{
	bottom: 30%;
	padding-left: 15px;
}
.banner0 .tex h4{
	color: #52586B;
}
.banner0 .tex p{
	color: #9189A0;
	font-size: 24px
}
@media screen and (max-width: 767px) {
	.banner0 .tex{
		bottom: 0;
	}
}
/*责任理念*/
.responsibility i{
	font-size: 110px;
	color: #af905f;
}
.responsibility p{
	font-size: 30px;
	color: #333333;
	margin-bottom: 30px;
	transition: all 0.3s;                                                                                
	-moz-transition: all 0.3s; /* Firefox 4 */								
	-webkit-transition: all 0.3s; /* Safari 和 Chrome */							
	-o-transition: all 0.3s; /* Opera */	
}
.responsibility span{
	font-size: 16px;
	color: #666666;
	transition: all 0.3s;                                                                                
	-moz-transition: all 0.3s; /* Firefox 4 */								
	-webkit-transition: all 0.3s; /* Safari 和 Chrome */							
	-o-transition: all 0.3s; /* Opera */	
	text-transform: uppercase;
}
.responsibility span br{
	display: none;
}
.responsibility div{
	transition: all 0.3s;                                                                                
	-moz-transition: all 0.3s; /* Firefox 4 */								
	-webkit-transition: all 0.3s; /* Safari 和 Chrome */							
	-o-transition: all 0.3s; /* Opera */	
}
.responsibility div a{
	padding: 150px 0 180px 0;
	display: block;
	width: 100%;
	height: 100%;
}
.responsibility div:hover{
	background:#af905f;
}
.responsibility div:hover i,.responsibility div:hover p,.responsibility div:hover span{
	color: #fff;
}
@media screen and (max-width: 1500px) {
	.responsibility div a{
		padding: 80px 0 80px 0;
	}
}
@media screen and (max-width: 1200px){
	.responsibility div a{
		padding: 50px 0;
	}
	.responsibility p{
		font-size: 25px;
	}
}
@media screen and (max-width: 991px){
	.responsibility div a{
		padding: 30px 0 50px;
	}
	.responsibility p{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.responsibility span br{
		display: block;
	}
	.responsibility i {
	    font-size: 50px;
	}
	.responsibility span{
		font-size: 16px;
		display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;
		line-height: 20px;
	}
	.banner0 .tex{
		bottom: 20%
	}
	
}
@media screen and (max-width: 767px){
	
	.responsibility p{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.responsibility span{
		font-size: 12px;
		display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;
	}
	.responsibility div a{
		padding: 0px 0 30px;
	}
}