/* 优家最新动态和页脚相关样式 */

/* 文本对齐 */
.text-center {
  text-align: center !important;
}

/* 浮动和清除 */
.pull-left {
  float: left !important;
}

/* 宽度和容器 */
.col1200 {
  width: 1200px;
  height: auto;
  margin: 0px auto;
}

.col1200::after,
.col1200::before {
  content: " ";
  display: table;
}

.col1200::after {
  clear: both;
}

/* 颜色 */
.colorfff {
  color: rgb(255, 255, 255);
}

.color212121 {
  color: rgb(33, 33, 33);
}

/* 透明度 */
.opacity4 {
  opacity: 0.4;
}

/* 字体大小 */
.f14 {
  font-size: 14px !important;
}

.f30 {
  font-size: 30px !important;
}

.f34 {
  font-size: 34px !important;
}

/* 外边距 */
.mt5 {
  margin-top: 5px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

/* 内边距 */
.pl10 {
  padding-left: 10px !important;
}

/* 家族logo样式 */
.family {
  display: inline-block;
  vertical-align: bottom;
}

.family:hover {
  transform: scale(1.1);
}

.family img {
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;
}

.family:hover .img_base,
.img_hover {
  display: none;
}

.family:hover .img_hover {
  display: inline;
}

/* 电话号码 */
.telFooter {
  height: 36px;
  line-height: 36px;
  display: inline-block;
  vertical-align: middle;
}

/* 新闻盒子 */
.news-box {
  display: flex;
  justify-content: space-between;
}

.news-box .news-item {
  width: 380px;
  height: 346px;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 6px 5px;
  border-radius: 8px;
  transition: 0.3s;
}

.news-box .news-item:hover {
  transform: translateY(-10px);
}

.news-list {
  padding-top: 30px;
}

.news-list .news-title {
  color: rgb(33, 33, 33);
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 25px;
}

.news-title .time {
  color: rgb(153, 153, 153);
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.news-title .text {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  cursor: pointer;
  width: 264px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news-title .text:hover {
  color: rgb(15, 92, 251);
}

/* Box8样式 */
.box8 {
  padding: 80px 0;
  background-color: #f5f5f5;
}