@charset "utf-8";
/* CSS Document */
.index-zzx{padding: 80px 0 40px; background:#fff;}
.index-common-title {font-size: 34px;font-weight: 500; line-height:50px; color:#333}
.index-common-title a{ color:#333}
.index-common-title a:hover{ color:#1970B8}
.index-common-header {text-align: center;}
.index-common-header .index-common-title-before, .index-common-header .index-common-title-after {
 background-color: #d8d8d8;display: inline-block; height: 1px; margin: 0 26px; vertical-align: middle; width: 57px;}
.index-common-header .index-common-description { color: #999; display: block;font-size: 14px; padding: 6px 0;}
.index-common .index-common-navbar { font-size: 14px; padding-bottom: 40px; padding-top: 36px; text-align: center;}
.index-zzx-company-box { height: 445px; width: 100%;}
.index-zzx-company-more{ width:100%; margin-top:40px;}
.index-zzx-company-more a{ background: #f5f5f5; color:#999; display:block; font-size:14px; height:40px; line-height:40px; text-align:center;}
.index-zzx-company-more a:hover{ background:#eee}
.index-zzx-company { float: left; font-size: 0;}
.zzx-company-list { background-color: #fff;  float: left; height: 430px; margin-top: 40px; transition: all 0.5s ease 0s; vertical-align: top; width: 290px;box-sizing: border-box;}
.zzx-company-list + .zzx-company-list {margin-left: 20px;}
.zzx-company-img { height: 250px;  position: relative; width: 288px; border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8; }
.company-bag-url { display: block; height: 250px; overflow: hidden; width: 288px;}
.zzx-company-bag { -moz-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s; width: 286px;box-sizing:border-box; padding:50px;}
.zzx-company-tj {right: 10px;position: absolute; top: 0; width: 55px;}
.zzx-company-logo-box { background-color: #fff;  border-radius: 50%;  bottom: -45px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);height: 90px;left: 50%;margin-left: -45px; position: absolute; width: 90px;}
.zzx-company-logo {  bottom: 13px; height: 64px; left: 50%; margin-left: -32px; position: absolute;  width: 64px;}
.zzx-company-detail { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #e8e8e8 #e8e8e8; border-image: none; border-style: none solid solid; border-width: 0 1px 1px; height: 139px;  padding-top: 34px; text-align: center; width: 288px; box-sizing:content-box;}
.zzx-company-name { color: #333;  font-size: 16px; overflow: hidden; padding: 0 40px; text-overflow: ellipsis; white-space: nowrap;}
.zzx-company-data {  margin-top: 12px; padding: 0 18px; height:14px;}
.zzx-company-data li { color: #999; display: inline-block; font-size: 12px; line-height:14px;}
.zzx-company-data li + li {  margin-left: 13px;}
.zzx-company-data li span, .zzx-company-data li em { float: left;}
.zzx-company-data span { color: #ff5a00; overflow: hidden; text-align: left;}
.zzx-company-bespoke { border: 1px solid #7c7c7c; color: #333; display: inline-block;  font-size: 12px; height: 28px; line-height: 28px;  margin-top: 26px; width: 78px;}
.zzx-company-list:hover {  border: 0 none; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); transform: translate3d(0px, -4px, 0px);	}
.zzx-company-list:hover .zzx-company-detail { border: 0 none;}
.zzx-company-list:hover .zzx-company-bespoke {  background-color: #1970B8;  border: 0 none; color: #fff; height: 30px; text-align: center; width: 80px;}
.zzx-company-list:hover .zzx-company-bag { -moz-transform: scale(1.03); transform: scale(1.03);}
.zzx-a{display: flex; height: 275px; width: 100%; display: table-cell; vertical-align: middle;text-align: center;}
.zzx-a-img{ width:100%; align-self: center;text-align: center; }