.banner-wrpaer {

    
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
		width: 100%;

}
		img{
			max-width: 100%;
		}
.banner-wrpaerIn {

    height: 100%;
    width: 100%;
    position: relative;
	background: #fff;

}	
		
.banner-link-in {

    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}	
	.bannerbox {
/*padding: 5px;*/
    width: 28%;
    float: left;
    height: 100%;

}	

	.bannerbox2 {
/*padding: 5px;*/
    width: 31%;
    float: left;
    height: 100%;

}	
	.bannerbox3 {
/*padding: 5px;*/
    width: 11%;
    float: left;
    height: 100%;

}
	.bannerbox4 {
/*padding: 5px;*/
    width: 30%;
    float: left;
    height: 100%;

}


.banner-link {

    display: block;
    width: 100%;
    height: 100%;
	-moz-transition: all .2s ease .0s;
	-webkit-transition: all .2s ease .0s;
	transition: all .2s ease .0s;

}
.banner-link:hover{
			background: rgba(255,255,255,0.15);
		}		
		.mobBanner{
			display: none;
		}
		@media only screen and (max-width:460px){
			.webBanner{
				display: none;
			}
			.mobBanner{
				display: block;
			}
		.bannerbox {

    padding: 0px;
    width: 32%;
    float: left;
    height: 100%;
}	


	.bannerbox2 {
/*padding: 5px;*/
    width: 41%;
    float: left;
    height: 100%;

}	
	.bannerbox3 {
/*padding: 5px;*/
    width: 14%;
    float: left;
    height: 100%;

}

.bannerbox3 {
/*padding: 5px;*/
    width: 13%;
    float: left;
    height: 100%;

}
.bannerbox4 {
/*padding: 5px;*/
    width: 14%;
    float: left;
    height: 100%;

}


		}