@charset "utf-8";
/* CSS Document */

.pro{ width:100%; float:left; padding:30px 0px; background:url(../img/index_18.jpg)  no-repeat;}
@media (max-width:1200px) { .pro{ background:#f0cae7;} }
.title{ width:100%; height:40px; line-height:40px; background:url(../img/index_22.png) center no-repeat; text-align:center; color:#333; font-size:30px;}
.content{ float:left; margin-top:30px}
.case li {height:auto; /*width:270px;*/text-align:center; float:left; overflow:hidden; }
.pic{height:256px; overflow:hidden;}
.pic img{ height:256px; width:auto; text-align:center;display:inline;overflow:hidden;}
.pic >  img {
  width: 250px;
  transition: .1s transform;
  transform: translateZ(0);
  
  /* hack */
}

.case > li:hover {
  z-index: 1;
}

.pic a:hover > img {
  transform: scale(1.5, 1.5);
  transition: .3s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}
.t1{ float:left; line-height:35px; color:#333; font-size:18px; text-align:left; text-indent:10px; width:100%;}
.more{ float:right; background:url(../img/index_20.png) center no-repeat; width:70px; height:35px; display:inline;}
.more a{ display:block;}
.cc{ width:100%; float:left;}

.brand {  overflow:hidden; }
.brand li { float:left;height:130px; width:232px;text-align:center; border:1px solid #ccc; overflow:hidden; margin:1px;}
.brand li img{ height:130px;  max-width:232px; text-align:center;display:inline; margin:0 auto;}
.brand > li >  img {
  width: 232px;
  transition: .1s transform;
  transform: translateZ(0);
  /* hack */
}

.brand > li:hover {
  z-index: 1;
}

.brand > li a:hover > img {
  transform: scale(1.5, 1.5);
  transition: .3s transform;
}

@media (max-width:767px) {
.brand li{ width:100%;} 
}
.contact{ float:left;width:100%; margin-top:20px; background:url(../img/index_26.png) center no-repeat;}
.c1{   color:#333; font-size:18px; line-height:36px;}
.padding-zero {
    padding: 0;
}