@import url(common.css);


.about{
	padding:50px 0;
	font-size:16px;
	color:#666;
	line-height:2em;
	background:url(/img/about1.jpg) center top no-repeat;
	position:relative;
}
.about .container{ position:relative; height:1250px; padding:0; }
.about .container .abouttxt{
	border-radius:5px; 
	width:1100px; 
	margin:0 auto; 
	font-size:20px; 
	color:#000;
	padding:40px 50px;
	line-height:50px; 
	background-color: rgba(255,255,255,0.70);
	position:absolute;
	left:50px;
	bottom:50px;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
    .abouttxt{
		background-color:#FFFFFF;
		filter:Alpha(opacity=70);
		position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
		*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
	}
	.abouttxt p,.abouttxt img{
		position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
	}  
}


@media(max-width:768px){
	.about{
		padding:20px 10px;
		font-size:14px;
	}
	.about .container{
		position:relative;
		height:inherit;
		min-height:700px;
		max-height:1250px; 
		padding:0; 
	}
	.about .container .abouttxt{
		width:90%;
		font-size:16px; 
		padding:20px;
		line-height:30px;
		left:5%;
		bottom:30px;
	}
}
@media(min-width:768px) and (max-width:1000px){
	.about{
		padding:30px 0;
		font-size:14px;
	}
	.about .container{
		position:relative;
		height:inherit;
		min-height:800px;
		max-height:1250px; 
		padding:0; 
	}
	.about .container .abouttxt{
		width:90%;
		font-size:16px; 
		padding:20px;
		line-height:30px;
		left:5%;
		bottom:30px;
	}
}
@media(min-width:1000px) and (max-width:1200px){
	.about{
		padding:30px 0;
		font-size:14px;
	}
	.about .container{
		position:relative;
		height:inherit;
		min-height:900px;
		max-height:1250px; 
		padding:0; 
	}
	.about .container .abouttxt{
		width:850px;
		font-size:18px; 
		padding:30px;
		line-height:40px;
		left:50%;
		margin-left:-425px;
		bottom:50px;
	}
}