/* ============================================================
   物流货运 - 内页公共样式（about/product/solution/case/news/contact/honer）
   完全还原模板内页：banner(slide3) + 面包屑 + 左侧红色标题栏 + 内容区
   ============================================================ */


/* 内页主背景：模板 wm 图平铺（首页不使用） */
body {
  background: #ffffff url('../images/wm.png') repeat;
}

/* ---------- 内页 banner ---------- */
.page-banner {
  height: 450px;
  position: relative;
  z-index: 1;
}

.inner-wrap {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  min-height: 420px;
  height: auto;
  display: flow-root;
  background-image: url('../images/w-bg-90.png');
  background-repeat: repeat;
}

.page-banner-bg {
  height: 100%;
  background-image: url('../images/slide3.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ---------- 面包屑 ---------- */
.crumb {
  position: absolute;
  /* left: 50%; */
  /* top: 32px; */
  /* transform: translateX(-50%); */
  width: 100vw;
  font-size: 14px;
  color: #434343;
  line-height: 26px;
  box-sizing: border-box;
  /* padding-left: ; */
  padding: 12px 0 12px 250px;
  background-color: rgb(246, 246, 246);
  z-index: 1;
}

/* 面包屑前首页图标（模板有图标） */
.crumb::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-right: 6px;
  margin-top: -3px;
  background: url('../images/crumb_home.png') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.crumb a {
  color: #5a5a5a;
}

.crumb a:hover {
  color: #db0f31;
}

.crumb .sep {
  padding: 5px;
  color: #5a5a5a;
}

.crumb #crumb3 {
  font-size: 14px;
  color: #5a5a5a;
}

/* ---------- 左侧栏（红块标题 + 菜单） ---------- */
.inner-side {
  position: absolute;
  left: 0;
  top: -100px;
  width: 220px;
  height: 500px;
  background-color: #eeeeee;
  z-index: 2;
}

.inner-side .side-head {
  position: absolute;
  left: 0;
  top: 0;
  width: 220px;
  height: 180px;
  background-color: #db0f31;
  padding-left: 30px;
  box-sizing: border-box;
}

.inner-side .side-head .side-en {
  display: block;
  position: relative;
  padding-top: 49px;
  /* font-family: Arial, 宋体, Helvetica, sans-serif; */
  font-size: 24px;
  /* font-weight: bold; */
  color: #ffffff;
  /* letter-spacing: 2px; */
}

.inner-side .side-head .side-en::after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background-color: #ffffff;
  margin-top: 10px;
}

.inner-side .side-head .side-cn {
  display: block;
  padding-top: 8px;
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 19px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 1px;
}

.inner-side .side-menu {
  position: absolute;
  left: 0;
  top: 200px;
  width: 220px;
}

.inner-side .side-menu li {
  height: 55px;
  line-height: 55px;
  text-align: center;
  box-sizing: border-box;
}

.inner-side .side-menu li a {
  display: block;
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 16px;
  color: #000000;
  height: 55px;
  line-height: 55px;
}

.inner-side .side-menu li a:hover {
  color: #db0f31;
}

/* ---------- 内容区 ---------- */
.inner-content {
  position: relative;
  margin-left: 251px;
  margin-top: 80px;
  /* width: 907px; */
  /* min-height: 420px; */
  padding: 20px 30px 20px;
  border-color: rgb(238, 238, 238);
  border-width: 1px;
  border-style: solid;
}

.inner-contents {
  position: relative;
  margin-left: 210px;
  margin-top: 45px;
  /* width: 907px; */
  min-height: 420px;
  padding: 30px 40px;
}

.inner-content.content-full {
  margin-left: 0;
  width: 1200px;
}

.crumb-full {
  left: 0;
}

.inner-content .art-title {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #db0f31;
  line-height: 37px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(238, 238, 238);
}

.inner-content .art-detail {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 16px;
  color: #434343;
  line-height: 32px;
  margin-top: 10px;
}

