@charset "utf-8";
.publicTop{ background:url(../images/industry_bg.jpg) no-repeat center top; 
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;}




.insdutry_list { margin:12px; overflow:hidden}
.insdutry_list li {width:33.33333%;height: auto;float: left;overflow: hidden;transition: 0.8s;	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-o-transition: 0.8s;}
.insdutry_list li a{ display:block; margin:12px;background: #f6f6f6; position:relative} 
.insdutry_list li .img {position: relative;width:200px;height:150px;float: left;text-align: left;	overflow: hidden;}
.insdutry_list li .img img {position: absolute;left: -10%;	top: -50%;	width: 200%;height: 200%;transition: 0.5s;transition-duration: 1s;	-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.insdutry_list li .con {position:absolute; left:200px; padding:24px;}
.insdutry_list li .con h3 {display: block;font-size: 18px;font-weight: normal;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}

.insdutry_list li .con .text {display: block;padding:6px 0px;line-height: 24px;font-size: 14px;color: #999;
	transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}

	
.insdutry_list li:hover .img img {transform: rotate(10deg) scale(1.1);-moz-transform: rotate(10deg) scale(1.1);-ms-transform: rotate(10deg) scale(1.1);
	-o-transform: rotate(10deg) scale(1.1);	webkit-transform: rotate(10deg) scale(1.1);}
	
.insdutry_list li a:hover {background: #333;}
.insdutry_list li a:hover h3 {
	color: rgba(255,255,255,1);
}
.insdutry_list li a:hover .text {
	color: rgba(255,255,255,0.8);
}