@charset "utf-8";
.row-brand {
	margin-left: -10px;
	margin-right: -10px;
}
.brand-item {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	position: relative;
	width: 25%;
	float: left;
}
.container-brand {
	position: relative;
	width: 100%;
	float: left;
}
.container-brand .images img {
	width: 100%;
}
.wrap-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top : 0;
	left: 0;
}
.child-hover {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 6px;
}
.brand-main {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	position: relative;
	opacity: 1;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.brand-main-img {
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
.caption-style-1 .caption {
	cursor: pointer;
	position: absolute;
	opacity: 1;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	-o-transition: all 0.45s ease-in-out;
	-ms-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}
.brand-main:hover {
	opacity: 0;
}
.brand-des {
	font-size: 16px;
	color: #707070;
	line-height: 190%;
	padding-left: 10px;
	padding-right: 10px;
	width: 50%;
	float: right;
	text-align: center;
}
.brand-des-cont {
	border: solid 1px #aaaaaa;
	padding: 20px;
}
 @media screen and (max-width:1200px) {
}
 @media screen and (max-width:960px) {
.brand-des {
	width: 100%;
	float: left;
}
}
 @media screen and (max-width:767px) {
.brand-item {
	width: 33.333%;
}
}
 @media screen and (max-width:640px) {
.brand-item {
	width: 50%;
	float: left;
}
 @media screen and (max-width:480px) {
 .row-brand {
 margin-left: 0;
 margin-right: 0;
}
.brand-item {
 width:100%;
 padding:0;
}
.brand-des {
padding-left:0;
padding-right:0
}
}