.inner-content .art-detail p {
  margin-bottom: 12px;
}

.inner-content .art-detail h4 {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #db0f31;
  margin: 18px 0 8px;
}

.inner-content .art-detail .sub-t {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #db0f31;
  margin: 18px 0 8px;
}

/* ============ 服务项目 / 成功案例 列表（卡片式，模板 wp-article 布局） ============ */
.list-items {
  position: relative;
}

.list-item {
  position: relative;

  min-height: 210px;
  /* margin-bottom: 28px; */
  border-bottom: 1px solid rgb(238, 238, 238);
  overflow: hidden;
  margin-bottom: 30px;
}

.list-items {
  border: 0;
  margin-bottom: 0;
  min-height: 195px
}

.list-item .li-img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 288px;
  max-height: 180px;
  height: 180px;
  width: 288px;
  overflow: hidden;
  text-align: center;
  background-color: #f7f7f7;
}

.list-item .li-img img {
  max-width: 288px;
  max-height: 180px;
  height: 180px;
  width: 288px;
  display: block;
}

.list-item .li-box {
  position: relative;
  margin-left: 318px;
  /* width: 459px; */
  /* min-height: 260px; */
}

.list-item .li-tag {
  position: absolute;
  right: 0;
  top: 0;
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 16px;
  color: #0064d4;
  margin-right: 5px;
  z-index: 2;
}

.list-item .li-title {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #5A5A5A;
  line-height: 140%;
  padding-top: 30px;
}

.list-item .li-desc {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  padding-top: 15px;
  display: block;
  font-size: 15px;
  color: #888888;
  font-weight: normal;
  text-decoration: none;
  /* margin-top: 15px; */
  line-height: 1.75rem;
}

.list-item .li-more {
  display: inline-block;
  margin-top: 16px;
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 14px;
  color: #db0f31;
}

.list-item .li-more:hover {
  text-decoration: underline;
}

/* ============ 解决方案子页（卡片 2 列） ============ */
.sol-cards {
  position: relative;
  width: 907px;
}

.sol-card-item {
  position: relative;
  width: 907px;
  min-height: 240px;
  margin-bottom: 30px;
}

.sol-card-item .sc-num {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  background-color: #db0f31;
  border-radius: 4px;
  text-align: center;
  line-height: 70px;
  font-family: Arial, sans-serif;
  font-size: 26px;
  font-weight: bold;
  color: #ffffff;
}

.sol-card-item .sc-body {
  position: absolute;
  left: 90px;
  top: 0;
  width: 817px;
}

.sol-card-item .sc-title {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  line-height: 40px;
}

.sol-card-item .sc-desc {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 14px;
  color: #434343;
  line-height: 200%;
  padding-top: 6px;
}

/* ============ 新闻资讯列表（模板：标题上、日期下、摘要） ============ */
.news-inner-list {
  position: relative;
  width: 907px;
}

.news-inner-list li {
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
}

/* .news-inner-list li:last-child {
  border-bottom: none;
} */

.ni-meta {
  overflow: hidden;
}

.ni-pic {
  float: left;
  width: 240px;
  height: 150px;
  margin-right: 20px;
}

.ni-date {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #929292;
  padding-top: 8px;
  line-height: 1.4;
}

.ni-time .day {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 36px;
  color: #db0f31;
  line-height: 1.1;
}

.ni-time .ym {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #db0f31;
  padding-top: 4px;
}

.ni-title {
  display: block;
  font-size: 18px;
  color: #434343;
  font-weight: normal;
  line-height: 140%;
  padding-top: 6px;
}

.ni-title a {
  color: #5a5a5a;
}

.ni-title a:hover {
  color: #db0f31;
}

.ni-desc {
  margin-left: 260px;
  font-size: 14px;
  color: #888888;
  line-height: 200%;
  padding-top: 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 限制 2 行 */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  word-break: break-all;
  /* 可选：处理长英文/数字 */
}

