@charset "utf-8";
img { border: 0px; }
.bannerbox { width:100%;  overflow: hidden; margin: 0px auto; }
#focus { width:100%; height:212px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width:100%; height:100%; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; height:100%; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus ul li img{ width:100%; height:100%;}
.xld{ position:absolute; left:0px; bottom:0px; height:30px; line-height:30px; width:100%; padding:0px 1%; background:#000; background-color:rgba(0,0,0,0.8);  color:#fff; margin:0px; font-family:"微软雅黑"; font-size:14px;}
.xld p{ position:relative;}
    #focus .preNext { width:50%; height:100%; position: absolute; top: 0px; cursor: pointer; }
    #focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
    #focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }



#focus ul li:first-child:nth-last-child(2),#focus ul li:first-child:nth-last-child(2)~li{width:50%;}
#focus ul li:first-child:nth-last-child(3),#focus ul li:first-child:nth-last-child(3)~li{width:33.33333333333333%;}
#focus ul li:first-child:nth-last-child(4),#focus ul li:first-child:nth-last-child(4)~li{width:25%;}  
#focus ul li:first-child:nth-last-child(5),#focus ul li:first-child:nth-last-child(5)~li{width:20%;} 
#focus ul li:first-child:nth-last-child(6),#focus ul li:first-child:nth-last-child(6)~li{width:16.6666666666666%;} 


@media only screen and (max-width: 1024px){
#focus { height:177px;}
}


@media only screen and (max-width: 768px){
#focus { height:213px;}

}

@media only screen and (max-width: 700px){
#focus { height:190px;}

	
	}
	
@media only screen and (max-width: 640px){	
#focus { height:174px;}
}

@media only screen and (max-width: 480px){
#focus { height:267px;}

}

@media only screen and (max-width: 425px){
#focus { height:236px;}
	}
@media only screen and (max-width: 414px){	
#focus { height:230px;}
}

@media only screen and (max-width: 410px) {
#focus { height:228px;}
	}


@media only screen and (max-width: 395px) {
#focus { height:219px;}
}

@media only screen and (max-width: 375px) {
#focus { height:208px;}
}


@media only screen and (max-width: 360px) {
	#focus { height:200px;}
}

@media only screen and (max-width: 320px) {
#focus { height:178px;}
}

@media only screen and (max-width: 240px) {
#focus { height:133px;}
}