#container1{

	max-width: 1200px;

	width: 100%;

	margin: 0 auto;

}

.pro-content{

	background: #eee;

	margin-bottom: 40px;

}



.index-b-3{

	padding-top: 30px;

	padding-bottom: 30px;

}



.pro-choose{

	display: flex;

	display: -webkit-flex;

	justify-content: center;
	text-align: center;

}



.pro-choose .pro-see ,.pro-choose h3{

	display: inline-block;

}



.pro-choose h3{

	font-size: 16px;

	letter-spacing: 1px;

	line-height: 41px;

}



.pro-choose .pro-see{

	background: #009944;

	color: #fff;

	padding: 10px 30px;

	margin-left: 12px;

	font-size: 16px;

	letter-spacing: 1px;

	position: relative;

}



.pro-c-type span{

	padding-right: 6px;

}



.pro-choose .pro-see:hover{

	background: #037134;

}



.pro-see:hover{

	cursor: pointer;

}



#filters{

	text-align: left;

	padding-top: 10px;

	padding-bottom: 10px;
	display: inline-block;
}



.i-90{

	transform: rotate(90deg);

	transform-origin: 25% 50%;

}



#filters li{

	font-size: 16px;

	display: inline-block;

	padding-left: 22px;

}



#filters li a{

	display: block;

}



#filters li a:hover{

	color: #f8bd01;	

}



.i-pro-bg{

	width: 20%;

	

	box-sizing: border-box;

	padding: 6px 6px;

}



.i-pro-bg img{

	width: 100%;

	height: 100%;

}



.filter-active{

	color: #f8bd01 !important;

}



.c-pro a{

	display: block;

	height: 100%;

	position: relative;

}



.c-pro a:before{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	content: '';

	opacity: 0;

	background: -webkit-linear-gradient(right, rgba(61,162,106,0.7), rgba(58,233,204,0.7));

	background: -webkit-linear-gradient(right, rgba(61,162,106,0.7), rgba(58,233,204,0.7));

	transition: linear 0.2s opacity;

	-webkit-transition: linear 0.2s opacity;

}



.c-pro a:hover:before{

	opacity: 1;

}



.pro-info{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	opacity: 0;

	max-width: 150px;

	width: 100%;

}



.pro-info p{

	color: #fff;

	margin-top: 6px;

	text-align: center;

}



.c-pro a:hover .pro-info{

	opacity: 1;

}



.isotope ,.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.pro-img-w{

	width: 20%;

	padding: 0 10px 20px 10px;

	box-sizing: border-box;

	float: left;

}



.pro-img-w img{

	width: 100%;

}



.pro-eye-icon{

	width: 50px !important;

	height: 50px !important;

	margin:0 auto !important;

}
.size-14{
	color:#fff;
}
.b-7-footer{
	color:#fff;
}