/* ============ 联系我们 ============ */
.ct-title {
  font-size: 24px;
  color: #db0f31;
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-weight: bold;
}

.contact-4col {
  position: relative;
  width: 1200px;
  overflow: hidden;
  padding-left: 30px;
  box-sizing: border-box;
}

.contact-4col .c4 {
  float: left;
  width: 33.2%;
  margin-top: 50px;
  background-color: transparent;
  border: none;
  padding: 16px 20px;
  text-align: center;
  border-left: 1px solid rgb(239, 233, 233);
}

.contact-4col .c5 {
  border-right: 1px solid rgb(239, 233, 233);
}

.contact-4col .c4 .c4-ico {
  display: block;
  margin: 0 auto 20px;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
}

.c4-ico.i-addr {
  background-image: url('../images/icon_addr.png');
  background-size: 80px 80px;
}

.c4-ico.i-tel {
  background-image: url('../images/icon_tel.png');
  background-size: 80px 80px;
}

.c4-ico.i-mail {
  background-image: url('../images/icon_mail.png');
  background-size: 80px 80px;
}

.c4-ico.i-web {
  background-image: url('../images/icon_web.png');
  background-size: 80px 80px;
}

.contact-4col .c4 .c4-name {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 18px;
  color: #434343;
  font-weight: bold;
}

.contact-4col .c4 .c4-val {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 200%;
  padding-top: 10px;
}

.contact-map {
  margin-top: 10px;
  display: block;
  width: 100%;
  height: 300px;
  background-color: #e9ecf1;
  border: 1px solid #dddddd;
  position: relative;
  overflow: hidden;
}

/* ============ 资质荣誉 ============ */
.honer-list {
  position: relative;
  width: 907px;
  overflow: hidden;
}

.honer-item {
  float: left;
  width: 443px;
  margin-right: 20px;
  margin-bottom: 26px;
  text-align: center;
  padding: 20px 20px;
  border-color: rgb(238, 238, 238);
  border-width: 1px;
  border-style: solid;
}

.honer-item:nth-of-type(even) {
  margin-right: 0;
}

.honer-item .hz-img {
  width: 100%;
  /* height: 220px; */
  overflow: hidden;
  text-align: center;
  /* line-height: 220px; */
}

.honer-item .hz-img img {
  width: 100%;
  max-height: 290px;
  vertical-align: middle;
}

.honer-item .hz-name {
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
  font-size: 14px;
  color: #5a5a5a;
  text-align: center;
  padding-top: 12px;
  line-height: 180%;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(238, 238, 238);
}

/* 导航下拉已移除（模板 hover 无下拉菜单） */
.main-nav li .sub-nav {
  display: none;
}


/* ================= 解决方案：3 列方案卡（模板布局，无侧栏） ================= */
.sol-wrap {
  min-height: 0;
  padding-top: 60px;
  box-sizing: border-box;
}

.sol-grid {
  display: flex;
  justify-content: space-between;
  height: 450px;
}

.sol-grid .sol-card {
  position: static;
  top: auto;
  left: auto;
  width: 360px;
  height: 450px;
  flex: 0 0 auto;
  background-color: #ffffff;
  border: none;
  overflow: hidden;
  text-align: center;
  font-family: 微软雅黑, Microsoft YaHei, sans-serif;
}

.sol-card img {
  display: block;
  width: 384px;
  height: 240px;
  margin-left: -12px;
}

.sol-card .sc-num {
  margin-top: 34px;
  font-size: 28px;
  color: #000000;
  line-height: 1;
}

.sol-card .sc-title {
  margin-top: 20px;
  font-size: 18px;
  color: #000000;
  line-height: 1;
  font-weight: bold;
}

.sol-card .sc-desc {
  margin-top: 21px;
  font-size: 13px;
  color: #666666;
  line-height: 21px;
  padding: 0 30px;
  box-sizing: border-box;
}