.com{
	background: url(../images/top_img_cover.png) right top no-repeat, url(../images/abu_top_img.jpg) center top repeat-x;
}

/*com*/


.mis-com{
	background-image: url(../images/abu_mis_img1.png);
	background-repeat: no-repeat;
	background-position: center 90px;
	height:500px;
}
.mis-com .left ul{
margin:0 auto;


}
.mis-com .left li{

}
.misbox{
padding:0 20px;
float:left;
margin:28px 102px;
width:320px;
height:180px;
}

.mis-com p{
text-align:left;
padding:10px 20px;

}
.left20{
margin:40px;
}
.misnu{
	font-size:40px;
	font-style: italic;
	color: #d0d0d0;
	padding:0 0 0 10px;
}
.mistit{
	font-size:24px;
	color: #2d4974;
	padding:0 0 0 10px;
	font-weight: bold;
}
.misbox .mispop ul{
position:relative;


}
.misr{
position:relative;
float:left;


}
.misr li{
float:left;
display:inline;

margin:47px;position:absolute;
}


.misro{
background:  rgba(153,195,217,0.8);
border-radius: 50px;
float:left;
width:32px;
padding:30px;
position:absolute;
color:#434343;
left:0px;
}
.misro2{
background: rgba(98,128,174,0.8);
border-radius: 50px;
float:left;
width:32px;
padding:30px;
position:absolute;
color:#FFFFFF;

left:70px;

}
.misro3{
background: rgba(153,195,217,0.8);
border-radius: 50px;
float:left;
width:32px;
padding:30px;
position:absolute;
color:#434343;
left:145px;
}
.misro4{
background: rgba(98,128,174,0.8);
border-radius: 50px;
float:left;
width:32px;
padding:30px;
position:absolute;
color:#FFFFFF;
left:215px;
}
}
 @media screen and (min-width: 1024px) and (max-width: 1366px) {

}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.misbox{
		width:50%;
		float:left;
		margin:30px 0px;
		padding:0px;
	}
	.mis-com{
		background-size: 90%;
		background-position: -10px 150px;
		margin-left: 5%;
	}
}
@media screen and (min-width: 700px) and (max-width: 768px) {
	.com {
		background: none;
	}
	.com h1 {
		background: url(../images/top_img_cover.png) right top no-repeat, url(../images/abu_top_img.jpg) center top repeat-x;
	}
	.misbox{
		width:50%;
		float:left;
		margin:0px;
		padding:0px;
	}
	.mis-com{
		background-image: none;
		width:100%;
		float:left;
		height:auto;
		margin-left: 0;
	}

}
@media screen and (min-width: 320px) and (max-width: 700px) {
	.com {
		background: none;
	}
	.com h1 {
		background: url(../images/top_img_cover.png) right top no-repeat, url(../images/abu_top_img.jpg) center top repeat-x;
	}
	.misbox{
		width:100%;
		float:left;
		margin:0px;
		padding:0px;
	}
	.mis-com{
		background-image: none;
		width:100%;
		float:left;
		height:auto;
	}
	.misr{
		margin-left: -30px;
	}
}
@media screen and (min-width: 320px) and (max-width: 640px) {


}
@media screen and (max-width: 320px){
	.misr{
		margin-left: -55px;
	}
}