@charset "utf-8";
/* CSS Document */
.hiSlider{
		    overflow: hidden;
		    height: auto;
		    width: 100%;
		    background: #eee;
		}
		.hiSlider-item{
		    float: left;
		}
.about{float:left;  width:100%; margin-top:15px;}
.about img {
    width: 100%;
}
.news-title{ float:left; line-height:30px; background:#f2f2f2; width:100%;}
.news-title span{ float:left; width:120px; background:url(../img/index1_17.jpg) repeat-x; color:#fff; font-size:15px; text-align:center; font-weight:bold;}
.newsbody {
    float:left; padding:  0px; width:100%;
}
.media{ border-bottom: dotted 1px #ccc; margin-top:0px !important;}
.media-body{ width:100%; color:#666; font-size:12px; line-height:30px; float:left;}
.media-heading { color:#333;background: url(../img/index_32.png) left center no-repeat; margin-bottom:0px;
       padding-left: 15px;}
.media-heading span{ float:right; color:#999; padding-right:10px;}
.media-body:hover .media-heading { color:#2d86c1;}

h3{ font-size:16px; margin:10px 0px; color:#00a0e9; font-weight:bold;}
.groupbrief{ color:#666; line-height:30px; font-size:14px;}
.morelink{  margin-top:5px; width:104px; height:28px; border:solid 1px #00a0e9;}
.morelink a{ display:block; color:#00a0e9; text-align:center; line-height:28px;}
.morelink a:hover{color:#fff;background:#00a0e9;}
.content{ float:left;  width:100%; margin:10px 0px;}
.c-right{ padding:0px 5px;}

.brief{ float:left;width:100%;  padding:10px 5px; font-size:13px; line-height:24px;}
.title{ width:auto; color:#333; font-size:18px; padding-bottom:5px;  }
.pic{height:auto; width:100%;overflow:hidden; text-align:center;}
.pic a{display:block;text-align:center;}
.pic  img{ height:auto; width:100%; overflow:hidden; text-align:center;}
.pic >  img {
  width: 100%;
  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;}
.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; width:auto; max-width:232px; text-align:center;display:inline;}
.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;
}


.contact{ float:left;width:100%; margin-top:20px; background:url(../img/index_26.png) center no-repeat;}
.c1{ float:left; width:auto;  color:#333; font-size:18px; line-height:36px; margin:50px;}