
.com{
	background: url(../images/top_img_cover.png) right top no-repeat, url(../images/abu_top_img.jpg) center top repeat-x;
}

/*com*/
.combg{
	background-image: url(../images/abu_cer_img2.gif);
	background-repeat: repeat-x;
	background-position:2px 250px;
}

.cer-com{
	height:400px;
	background-image: url(../images/abu_cer_img1.png);
	background-repeat: no-repeat;
	background-position: right 15px;

}
.cer-com .left{
width:75%;

}
.cer-com .left li date{
font-size: 20px;
    color: #fff;
    text-align: center;
    width: 178px;
    position: absolute;
    float: left;
    top: 176px;
    left: 18px;
    padding: 5px 0;
background: rgba(77,109,163,0.8);


}
.cer-com .left ul{
margin:0px;}
.cer-com .left li{
float:left;
margin:5px;position:relative;
padding:0 12px;
}
.cer-com .left li p {
    width: 200px;
    line-height: 19px;
    padding: 10px;
    font-size: 14px;
}
.cer-com .left li img{
	border: 1px solid #cccccc;
	padding:5px;
	background-color: #FFFFFF;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-color: #4d6da3;
	padding:5px;
	background-image: url(../images/btn_icon.png);
	background-repeat: no-repeat;


}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-color: #4d6da3;
	padding:5px;
}
.bx-wrapper{
min-width:880px;    margin: 30px;
}

 @media screen and (min-width: 1024px) and (max-width: 1366px) {

}
@media screen and (min-width: 768px) and (max-width: 1024px) {

}
@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;
}
.bx-wrapper{
	min-width:inherit;
}
}
@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;
	}
	.bx-wrapper{
		min-width:inherit;
	}
}
@media screen and (min-width: 320px) and (max-width: 640px) {
.cer-com{

	background:none;

}
.cer-com .left {
    width:100%;
}


}
