/* ============================================================
   得宝月子中心 - 国潮新中式风格样式表
   品牌色系: 巧克力棕 #5D3A1A | 哑光金 #C9A96E | 灰裸豆沙 #C4B5AA
   字体: 微软雅黑(PingFang SC fallback) 全站统一, 标题加粗区分
   配色来源: 得宝品牌色调官方规范
   ============================================================ */

/* ---------- Google Fonts 引入 ---------- */
/* 字体采用系统原生字体栈，无需外部加载，加载更快 */

/* ---------- CSS 变量定义（品牌色体系）---------- */
:root {
  --brand-primary: #5D3A1A;       /* 主色-巧克力棕 */
  --brand-primary-light: #8B5E3C;  /* 浅棕 */
  --brand-primary-dark: #3D2515;     /* 深棕 */
  --brand-ink: #2C2416;             /* 墨色 */
  --brand-gold: #C9A96E;            /* 辅色-哑光金 */
  --brand-gold-light: #E8D5B5;      /* 浅金 */
  --brand-sand: #C4B5AA;            /* 辅色-灰裸豆沙 */
  --brand-sand-light: #DDD0C4;      /* 浅豆沙 */
  --brand-cream: #FAF7F2;           /* 米白底 */
  --brand-cream-dark: #F0EBE3;      /* 深米白 */
  --text-primary: #2C2416;
  --text-secondary: #5D4D3D;
  --text-muted: #9B9388;
  --border-light: #E8DDD0;
  --border-medium: #D4C4AD;
  --bg-warm: #FDF9F5;
}

body {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-size: 15px;
  color: var(--text-primary);
  background-color: #fff;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}
input, select, textarea {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-size: 1em;
}
.wrap {
  width: 94%;
  margin: 0 auto;
  max-width: 1240px;
  position: relative;
}
img {
  max-width: 100%;
}
img, a {
  border: 0;
}
ul, li {
  list-style: none;
}
* {
  margin: 0;
  padding: 0;
}
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before {
  content: '';
  clear: both;
  display: table;
}
.pcimg { display: none; }

/* ---------- 国潮装饰元素（纯CSS实现）---------- */

/* 云纹分隔线 */
.cloud-divider {
  width: 120px;
  height: 12px;
  margin: 40px auto;
  position: relative;
  background: transparent;
}
.cloud-divider::before,
.cloud-divider::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brand-gold), transparent);
}
.cloud-divider::before { left: 0; }
.cloud-divider::after { right: 0; }
.cloud-divider .cloud-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 1px solid var(--brand-gold);
  border-radius: 50%;
  opacity: 0.6;
}

/* 回纹边框装饰 */
.hui-border {
  border: 1px solid var(--border-medium);
  position: relative;
  padding: 30px;
}
.hui-border::before {
  content: '';
  position: absolute;
  top: 6px; left: 6px; right: 6px; bottom: 6px;
  border: 1px solid var(--border-light);
  pointer-events: none;
}
.hui-corner::after {
  content: '';
  position: absolute;
  top: -3px; left: -3px;
  width: 16px; height: 16px;
  border-top: 2px solid var(--brand-gold);
  border-left: 2px solid var(--brand-gold);
}

/* 中式标题装饰 */
.cn-title-wrap {
  text-align: center;
  margin-bottom: 60px;
}
.cn-title-wrap .cn-subtitle {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-size: 13px;
  letter-spacing: 4px;
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 400;
}
.cn-title-wrap .cn-title {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-size: 34px;
  font-weight: 600;
  color: var(--brand-ink);
  letter-spacing: 6px;
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
.cn-title-wrap .cn-title::before,
.cn-title-wrap .cn-title::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 36px;
  height: 1px;
  background: var(--brand-gold);
}
.cn-title-wrap .cn-title::before { left: 0; }
.cn-title-wrap .cn-title::after { right: 0; }
.cn-title-wrap .cn-line {
  width: 48px;
  height: 2px;
  background: var(--brand-primary);
  margin: 14px auto 0;
  border-radius: 1px;
}

/* 金色印章效果 */
.gold-seal {
  display: inline-block;
  padding: 4px 14px;
  border: 1.5px solid var(--brand-gold);
  color: var(--brand-gold);
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-size: 13px;
  letter-spacing: 2px;
  border-radius: 2px;
}

/* ---------- 通用组件 ---------- */
.tags {
  width: 87%;
  margin: auto auto;
  height: auto;
  min-height: 80px;
  overflow: hidden;
  padding: 10px 0;
}
.tags b {
  clear: both;
  display: block;
  margin-bottom: 10px;
}
.tags li {
  float: left;
  margin-right: 10px;
  margin-top: 15px;
}
.tags li a {
  color: var(--text-secondary);
  font-size: 13px;
  padding: 10px 22px;
  border: 1px solid var(--border-light);
  border-radius: 25px;
  transition: all 0.3s ease;
}
.tags li a:hover {
  color: #fff;
  font-size: 13px;
  padding: 10px 22px;
  border: 1px solid var(--brand-primary);
  background: var(--brand-primary);
  border-radius: 25px;
}
.toptext {
  line-height: 32px;
  background: var(--brand-cream);
  font-size: 13px;
  color: var(--text-muted);
  text-align: center;
  width: 100%;
  clear: both;
}
.key {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 50px;
}
.key li {
  width: 30%;
  float: left;
  border: 1px solid var(--border-light);
  padding: 1%;
  font-size: 15px;
  margin-right: 1%;
  margin-bottom: 10px;
}
.key li a:hover { color: #fff; }
.key li:hover {
  background: var(--brand-primary);
  border: 1px solid var(--brand-primary);
  color: #fff;
}
@media only screen and (max-width: 550px) {
  .toptext { display: none; }
}

/* ---------- Logo ---------- */
.logo {
  display: block;
  width: 334px;
  height: 80px;
}
.logo a {
  text-indent: -999em;
  display: block;
  width: 165px;
  height: 80px;
}
.img1 p {
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 34px;
}
.img1 p img {
  margin-top: 20px;
  text-align: center;
}
.iconfont {
  margin-right: 5px;
  margin-left: 5px;
}

/* ---------- 联系表单区域 ---------- */
.contact_con1 {
  width: 100%;
  margin-left: auto;
  height: auto;
  overflow: hidden;
  margin-right: auto;
  line-height: 38px;
  color: var(--text-secondary);
  margin-bottom: 50px;
}
.contact_con1 li {
  float: left;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  list-style: none;
}
.contact_con1 li .p { font-size: 16px; }
.contact_con1 li .h3 {
  font-size: 26px;
  border-bottom: 1px solid var(--border-light);
  padding-bottom: 10px;
  margin-bottom: 25px;
  color: var(--brand-primary);
  text-transform: uppercase;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.contact_con1 li span {
  font-size: 22px;
  margin-right: 10px;
  vertical-align: middle;
}
.cont-4 {
  padding-left: 2%;
  height: auto;
  overflow: hidden;
  margin-bottom: 50px;
}
.cont-4 .inp-box ul { margin: 0; padding: 0; }
.cont-4 .inp-box li {
  margin: 0 1%;
  list-style: none;
  float: left;
  width: 48%;
}
.cont-4 .inp-box li .yzm {
  float: right;
  top: -50px;
  height: 50px;
  position: relative;
  font-size: 20px;
  border-left: 1px solid var(--border-light);
  width: 100px;
  margin-right: 7px;
  text-align: center;
}
.cont-4 .inp-box li .yzm img { margin-top: 19px; }
.cont-4 .inp-box li:nth-last-child(3) {
  width: 98%;
  float: none;
  overflow: hidden;
}
.cont-4 .inp-box li .but {
  border: 0;
  background: var(--brand-primary);
  color: #fff;
  line-height: 1;
  width: 100%;
  font-size: 17px;
  height: 52px;
  border-radius: 3px;
  cursor: pointer;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 2px;
  transition: background 0.3s ease;
}
.cont-4 .inp-box li .but:hover {
  background: var(--brand-primary-dark);
  color: #fff;
}
.cont-4 .inp-box ul input {
  border: 1px solid var(--border-light);
  border-radius: 3px;
  height: 52px;
  line-height: 52px;
  font-size: 15px;
  color: var(--text-primary);
  padding: 0% 1%;
  width: 98%;
  outline: none;
  transition: border-color 0.3s;
}
.cont-4 .inp-box ul input:focus {
  border-color: var(--brand-primary);
}
.cont-4 .inp-box ul select {
  border: 1px solid var(--border-light);
  border-radius: 3px;
  line-height: 52px;
  height: 52px;
  font-size: 15px;
  color: var(--text-primary);
  padding: 0%;
  width: 100%;
}
.cont-4 .inp-box ul textarea {
  border: 1px solid var(--border-light);
  border-radius: 3px;
  font-size: 15px;
  height: 110px;
  padding: 8px;
  width: 99%;
  margin-top: 1%;
  color: var(--text-primary);
  resize: vertical;
}

/* ---------- 数据展示 ---------- */
.product-number-info {
  height: 260px;
}
.product-number-info li {
  float: left;
  text-align: center;
  width: 290px;
  list-style: none;
  height: 90px;
  border-left: 1px solid var(--border-light);
  color: var(--text-secondary);
  padding-top: 1px;
}
.product-number-info li:first-child { border: none; }
.product-number-info li b {
  font-weight: 600;
  font-size: 46px;
  line-height: 1;
  color: var(--brand-primary);
  display: inline-block;
  position: relative;
  margin: 15px 0 10px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.product-number-info li b i {
  font-style: normal;
  color: var(--brand-primary);
  font-size: 54px;
}
.product-number-info li b sup {
  position: absolute;
  color: var(--brand-primary);
  font-size: 18px;
  right: -15px;
  top: -3px;
}
.product-number-info li p { font-size: 14px; }

/* ---------- 图片悬停效果 ---------- */
.img {
  overflow: hidden;
  background: var(--brand-ink);
  position: relative;
}
.img:hover img {
  transform: scale(1.06);
  -o-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  opacity: 0.85;
}
.link_list.owl-theme .owl-controls { bottom: -20px; }
.owl-theme .owl-dots .owl-dot span {
  background: var(--text-muted) !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--brand-primary) !important;
}
.banner.owl-theme .owl-controls { bottom: 10px; }

*, *:before, *:after {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

/* ==================== Header 导航栏 ==================== */
.header {
  position: fixed;
  top: 0;
  height: 88px;
  width: 100%;
  z-index: 1000;
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
  border-bottom: 1px solid rgba(200,180,155,0.2);
}
.header .logo {
  position: absolute;
  top: 10px;
  margin-top: 0;
  left: 5%;
}
.header .h_btn {
  position: absolute;
  right: 5%;
  top: 35%;
  margin-top: -10px;
}
.h_btn a {
  display: inline-block;
  line-height: 48px;
  padding: 0 32px;
  border-radius: 24px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 16px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 1px;
  transition: background 0.3s ease;
}
.h_btn a:hover { background: var(--brand-primary-dark); }
.h_btn a span {
  display: inline-block;
  background: url(../images/icon1.png) no-repeat left center;
  padding-left: 35px;
}
.logo img { vertical-align: middle; }
.pc {
  width: 58%;
  margin-left: 28%;
  margin-right: 14%;
}
.menu { margin-top: 38px; }
.menu ul li {
  display: inline-block;
  border-right: solid 1px rgba(125,86,64,0.12);
}
.menu ul li:nth-child(8) { border-right: none; }
.menu ul li a {
  width: 80px;
  text-align: center;
  display: block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: var(--text-primary);
  transition: color 0.3s ease;
}
.menu ul li.on a,
.menu ul li:hover > a {
  color: var(--brand-primary);
  background: rgba(125,86,64,0.04);
  border-bottom-color: var(--brand-primary);
}
.menu ul li.on a span,
.menu ul li a:hover span { color: var(--brand-primary); }
.menu ul li span {
  color: var(--text-muted);
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 5px;
  letter-spacing: 1px;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  font-weight: 300;
}

/* ---------- Banner 轮播区 ---------- */
.banner .item {
  height: 100%;
  min-height: 60vh;
  position: relative;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.banner .item .img { background: none; }
.banner .item img { display: block; margin: 0 auto; }
.banner .item .text {
  text-align: center;
  color: #fff;
  padding: 90px 0;
}
.banner h2 {
  font-size: 42px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 6px;
  font-weight: 600;
}
.banner p {
  font-size: 18px;
  margin-bottom: 30px;
  letter-spacing: 2px;
}
.banner .btn {
  line-height: 46px;
  border: 1.5px solid #fff;
  color: #fff;
  font-size: 15px;
  display: inline-block;
  padding: 0 48px;
  border-radius: 28px;
  letter-spacing: 2px;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  transition: all 0.3s ease;
}
.banner .btn:hover {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
  background: rgba(255,255,255,0.95);
}
.banner_tit {
  width: 210px;
  margin: 0 auto;
  position: relative;
}
.banner_tit .text2 {
  position: absolute;
  top: 0;
  left: 170px;
  width: 150px;
  margin-top: 160px;
  text-align: left;
  line-height: 22px;
}
.banner_tit .text2 label {
  display: block;
  width: 2.5em;
  height: 2px;
  background: var(--brand-gold);
  margin-top: 10px;
}

/* ---------- 页面板块通用 ---------- */
.page_tit {
  text-align: center;
  margin-bottom: 70px;
  padding-top: 20px;
}
.page_tit.on h3 { color: #fff; }
.page_tit h4 {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-size: 36px;
  font-weight: 400;
  color: var(--text-muted);
  text-transform: uppercase;
  margin-bottom: 8px;
  letter-spacing: 4px;
}
.page_tit h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 44px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 4px;
}
.page_tit h3 img { vertical-align: middle; }
.page_tit h3 span {
  display: inline-block;
  padding: 0 24px;
  color: var(--brand-ink);
}
.page_tit h3 label { color: var(--brand-primary); }

.page { padding: 80px 0; }
.page.on { background: var(--brand-cream); }

/* ---------- 服务项目列表（page_list1）---------- */
.page_list1 ul {
  overflow: hidden;
  margin: 0 -12px;
}
.page_list1 ul li { width: 33.333%; float: left; }
.page_list1 ul li .list {
  margin: 12px;
  background: #fff;
  text-align: center;
  padding: 50px 30px;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border: 1px solid var(--border-light);
  border-radius: 4px;
  transition: all 0.4s ease;
}
.page_list1 ul li .list:hover {
  box-shadow: 0 8px 30px rgba(125,86,64,0.12);
  transform: translateY(-4px);
}
.page_list1 ul li .list .img {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: -1;
  opacity: 0;
}
.page_list1 ul li:hover .list { background: var(--brand-primary); }
.page_list1 ul li:hover .list .img { opacity: 0.12; }
.page_list1 ul li .list h3 {
  font-weight: 500;
  color: var(--brand-ink);
  margin-bottom: 16px;
  padding-top: 90px;
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-position: top center;
  background-repeat: no-repeat;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 2px;
}
.page_list1 ul li:hover .list h3 { color: #fff; }
.page_list1 ul li:hover .list p { color: rgba(255,255,255,0.88); }
.page_list1 ul li .list p {
  height: 54px;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 27px;
}
.page_list1 ul li .list h3.h3-1 { background-image: url(../images/icon_03.png); }
.page_list1 ul li .list h3.h3-2 { background-image: url(../images/icon_05.png); }
.page_list1 ul li .list h3.h3-3 { background-image: url(../images/icon_07.png); }
.page_list1 ul li .list h3.h3-4 { background-image: url(../images/icon_13.png); }
.page_list1 ul li .list h3.h3-5 { background-image: url(../images/icon_15.png); }
.page_list1 ul li .list h3.h3-6 { background-image: url(../images/icon_17.png); }
.page_list1 ul li:hover .list h3.h3-1 { background-image: url(../images/icon1_03.png); }
.page_list1 ul li:hover .list h3.h3-2 { background-image: url(../images/icon1_05.png); }
.page_list1 ul li:hover .list h3.h3-3 { background-image: url(../images/icon1_07.png); }
.page_list1 ul li:hover .list h3.h3-4 { background-image: url(../images/icon1_13.png); }
.page_list1 ul li:hover .list h3.h3-5 { background-image: url(../images/icon1_15.png); }
.page_list1 ul li:hover .list h3.h3-6 { background-image: url(../images/icon1_17.png); }

/* ---------- 特色优势（page_list2）---------- */
.page2 { padding: 0; }
.page_list2 ul { overflow: hidden; }
.page_list2 ul li { width: 25%; float: left; }
.page_list2 ul li a {
  display: block;
  position: relative;
  overflow: hidden;
}
.page_list2 ul li a::before {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 60%;
  background: linear-gradient(to top, rgba(44,36,22,0.85) 0%, rgba(44,36,22,0.45) 60%, transparent 100%);
  z-index: 1;
  pointer-events: none;
  transition: height 0.35s ease;
}
.page_list2 ul li a:hover::before {
  height: 75%;
}
.page_list2 ul li .img {
  line-height: 0;
}
.page_list2 ul li .img img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.page_list2 ul li a:hover .img img {
  transform: scale(1.05);
}
.page_list2 ul li .text {
  position: absolute;
  left: 5%; right: 5%;
  bottom: 28%;
  z-index: 2;
  color: #fff;
  text-align: center;
}
.page_list2 ul li .text h3 {
  font-size: 22px;
  font-weight: 600;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 2px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.3);
  margin-bottom: 6px;
}
.page_list2 ul li .text p {
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.92;
  text-shadow: 0 1px 5px rgba(0,0,0,0.45);
  margin-bottom: 0;
  border-bottom: 2px solid var(--brand-gold);
  display: inline-block;
  padding-bottom: 4px;
}
.page_list2 ul li .text span { display: none; }
.page_list2 ul li a:hover .text p { opacity: 1; }

/* ---------- 主内容区 ---------- */
.mainer { padding-top: 88px; }

/* ---------- 标签切换 ---------- */
.tag_tit ul {
  text-align: center;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 45px;
}
.tag_tit ul li {
  display: inline-block;
  margin: 0 6px;
  font-size: 16px;
  cursor: pointer;
}
.tag_tit ul li span {
  display: block;
  line-height: 36px;
  padding: 0 18px;
  border: 1px solid var(--border-medium);
  min-width: 4em;
  text-align: center;
  color: var(--text-secondary);
  font-size: 14px;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.tag_tit ul li:hover span,
.tag_tit ul li.on span {
  color: #fff;
  background: var(--brand-ink);
  border-color: var(--brand-ink);
}

/* ---------- 案例展示 ---------- */
.case_list { margin-top: 50px; }
.case_list ul:after { clear: both; content: ''; display: block; }
.case_list ul li { width: 33.333%; float: left; margin: 10px 0; }
.case_list ul img { display: block; }
.case_list ul a { display: block; margin: 0 1px; }
.case_list ul .text h3 {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-primary);
  line-height: 56px;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
}

/* ---------- 合作流程/服务保障（page4）---------- */
.page4 {
  background: url(../images/banner4.jpg) no-repeat center center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.page4::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(44,36,22,0.78);
  z-index: 0;
}
.page4 > * { position: relative; z-index: 1; }
.page_list4 ul li {
  position: relative;
  width: 25%;
  float: left;
  color: #fff;
  margin: 15px 0;
}
.page_list4 ul li .jt {
  position: absolute;
  top: 0;
  height: 100px;
  width: 100%;
  left: 50%;
  background: url(../images/icon6.png) no-repeat center center;
}
.page_list4 ul li:nth-child(4n) .jt { display: none; }
.page_list4 ul { overflow: hidden; margin: -15px 0; }
.page_list4 .list {
  text-align: center;
  line-height: 28px;
  color: rgba(255,255,255,0.65);
  width: 180px;
  margin: 0 auto;
}
.page_list4 .list h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 48px;
  padding-top: 10px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 2px;
}
.page_list4 .list span {
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.4);
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transition: border-color 0.3s ease;
}
.page_list4 .list span:before {
  content: '';
  display: block;
  width: 88px; height: 88px;
}
.page_list4 .list span:after {
  position: absolute;
  content: '';
  display: block;
  width: 0; height: 0;
  margin: 0;
  top: 50%; left: 50%;
  border-radius: 50%;
  z-index: -1;
}
.page_list4 li.on .list span:after {
  width: 100%;
  margin-left: -50%;
  margin-top: -50%;
  height: 100%;
  background: var(--brand-primary);
}
.page_list4 li.on span { border-color: var(--brand-primary); }
.page_list4 .list span.span1:before { background: url(../images/icon5.png) no-repeat center center; }
.page_list4 .list span.span2:before { background: url(../images/icon5-1.png) no-repeat center center; }
.page_list4 .list span.span3:before { background: url(../images/icon5-2.png) no-repeat center center; }
.page_list4 .list span.span4:before { background: url(../images/icon5-3.png) no-repeat center center; }
.page_list4 .list span.span5:before { background: url(../images/icon5-4.png) no-repeat center center; }
.page_list4 .list span.span6:before { background: url(../images/icon5-5.png) no-repeat center center; }
.page_list4 .list span.span7:before { background: url(../images/icon5-6.png) no-repeat center center; }
.page_list4 .list span.span8:before { background: url(../images/icon5-7.png) no-repeat center center; }
.page_list4 .list p { color: rgba(255,255,255,0.82); }

/* ---------- 合作伙伴链接 ---------- */
.link_list ul { margin: 0 auto; overflow: hidden; }
.link_list ul li { width: 20%; float: left; }
.link_list ul li .img2 { overflow: hidden; }
.link_list ul li img { width: 100%; display: block; }
.link_list ul a {
  display: block;
  margin: 13px;
  border: 1px solid var(--border-light);
  border-radius: 3px;
  transition: all 0.3s ease;
}
.link_list ul a:hover {
  background: var(--brand-ink);
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(44,36,22,0.15);
  border-color: var(--brand-ink);
}

/* ---------- 新闻动态（page_news）---------- */
.page_news .item {
  height: 496px;
  width: 49.5%;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
}
.page_news .item .tit { position: relative; }
.page_news .item .tit1 { padding-left: 187px; }
.page_news .item .tit .tit_text {
  padding: 0 25px;
  width: 137px;
  padding-top: 50px;
}
.page_news .item .tit1 .tit_text {
  position: absolute;
  bottom: 0;
  color: #fff;
  background: var(--brand-primary);
  top: 0; left: 0;
}
.tit_text label {
  display: block;
  width: 44px;
  height: 2px;
  background: var(--brand-gold);
}
.tit_text h3 {
  line-height: 46px;
  font-size: 24px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 2px;
}
.page_news .item .tit2 {
  background: var(--brand-cream-dark);
  height: 160px;
}
.page_news .item .tit2 .tit_text {
  color: var(--text-secondary);
  padding-top: 30px;
}
.page_news .item .tit2 .tit_text p { color: var(--text-muted); }
.page_news .item .tit2 .tit_text label {
  background: var(--border-medium);
  margin-bottom: 10px;
}
.tit_text a {
  display: inline-block;
  padding-right: 20px;
  background: url(../images/icon7.png) no-repeat right center;
  color: var(--text-secondary);
  margin-top: 20px;
  font-size: 14px;
  transition: color 0.3s;
}
.tit_text a:hover { color: var(--brand-primary); }
.page_news .item .tit .tit_text i {
  position: absolute;
  top: 100%;
  left: 50%;
  border: 17px solid transparent;
  border-top-color: var(--brand-primary);
  margin-left: -17px;
}
.page_news .item .tit .img {
  width: 100%;
  height: 160px;
  background: url(../images/img7.jpg) no-repeat center center;
}
.page_news .list ul li {
  line-height: 30px;
  padding: 14px 0;
  border-bottom: 1px solid var(--brand-cream-dark);
}
.page_news .list { margin-top: 24px; }
.page_news .list ul li:last-child { border-bottom: 0; }
.page_news .list .text span,
.page_news .list .lt {
  width: 60px;
  text-align: right;
  margin: 0 58px;
  float: left;
}
.page_news .list .lt span { color: var(--text-secondary); }
.page_news .list .lt .drop label {
  display: inline-block;
  width: 26px;
  background: var(--border-medium);
  height: 1px;
  vertical-align: middle;
}
.page_news .list .lt .drop h2 {
  font-size: 52px;
  color: var(--brand-primary-dark);
  font-weight: 400;
  line-height: 52px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.page_news .list .rt { overflow: hidden; }
.page_news .list h3 {
  font-size: 16px;
  font-weight: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  transition: color 0.3s;
}
.page_news .list a:hover h3 { color: var(--brand-primary); }
.page_news .list p { color: var(--text-secondary); height: 68px; overflow: hidden; }
.page_news .list .drop .rt { padding-top: 15px; min-height: 80px; }
.page_news .list li * { transition: all 0s; }
.page_news .list .drop { display: none; }
.page_news .list li:first-child .drop { display: block; }
.page_news .item.frt .img { height: 190px; }
.page_news .item.frt .text {
  padding: 16px 28px;
  background: #fff;
  line-height: 26px;
  color: var(--text-secondary);
}
.page_news .item.frt .text h3 {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_news .item.frt .text a:hover h3 { color: var(--brand-primary); }
.page_news .item.frt .text p { height: 50px; overflow: hidden; margin: 8px 0; }

/* ==================== Footer 底部 ==================== */
.footer {
  border-top: 3px solid var(--brand-primary);
  background: var(--brand-ink);
  color: rgba(255,255,255,0.55);
  position: relative;
  z-index: 10;
}
.foot { padding: 40px 0; }
.foot .item { width: 33.333%; float: left; }
.add_list { margin-top: 18px; }
.add_list a { color: rgba(255,255,255,0.6); transition: color 0.3s; }
.add_list a:hover { color: var(--brand-gold); }
.add_list li { padding: 6px 0; line-height: 26px; font-size: 14px; }
.item_ewm .ewm { width: 120px; margin-top: 28px; }
.item_ewm .ewm span {
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 132px;
  margin-top: 14px;
  display: block;
}
.item_ewm ul li { width: 50%; float: left; }
.item_nav .f_nav a {
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  font-size: 15px;
  transition: color 0.3s;
}
.item_nav .f_nav a:hover { color: var(--brand-gold); }
.item_nav .f_nav a:first-child { border-left: 0; padding-left: 0; }
.item_nav .f_nav { margin: 28px 0; }
.item_nav .f_tel { font-size: 15px; }
.item_nav .f_tel h3 {
  color: var(--brand-gold);
  font-size: 32px;
  padding: 18px 0;
  font-weight: 400;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 1px;
}
.item_nav .f_tel a {
  display: block;
  width: 126px;
  line-height: 40px;
  border-radius: 3px;
  background: var(--brand-primary);
  color: #fff;
  text-align: center;
  font-size: 14px;
  transition: background 0.3s;
}
.item_nav .f_tel a:hover { background: var(--brand-primary-light); }
.item_nav .f_tel a span {
  display: inline-block;
  padding-left: 40px;
  background: url(../images/icon8.png) no-repeat left center;
  padding-right: 7px;
}
.foot2 {
  line-height: 50px;
  border-top: 1px solid rgba(255,255,255,0.08);
  text-align: center;
  color: rgba(255,255,255,0.35);
  font-size: 13px;
}
.foot2 a { color: rgba(255,255,255,0.35); }
.foot2 a:hover { color: rgba(255,255,255,0.6); }

/* ---------- 内页Banner（广告位 pid=4） ---------- */
.banner_page { overflow: hidden; }
.banner_page .item { height: 320px; overflow: hidden; }
.banner_page .item img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- 关于我们等内页 ---------- */
.ui_list .list { padding: 80px 0; min-height: 420px; background: #fff; }
.ui_list .list .img1 { width: 50%; float: left; text-align: center; }
.ui_list .list.odd .img1 { float: right; }
.ui_list .list.odd .text { right: auto; left: 0; }
.ui_list .list.odd { background: var(--brand-ink); }
.ui_list .list.odd .text h2,
.ui_list .list.odd .text p,
.ui_list .list.odd .text ul li,
.ui_list .list.odd .text ul li span { color: #fff; }
.ui_list .list.odd .text label { background: var(--brand-gold); }
.ui_list .list.odd .text .cell { padding-left: 0; padding-right: 10%; }
.ui_list .list .text {
  position: absolute;
  top: 0; width: 50%; bottom: 0; height: 100%;
  right: 0; line-height: 28px;
}
.tab { display: table; width: 100%; height: 100%; }
.tab .cell { display: table-cell; vertical-align: middle; }
.ui_list .list .text h2 {
  white-space: nowrap;
  letter-spacing: 6px;
  font-size: 48px;
  line-height: 52px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-weight: 600;
}
.ui_list .list .text .cell { padding-left: 10%; }
.ui_list .list .text label {
  display: block;
  width: 155px;
  height: 2px;
  margin: 22px 0;
  background: var(--brand-primary);
}
.ui_list .list .text p { max-width: 455px; line-height: 1.9; }
.ui_list .list .text ul { margin: 30px 0; }
.ui_list .list .text ul:after { clear: both; content: ''; display: block; }
.ui_list .list .text ul li {
  white-space: nowrap;
  float: left;
  width: 33.333%;
  line-height: 40px;
  font-size: 15px;
  color: var(--text-primary);
  font-weight: 500;
}
.ui_list .list .text ul li span {
  display: inline-block;
  color: var(--brand-primary);
  margin-right: 10px;
}
.ui_list .list.odd .more { background: var(--brand-primary-light); }
.ui_list .list.odd .more:hover { background: var(--brand-primary); }
a.more {
  display: inline-block;
  width: 168px;
  line-height: 48px;
  background: var(--brand-primary);
  color: #fff;
  text-align: center;
  font-size: 15px;
  border-radius: 3px;
  letter-spacing: 2px;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  transition: background 0.3s;
}
a.more:hover { background: var(--brand-primary-dark); }

/* ---------- 首页特殊模块 ---------- */
.ui-homepage .list.ui-homefunc { padding: 0; min-height: initial; background: none; }
.ui-homepage .list.odd { background: var(--brand-ink); }
.ui-homepage .list.odd .text h2,
.ui_list .list.odd .text p,
.ui_list .list.odd .text ul li,
.ui_homepage .list.odd .text ul li span { color: #fff; }
.ui-homepage .list.odd .text label { background: var(--brand-gold); }
.ui-homepage .list .text { line-height: 28px; }
.ui-homepage .list .text h2 {
  letter-spacing: 6px;
  font-size: 48px;
  line-height: 52px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
@media only screen and (min-width: 1400px) {
  .ui-homepage .list .text h2 { white-space: nowrap; }
}
.ui-homepage .list .text label {
  display: block;
  width: 155px;
  height: 2px;
  margin: 22px 0;
  background: var(--brand-primary);
}
.ui-homepage .list .text p { max-width: 455px; }
.ui-homepage .list .text ul { margin: 30px 0; }
.ui-homepage .list .text ul:after { clear: both; content: ''; display: block; }
.ui-homepage .list .text ul li {
  margin-right: 0.333%;
  float: left;
  min-width: 33%;
  line-height: 40px;
  font-size: 15px;
  color: var(--text-primary);
  font-weight: 500;
}
.ui-homepage .list .text ul li span {
  display: inline-block;
  color: var(--brand-primary);
  margin-right: 10px;
}
.ui-homepage .list.odd .more { background: var(--brand-primary-light); }
.ui-homepage .list.odd .more:hover { background: var(--brand-primary); }

/* ---------- 案例/新闻列表页 ---------- */
.case { padding-top: 0; }
.case .case_list { margin-top: 40px; }
.case .case_list li { width: 32.6666%; margin-right: 1%; }
.case .case_list li:nth-child(3n) { margin-right: 0; }
.case .case_list li a { margin: 0; }
.news { padding-top: 0; margin-top: 0; }
.news_list { margin-top: 36px; }
.news_list ul { width: 90%; margin: 0 auto; }
.news_list ul li { margin-bottom: 56px; }
.news_list ul li a:hover { background: var(--brand-ink); }
.news_list ul li a:hover .text { border-color: var(--brand-ink); }
.news_list ul li a:hover .text h3 span { color: #fff; background: var(--brand-ink); }
.news_list ul li a:hover .text .d_text,
.news_list ul li a:hover .text p { color: #fff; }
.news_list ul li a:hover .span_btn { bottom: 40px; }
.news_list .img { float: right; margin-left: 40px; }
.news_list .img img { display: block; width: 480px; height: 300px; object-fit: cover; }
.news_list .text {
  padding: 0 5%;
  overflow: hidden;
  border-top: 1px solid var(--border-light);
  padding-top: 62px;
  position: relative;
}
.news_list .text > span {
  position: absolute;
  display: block;
  line-height: 30px;
  font-size: 12px;
  left: 0; top: 62px;
}
.news_list a { display: block; position: relative; }
.news_list .span_btn {
  display: block;
  position: absolute;
  bottom: 2px; left: 5%;
  font-size: 14px;
  color: var(--brand-primary);
  padding-left: 15px;
}
.news_list h3 {
  border-bottom: 2px solid var(--brand-ink);
  font-size: 26px;
  height: 15px;
  line-height: 32px;
  margin-bottom: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-weight: 500;
}
.news_list h3 span {
  max-width: 100%;
  display: inline-block;
  padding-right: 20px;
  background: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news_list .d_text {
  line-height: 30px;
  color: var(--text-primary);
  height: 88px;
  overflow: hidden;
  margin: 36px 0;
}
.more_btn { margin-bottom: 40px; text-align: center; padding: 24px 0; }
.more_btn a {
  display: block;
  line-height: 48px;
  width: 176px;
  overflow: hidden;
  background: var(--brand-primary);
  color: #fff;
  font-size: 15px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  letter-spacing: 2px;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
}
.tag_tit ul li,
.item_nav .f_tel a,
a.more,
.h_btn a { position: relative; overflow: hidden; z-index: 1; }
.more_btn a:after,
.more_btn a:before,
.item_nav .f_tel a:after,
.item_nav .f_tel a:before,
a.more:after,
a.more:before,
.h_btn a:after,
.h_btn a:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1;
  background-color: rgba(92,61,46,0.5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
  transition-timing-function: cubic-bezier(.75, 0, .125, 1);
  z-index: -1;
}
.more_btn a::after,
.item_nav .f_tel a::after,
a.more::after,
.h_btn a::after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.more_btn a:hover,
.item_nav .f_tel a:hover,
a.more:hover,
.h_btn a:hover { color: #fff; }
.more_btn a:hover::before,
.more_btn a:hover::after,
.item_nav .f_tel a:hover::after,
.item_nav .f_tel a:hover::before,
a.more::after,
a.more:hover::before,
.h_btn a:hover::after,
.h_btn a:hover::before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.tag_tit ul li:after,
.tag_tit ul li:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1;
  background-color: rgba(44,36,22,0.2);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
  transition-timing-function: cubic-bezier(.75, 0, .125, 1);
  z-index: -1;
}
.tag_tit ul li::after { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.tag_tit ul li:hover { color: #fff; }
.tag_tit ul li:hover::before,
.tag_tit ul lihover::after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* ---------- 详情页 ---------- */
.details .text .img1 img {}
.details {
  position: relative;
  background: #fff;
  border-top: 1px solid var(--border-light);
}
.details .bg {
  position: absolute;
  width: 100%; left: 0; top: 0;
  height: 700px;
  background: #fff;
}
.details .title { padding-top: 40px; text-align: center; margin-bottom: 30px; }
.details .title h2 {
  font-size: 44px;
  line-height: 48px;
  margin-bottom: 20px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 4px;
}
.details .title p { font-size: 15px; color: var(--text-muted); margin-top: 28px; }
.details .title p a { color: var(--text-muted); }
.details .t_txt {
  line-height: 32px;
  font-size: 16px;
  color: var(--text-secondary);
  max-width: 750px;
  padding-top: 30px;
  margin: 0 auto;
}
.details .t_txt .more_btn { margin-top: 14px; }
.txt_cur { padding: 50px 0; text-align: center; }
.txt_cur a {
  display: block;
  line-height: 58px;
  background: var(--brand-primary);
  font-size: 15px;
  width: 49.9%;
  float: left;
  color: #fff;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
}
.txt_cur a:hover { background: var(--brand-primary-dark); }
.txt_cur a:nth-child(1) { border-right: 1px solid rgba(255,255,255,0.3); }
.txt_cur a.prev:hover span {
  background: url(../images/icon10.png) no-repeat left center;
  padding-left: 70px;
  color: #555;
}
.txt_cur a.next:hover span {
  background: url(../images/icon11.png) no-repeat right center;
  padding-right: 70px;
  color: #555;
}
.txt_cur a span { display: inline-block; color: #fff; }
.txt_cur a.prev span {
  padding-left: 55px;
  background: url(../images/icon10-1.png) no-repeat left center;
}
.txt_cur a.next span {
  padding-right: 55px;
  background: url(../images/icon11-1.png) no-repeat right center;
}
.more_btn2 { padding: 30px 0; text-align: center; }
.more_btn2 a {
  display: inline-block;
  padding: 0 44px;
  line-height: 46px;
  font-size: 15px;
  color: var(--text-primary);
  border: 1px solid var(--border-medium);
  border-radius: 3px;
  transition: all 0.3s;
}
.more_btn2 a:hover {
  color: #fff;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.page_more h3 { font-size: 24px; font-weight: 400; font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif; }
.page_more .case_list { margin-top: 24px; }

/* ---------- 新闻详情页 ---------- */
.news_details { background: var(--brand-cream); }
.news_details h1 {
  font-size: 30px;
  font-weight: 400;
  height: auto;
  overflow: hidden;
  margin-bottom: 28px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 2px;
  line-height: 1.5;
}
.news_details .bg { background: #fff; margin-top: -90px; }
.news_details .title {
  width: 90%;
  margin: 0 auto;
  max-width: 1044px;
  text-align: center;
  border-bottom: 1px solid var(--border-light);
  padding: 45px 0;
}
.news_details .title h2 {
  font-size: 34px;
  font-weight: 400;
  line-height: 1.5em;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.news_details .title p { font-size: 14px; margin-top: 14px; color: var(--text-muted); }
.news_details .text {
  padding-bottom: 24px;
  max-width: 1044px;
  margin: 0 auto;
  width: 90%;
  margin-top: 30px;
  line-height: 30px;
  font-size: 16px;
  color: var(--text-primary);
}
.news_details .text h4 {
  font-size: 18px;
  line-height: 32px;
  margin-top: 24px;
  color: var(--text-primary);
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.news_details .text .img1 { margin-top: 20px; }
.news_details .text p { margin-top: 16px; text-indent: 2em; }
pre {
  font-family: 'Courier New', monospace;
  color: #555;
  font-size: 14px;
  background: var(--brand-cream);
  padding: 20px;
  border-radius: 3px;
  border: 1px solid var(--border-light);
}

/* ---------- 联系页 ---------- */
.contact .title h2 {
  text-align: center;
  font-size: 34px;
  padding: 30px 0;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  letter-spacing: 4px;
}
.contact { padding-top: 40px; position: relative; }
.contact .list { text-align: center; }
.contact .list li {
  display: inline-block;
  min-width: 350px;
  margin-bottom: 55px;
}
.contact .list li span {
  display: block;
  color: var(--text-secondary);
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.contact .list li p { font-size: 22px; color: var(--text-primary); }
.contact .list2 ul {
  overflow: hidden;
  background: url(../images/bg1.jpg) no-repeat center center;
}
.contact .list2 { margin-bottom: -120px; }
.contact .list2 ul li {
  font-size: 16px;
  width: 25%;
  float: left;
  margin-left: -1px;
  border-left: 1px solid rgba(255,255,255,0.15);
  text-align: center;
  color: #fff;
  padding: 60px 0;
}
.contact .list2 ul li:first-child { border-left: 0; }
.contact .list2 ul li h3 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 22px;
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
}
.contact .list2 ul li h3 label {
  display: inline-block;
  width: em;
  height: 74px;
  overflow: hidden;
  font-size: 74px;
}
.js-box span { display: inline-block; color: #fff; width: 40px; height: 74px; font-size: 74px; line-height: 74px; }
.js-box .sign-box span { width: 25px; }
.js-box .digit-container { width: 40px; text-align: center; overflow: hidden; font-size: 0; }
.l { float: left; }
.contact .img1 img { display: block; margin: 0 auto; }
.particles {
  width: 100%;
  height: 600px;
  position: absolute;
  top: 0; left: 0;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.js-count-particles { display: none; }

/* ---------- 侧边固定工具栏 ---------- */
.full {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1001;
}
.full li a {
  display: block;
  width: 52px;
  height: 52px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  position: relative;
  background: var(--brand-ink);
  z-index: 1;
}
.full li a:hover span,
.full li a:hover label { background-color: var(--brand-primary) !important; }
.full li:last-child a { border-bottom: 0; }
.full li a span { display: block; width: 52px; height: 52px; position: relative; z-index: 100; }
.full li:nth-child(2) a,
.full li:nth-child(1) a { z-index: 2; }
.full li a label {
  display: block;
  width: 100px;
  white-space: nowrap;
  padding: 0 20px;
  position: absolute;
  line-height: 52px;
  color: #fff;
  z-index: -1;
  background: var(--brand-ink);
  bottom: 0;
  left: 100%;
  box-sizing: inherit;
  max-width: 300%;
}
.full li a:hover label { left: -120px; }
.full li a .lbl_img { padding: 10px; height: auto; line-height: normal; }
.full li a span.span1 { background: url(../images/full1.png) no-repeat center center var(--brand-ink); }
.full li a span.span2 { background: url(../images/full2.png) no-repeat center center var(--brand-ink); }
.full li a span.span3 { background: url(../images/full3.png) no-repeat center center var(--brand-ink); }
.full li a span.span4 { background: url(../images/full4.png) no-repeat center center var(--brand-ink); }

/* ==================== 响应式适配 ==================== */

@media only screen and (max-width: 1600px) {
  .pc { width: 60%; margin-left: 27%; margin-right: 13%; }
  .header .logo { left: 3%; }
  .header .h_btn { right: 3%; }
}
@media only screen and (max-width: 1400px) {
  .pc { width: 60%; margin-left: 27%; margin-right: 13%; }
  .header .logo { left: 2%; }
  .header .h_btn { right: 2%; }
  .menu ul li { margin: 0; }
  .item_nav .f_nav a { padding: 0 10px; }
}
@media only screen and (max-width: 1300px) {
  .pc { width: 100%; margin-left: 10%; margin-right: 3%; }
  .menu ul li { margin: 0; }
  .header .logo {
    position: initial; left: auto; right: auto;
    bottom: auto; float: left; line-height: 88px; margin: 0;
  }
  .header .wrap { float: left; width: auto; }
}
@media only screen and (max-width: 1200px) {
  .pc { width: 60%; margin-left: 27%; margin-right: 13%; }
  .menu ul li { margin: 0; }
  .news_list ul { width: 100%; }
  .news_list .img { width: 50%; }
  .ui_list .list .img1 { width: 45%; }
  .ui_list .list .text { width: 55%; }
  .ui_list .list { padding: 120px 0; }
  .ui_list .list .text ul li { width: auto; min-width: 30%; margin-right: 3%; }
  .ui_list .list .text h2 { font-size: 38px; letter-spacing: 3px; }
  .page { padding: 60px 0; }
  .page_tit { margin-bottom: 50px; }
}
@media only screen and (max-width: 1100px) {
  .pc { width: 100%; margin-left: 0%; margin-right: 0%; }
  .header { overflow: initial; }
  .header .logo { z-index: 1001; position: relative; }
  .menu {
    position: fixed; top: 0; left: -100%;
    width: 100%; height: 100%;
    display: table; background: #fff; z-index: 99;
  }
  .h_menu .menu { left: 0; }
  .h_menu .menu_wrap {
    background: url(../images/menu-1.png) no-repeat center center var(--brand-primary);
    background-size: 20px auto;
  }
  .menu>ul { padding-top: 60px; }
  .menu ul li {
    display: block; margin: 0; text-align: center;
    border-bottom: 1px solid var(--brand-cream-dark);
  }
  .menu ul li:hover .drop {}
  .menu ul li.on a,
  .menu ul li a:hover { background: none; color: var(--brand-primary); }
  .menu ul li.on a span,
  .menu ul li a:hover span { color: var(--brand-primary); }
  .menu ul li a {
    padding: 12px 0; margin: 0 auto;
    font-size: 18px; line-height: 22px;
    width: 100%; text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .menu_wrap { top: 28px; }
  .ui_list .list .text h2 { font-size: 34px; letter-spacing: 2px; }
  .ui_list .list .text label { margin: 8px 0; }
  .ui_list .list .text ul li { font-size: 14px; }
}
@media only screen and (max-width: 900px) {
  .page_list1 ul li { width: 50%; }
  .page_list2 ul li { width: 50%; }
  .page_list2 ul li .img img { height: 260px; }
  .page_list2 ul li .text h3 { font-size: 18px; }
  .page_list2 ul li .text p { font-size: 13px; }
  .page_tit h4 { font-size: 28px; }
  .page_tit h3 { font-size: 24px; }
  .banner h2 { font-size: 30px; }
}
@media only screen and (max-width: 800px) {
  .news_list .d_text { margin-top: 30px; }
  .news_list h3 { font-size: 20px; }
  .news_list .img { width: 370px; float: left; margin: 0; margin-right: 20px; }
  .news_list .span_btn { left: 390px; }
  .ui_list .list .img1 { margin: 0 auto; text-align: center; width: 100%; float: none; }
  .ui_list .list.odd .img1 { float: none; }
  .ui_list .list .text {
    width: 90%; margin: 0 auto;
    position: initial; top: auto; left: auto; right: auto; bottom: auto; margin-top: 24px;
  }
  .ui_list .list { padding: 40px 0; }
  .ui_list .list.odd .text .cell { padding: 0; }
  .ui_list .list .text .cell { padding: 0; }
  .ui_list .list .text h2 { font-size: 28px; letter-spacing: 2px; }
  .ui_list .list .text label { margin: 8px 0; }
  .ui_list .list .text .tab { display: block; }
  .ui_list .list .text .cell { display: block; }
  .ui_list .list .text h2 { white-space: normal; font-size: 22px; line-height: 30px; text-align: center; }
  .ui_list .list .text label { margin: 8px auto; }
  .ui_list .list .text ul li { font-size: 14px; font-weight: normal; width: 50%; display: block; float: left; margin: 0 auto; line-height: 30px; }
  .ui_list .list .text ul { margin: 12px 0; }
  .ui_list .list .text ul li span { margin-right: 5px; }
  .ui-homepage .list .text p { font-size: 14px; width: 95%; margin: 0 auto; }
  .ui-homebann > .hd p.p2 { width: 85%; margin: 0 auto; }
  .ui-homepage .list .text h2 { letter-spacing: 2px; }
  .page { padding: 50px 0; }
  .page_tit { margin-bottom: 36px; }
}
@media only screen and (max-width: 700px) {
  .about_text .text { font-size: 14px; line-height: 26px; }
  .about_text .text p { min-height: 10px; }
  .div_about .list ul .text { font-size: 14px; line-height: 26px; }
  .div_about .list h3 { font-size: 20px; }
  .page { padding: 36px 0; }
  .page_tit { margin-bottom: 28px; }
  .page_tit h3 { font-size: 22px; }
  .page_tit h4 { font-size: 24px; }
}
@media only screen and (max-width: 600px) {
  .page_list1 ul li { width: 100%; }
  .page_list1 ul li .list { padding: 28px 16px; margin: 6px; }
  .page_list1 ul li .list h3 { font-size: 20px; }
  .page_list2 ul li { width: 100%; }
  .page_list2 ul li .img img { height: 220px; }
  .page_list2 ul li .text h3 { font-size: 20px; }
  .case_list ul li { width: 100%; }
  .case .case_list li { width: 100%; }
  .txt_cur a { font-size: 13px; }
  .page_list4 ul li { width: 50%; }
  .page_list4 ul li:nth-child(2n) .jt { display: none; }
  .page_list4 ul li:nth-child(2n+1) { clear: both; }
  .link_list ul li { width: 50%; }
  .page_news .item { width: 100%; height: auto; }
  .foot .item { width: 100%; text-align: center; }
  .page_tit h4 { font-size: 26px; }
  .page_tit h3 { font-size: 20px; }
  .news_list .img { width: 100%; float: none; margin: 0 auto; }
  .news_list .span_btn { left: 0; bottom: -10px; }
  .news_list .d_text { margin: 20px 0; }
  .news_list .text { padding-bottom: 20px; }
  .news_list ul li { margin-bottom: 30px; }
  .banner_page .item { height: 180px; }
  .banner_page2 { height: 180px; }
  .more_btn2 { padding: 14px 0; }
  .more_btn2 a { line-height: 36px; }
  .txt_cur a span {
    width: 0; overflow: hidden; white-space: nowrap;
    text-indent: -999px; height: 50px; display: block; margin: 0 auto;
  }
  .details .title h2 { font-size: 26px; margin-bottom: 10px; }
  .details .t_txt { font-size: 14px; line-height: 26px; }
  .details .title p { font-size: 14px; }
  .news_details .title { padding: 20px 0; }
  .news_details .title h2 { font-size: 22px; }
  .news_details .bg { margin-top: 15px; padding-top: 10px; }
  .news_details .title p { font-size: 13px; }
  .news_details .text { margin-top: 18px; font-size: 15px; line-height: 30px; }
  .details .title { padding-top: 20px; }
  .contact .title h2 { font-size: 22px; padding: 14px 0; }
  .more_btn { margin-bottom: 14px; }
  .contact .list ul li { margin-bottom: 18px; min-width: initial; width: 100%; }
  .contact .list ul li p { font-size: 18px; }
  .contact .img1 { position: relative; z-index: 10; }
  .footer { position: relative; z-index: 10; }
  .contact .list2 { display: none; }
  .full { display: none; }
  .animated {
    animation-name: none !important;
    transition: all 0s;
    -o-transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
  }
  .page_size a { padding: 0 12px; min-width: 5px; text-align: center; line-height: 30px; margin: 4px 0; font-size: 13px; }
}
@media only screen and (max-width: 550px) {
  .pc { width: 60%; margin-left: 0%; margin-right: 0%; }
  .menu {
    position: fixed; top: 0; left: -100%;
    width: 100%; height: 100%;
    display: table; background: #fff; z-index: 99;
  }
  .header {
    position: fixed; top: 0; height: 72px;
    width: 100%; z-index: 1000;
    background: #fff; overflow: hidden;
  }
  .header .logo {
    position: absolute; top: 0; margin-top: 0; left: 3%;
  }
  .logo img { vertical-align: middle; width: 75%; top: auto; margin-left: 10px; }
  .bt-qq { display: none !important; }
  .contact .img1 { display: none; }
  .contact { padding-bottom: 30px; }
  .header .h_btn { display: none; }
  .banner h2 { font-size: 22px; margin-bottom: 10px; }
  .banner .item .text { padding: 30px 0; }
  .banner p { font-size: 15px; margin-bottom: 10px; }
  .page_list1 ul li { width: 100%; }
  .page_list1 ul li .list { padding: 24px 14px; margin: 6px; }
  .page_list1 ul li .list h3 { font-size: 19px; }
  .page_list1 ul { margin: 0 auto; }
  .foot .item { width: 100%; }
  .page_list2 ul li { width: 100%; }
  .page_list2 ul li .img img { height: 200px; }
  .page_list2 ul li .text h3 { font-size: 18px; }
  .page_list2 ul li .text p { font-size: 13px; }
  .case_list ul li { width: 100%; }
  .case .case_list li { width: 100%; }
  .txt_cur a { font-size: 13px; }
  .page_list4 ul li { width: 50%; }
  .page_list4 ul li:nth-child(2n) .jt { display: none; }
  .page_list4 ul li:nth-child(2n+1) { clear: both; }
  .link_list ul li { width: 50%; }
  .page_news .item { width: 100%; height: auto; }
  .foot .item { text-align: center; }
  .page_tit h4 { font-size: 26px; }
  .page_tit h3 { font-size: 20px; }
  .news_list .img { width: 100%; float: none; margin: 0 auto; }
  .news_list .span_btn { left: 0; bottom: -10px; }
  .news_list .d_text { margin: 20px 0; }
  .news_list .text { padding-bottom: 20px; }
  .news_list ul li { margin-bottom: 30px; }
  .banner_page .item { height: 150px; }
  .banner_page2 { height: 150px; }
  .more_btn2 { padding: 10px 0; }
  .more_btn2 a { line-height: 36px; }
  .txt_cur a span {
    width: 0; overflow: hidden; white-space: nowrap;
    text-indent: -999px; height: 50px; display: block; margin: 0 auto;
  }
  .details .title h2 { font-size: 24px; margin-bottom: 8px; }
  .details .t_txt { font-size: 14px; line-height: 26px; }
  .details .title p { font-size: 13px; }
  .news_details .title { padding: 14px 0; }
  .news_details .title h2 { font-size: 20px; }
  .news_details .bg { margin-top: 12px; padding-top: 8px; }
  .news_details .title p { font-size: 13px; }
  .news_details .text { margin-top: 14px; font-size: 15px; line-height: 30px; }
  .details .title { padding-top: 18px; }
  .contact .title h2 { font-size: 20px; padding: 10px 0; }
  .more_btn { margin-bottom: 10px; }
  .contact .list ul li { margin-bottom: 14px; min-width: initial; width: 100%; }
  .contact .list ul li p { font-size: 17px; }
  .contact .img1 { position: relative; z-index: 10; }
  .footer { position: relative; z-index: 10; }
  .contact .list2 { display: none; }
  .full { display: none; }
  .animated {
    animation-name: none !important;
    transition: all 0s;
    -o-transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
  }
  .page_size a { padding: 0 10px; min-width: 5px; text-align: center; line-height: 28px; margin: 2px 0; font-size: 13px; }
}

/* ---------- 动画关键帧 ---------- */
@-webkit-keyframes scaleBigToSmall {
  0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
@keyframes scaleBigToSmall {
  0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
  100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
.scaleBigToSmall {
  -webkit-animation-name: scaleBigToSmall;
  animation-name: scaleBigToSmall;
  transform-origin: 50% 50%;
}
.banner_page2 { height: 320px; overflow: hidden; }
.banner_page2 .item { height: 100%; transition: all 2s; transform: scale(1.5); }
.banner_page2 .item.on { transform: scale(1); }
.banner_page2 .item img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ---------- 关于页面专用 ---------- */
.page_about { background: #fff; padding-bottom: 0 !important; }
.about_text .img1 { margin-left: 50px; width: 46%; margin-top: 15px; }
.about_text .text { overflow: hidden; line-height: 40px; font-size: 16px; color: #555; }
.about_text .text p { min-height: 50px; text-indent: 30px; }
@media only screen and (max-width: 1000px) {
  .about_text .img1 { margin: 0; width: 100%; float: none; }
}
@media only screen and (max-width: 700px) {
  .about_text .text { font-size: 14px; line-height: 26px; }
  .about_text .text p { min-height: 10px; }
  .div_about .list ul .text { font-size: 14px; line-height: 26px; }
  .div_about .list h3 { font-size: 20px; }
}

/* ---------- 幻灯片响应式 ---------- */
@media only screen and (max-width: 1024px) {
  .sangar-slideshow-container div.sangar-slideshow-content,
  .sangar-slideshow-container div.sangar-wrapper,
  .sangar-slideshow-container .slideWrapperInside .sangar-content {
    height: 520px !important;
  }
  .sangar-slideshow-container { height: 520px !important; background: var(--brand-ink); }
  .sangar-slide-video { height: 520px; background: var(--brand-ink); }
}
@media only screen and (max-width: 700px) {
  .sangar-slideshow-container div.sangar-slideshow-content,
  .sangar-slideshow-container div.sangar-wrapper,
  .sangar-slideshow-container .slideWrapperInside .sangar-content {
    height: 260px !important;
  }
  .sangar-slideshow-container { height: 260px !important; background: var(--brand-ink); }
  .sangar-slide-video { height: 260px; background: var(--brand-ink); }
}

/* ---------- Banner轮播控制 ---------- */
.his_wap { display: none; }
.banner_owl { position: relative; }
.banner_cur {
  position: absolute; top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 5%; right: 5%; z-index: 10; opacity: 0;
}
.banner_owl:hover .banner_cur { left: 8%; right: 8%; opacity: 1; }
.banner_cur span {
  display: block; width: 31px; height: 60px; float: right;
  background: url(../images/right-arrow.png) no-repeat center center; cursor: pointer;
}
.banner_cur span:first-child { float: left; background: url(../images/left-arrow.png) no-repeat center center; }

/* ---------- 下拉菜单 ---------- */
.header { overflow: initial; }
.menu li { position: relative; }
.menu li .drop {
  transition: all 0s; display: none;
  padding: 10px 0; background: var(--brand-ink);
  position: absolute; top: 100%; left: 50%;
  margin-left: -65px; width: 130px;
  border-radius: 0 0 4px 4px;
}
.menu li .drop li a {
  line-height: 38px; border-bottom: 0; padding: 0;
  color: rgba(255,255,255,0.7);
  font-size: 14px;
}
.menu li .drop li a:hover { color: var(--brand-gold); }

/* ---------- 面包屑导航 ---------- */
.div_pos { line-height: 46px; border-bottom: 1px solid var(--border-light); color: var(--text-primary); }
.div_pos a:hover, .div_pos a.on { color: var(--brand-primary); }

/* ---------- 相关新闻 ---------- */
.news_xg_list ul li { width: 25%; float: left; }
.news_xg_list ul:after { clear: both; content: ''; display: block; }
.news_xg_list ul a { display: block; margin: 10px; }
.news_xg_list img { display: block; height: 180px; object-fit: cover; }
.news_xg_list .text { width: 100%; padding: 10px 0; margin: 0 auto; }
.news_xg_list .text p { margin-top: 0; font-size: 14px; color: var(--text-secondary); }
.news_xg_list .text h3 {
  color: var(--text-primary); font-size: 16px; font-weight: 400;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  border-bottom: 1px solid var(--border-light); margin: 0;
  padding: 0; padding-bottom: 10px;
}
.news_xg_list ul { margin: -10px; margin-top: 20px; }
.news_xg_list .text span {
  color: var(--brand-primary); font-size: 12px;
  margin-top: 10px; display: inline-block; padding-right: 15px;
}

/* ---------- 电话按钮 ---------- */
.h_btn { line-height: 25px; }
.h_btn span {
  display: block; padding-left: 30px;
  background: url(../images/phone.png) no-repeat left center;
  color: var(--text-muted); font-size: 15px; margin-bottom: 5px;
}
.h_btn h3 { color: var(--brand-primary); font-size: 22px; font-weight: 400; font-family: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif; }

/* ---------- 大屏优化 ---------- */
@media only screen and (min-width: 1300px) {
  .pc { width: 68%; margin-left: 20%; margin-right: 12%; }
  .menu ul li a { width: 94px; }
}
@media only screen and (max-width: 1300px) {
  .menu ul li a { width: 84px; }
  .h_btn span { font-size: 15px; margin-bottom: 0; }
  .header .h_btn { margin-top: -25px; }
}
@media only screen and (max-width: 1024px) { .menu_wrap { top: 28px; } }
@media only screen and (max-width: 800px) {
  .news_xg_list ul li { width: 50%; }
  .menu ul li a { width: 90%; }
  .menu_wrap { top: 28px; }
}
@media only screen and (max-width: 420px) {
  .page_tit { padding-top: 20px; background: #fff; }
  .page.on { background: #fff; }
  .menu_wrap { top: 20px; }
  .page2 { display: none; }
  .contact_con1 {
    width: 100%; margin-left: auto; height: auto;
    overflow: hidden; margin-right: auto;
    line-height: 36px; color: var(--text-secondary); margin-bottom: 50px;
  }
  .contact_con1 li { float: none; width: 96%; margin-left: 2%; margin-right: 2%; list-style: none; }
  .contact_con1 li .p { font-size: 15px; }
  .contact_con1 li .h3 {
    font-size: 21px; border-bottom: 1px solid var(--border-light);
    padding-bottom: 8px; margin-bottom: 5px;
    color: var(--brand-primary); text-transform: uppercase;
  }
  .contact_con1 li span { font-size: 20px; margin-right: 10px; vertical-align: middle; }
  .cont-4 { padding-left: 0%; height: auto; overflow: hidden; margin-bottom: 50px; }
  .cont-4 .inp-box li .but {
    border: 0; background: var(--brand-primary); color: #fff;
    line-height: 1; width: 100%; font-size: 17px; height: 48px;
  }
  .cont-4 .inp-box li .but:hover { background: var(--brand-primary-dark); color: #fff; }
  .cont-4 .inp-box ul input {
    border: 1px solid var(--border-light); border-radius: 3px;
    height: 42px; line-height: 42px; font-size: 14px;
    color: var(--text-primary); padding: 0% 2%; width: 96%;
  }
  .cont-4 .inp-box ul select {
    border: 1px solid var(--border-light); border-radius: 3px;
    line-height: 42px; height: 42px; font-size: 14px;
    color: var(--text-primary); padding: 0%; width: 100%;
  }
  .cont-4 .inp-box ul textarea {
    border: 1px solid var(--border-light); border-radius: 3px;
    font-size: 14px; height: 90px; padding: 6px;
    width: 96%; margin-top: 1%; color: var(--text-primary);
  }
  .about_text .text { overflow: hidden; line-height: 28px; font-size: 14px; padding: 16px 0; color: #555; }
  .about_text .text p { min-height: 30px; text-indent: 28px; padding: 8px 0; }
  .product-number-info { height: 180px; }
  .product-number-info li { float: left; text-align: center; width: 48%; list-style: none; height: 80px; border-left: 1px solid var(--border-light); color: var(--text-secondary); }
  .product-number-info li:nth-child(3) { border-left: none; }
  .product-number-info li:first-child { border: none; }
  .product-number-info li b { font-weight: 600; font-size: 26px; line-height: 1; color: var(--brand-primary); margin: 12px 0 8px; }
  .product-number-info li p { font-size: 13px; }
  .product-number-info li b i { font-style: normal; color: var(--brand-primary); font-size: 30px; }
  .product-number-info li b sup { position: absolute; color: var(--brand-primary); font-size: 16px; right: -12px; top: -3px; }
  .news_list .img img { display: block; width: 100%; height: auto; }
  .news_list .d_text { line-height: 24px; color: var(--text-primary); height: auto; overflow: hidden; margin: 0 0 18px 0; }
  .news_details h1 { font-size: 20px; font-weight: 400; height: auto; overflow: hidden; margin-bottom: 24px; }
  .case_list { margin-top: -20px; }
  .case_list ul:after { clear: both; content: ''; display: block; }
  .case_list ul li { width: 49%; float: left; margin-right: 1%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  .case_list ul img { display: block; }
  .case_list ul a { display: block; margin: 0 1px; }
  .case_list ul .text h3 { font-size: 15px; font-weight: 400; color: var(--text-primary); padding-top: 10px; line-height: 22px; color: var(--text-secondary); }
  .page_list { background: #fff; }
  .page4 { display: none; }
  .link_list li:nth-child(7),
  .link_list li:nth-child(8),
  .link_list li:nth-child(9),
  .link_list li:nth-child(10) { display: none; }
  .page_news .list .text span,
  .page_news .list .lt { width: 60px; text-align: left; margin: 0 28px; float: left; }
  .mobile { display: none; }
  .add_list { margin-top: -10px; }
  .add_list li { padding: 5px 0; line-height: 26px; font-size: 15px; color: #fff; }
  .add_list li a { color: #fff; }
  .foot_link { display: none; }
  .foot2 { line-height: 22px; border-top: 1px solid rgba(255,255,255,0.08); padding: 12px 0; text-align: center; color: rgba(255,255,255,0.3); font-size: 12px; }
  .pcimg { display: block; }
  .logo { display: block; width: 140px; height: 57px; margin-left: 31%; margin-top: -16px; margin-bottom: 8px; }
  .logo a { text-indent: -999em; display: block; width: 140px; height: 57px; }
  .header .logo { position: absolute; top: 0; margin-top: 0; left: 3%; width: 211px; height: 72px; }
  .txt_cur { padding: 36px 0; text-align: center; }
  .txt_cur a { display: block; line-height: 50px; background: var(--brand-primary); font-size: 14px; width: 49.5%; float: left; color: #fff; }
  .txt_cur a:hover { background: var(--brand-primary-dark); }
  .txt_cur a:nth-child(1) { border-right: 1px solid rgba(255,255,255,0.25); }
  .tags { width: 96%; background: #fff; margin: auto auto; height: auto; padding-bottom: 18px; overflow: hidden; }
  .tags b { clear: both; display: block; margin-bottom: 8px; }
  .tags li { float: left; margin-right: 5px; margin-top: 12px; margin-bottom: 4px; }
  .tags li a { color: var(--text-secondary); font-size: 12px; padding: 6px 14px; border: 1px solid var(--border-light); border-radius: 18px; }
  .tags li a:hover { color: #fff; font-size: 12px; padding: 6px 14px; border: 1px solid var(--brand-primary); background: var(--brand-primary); border-radius: 18px; }
  .wrap { width: 96%; margin: 0 auto; position: relative; }
}

/* ---------- Footer链接 ---------- */
.foot_link { text-align: center; line-height: 30px; border-top: 1px solid rgba(255,255,255,0.08); padding: 10px 0; }
.foot_link span { margin-right: 20px; display: block; float: left; }
.foot_link .list { overflow: hidden; }
.foot_link .list li { display: inline-block; margin: 0 10px 0 0; }
.foot_link .list li a { color: rgba(255,255,255,0.45); font-size: 13px; transition: color 0.3s; }
.foot_link .list li a:hover { color: var(--brand-gold); }

/* ---------- 关于我们·发展历程时间线 ---------- */
.history_box { padding: 50px 0 20px; }
.history_list { max-width: 1000px; margin: 0 auto; }
.history_list ul { position: relative; padding-left: 30px; }
.history_list ul::before { content: ""; position: absolute; left: 8px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(var(--brand-gold), var(--brand-primary)); }
.history_list li { position: relative; padding: 0 0 28px 34px; }
.history_list li::before { content: ""; position: absolute; left: -26px; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: var(--brand-primary); border: 3px solid var(--brand-gold-light); box-shadow: 0 0 0 3px rgba(93,58,26,0.12); }
.history_list .year { display: inline-block; font-size: 20px; font-weight: 700; color: var(--brand-primary); letter-spacing: 1px; }
.history_list .ht { margin-top: 4px; }
.history_list .ht h4 { font-size: 17px; color: var(--brand-ink); margin-bottom: 4px; }
.history_list .ht p { font-size: 14px; color: var(--text-secondary); line-height: 1.8; }

/* ---------- 服务/品牌故事 · 左图右文卡片（ui_list） ---------- */
.ui_list { overflow: hidden; }
.ui_list .list { padding: 50px 0; min-height: auto; background: #fff; }
.ui_list .list.odd { background: var(--brand-cream-dark); }
.ui_list .list .wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex !important; align-items: center; gap: 50px; position: relative; }
.ui_list .list .img1 { flex: 0 0 45% !important; width: auto !important; float: none !important; position: relative !important; }
.ui_list .list .img1 img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 40px rgba(44,36,22,0.12); display: block; }
.ui_list .list .text { flex: 1; min-width: 0; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto !important; height: auto !important; line-height: inherit; }
.ui_list .list.odd .img1 { float: none !important; }
.ui_list .list.odd .text { left: auto !important; right: auto !important; }
.ui_list .list.odd .text h2,
.ui_list .list.odd .text p,
.ui_list .list.odd .text ul li,
.ui_list .list.odd .text ul li span { color: var(--text-primary); }
.ui_list .list .text .tab { display: block !important; width: 100%; height: auto; table-layout: auto; }
.ui_list .list .text .tab .cell { display: block !important; vertical-align: unset; padding: 20px 0; }
.ui_list .list .text h2 { font-size: 32px; font-weight: 700; color: var(--brand-ink); margin-bottom: 8px; letter-spacing: 2px; white-space: normal; line-height: 1.3; }
.ui_list .list .text label { display: block; width: 50px; height: 3px; background: var(--brand-gold); margin-bottom: 20px; }
.ui_list .list .text p { font-size: 15px; color: var(--text-secondary); line-height: 1.9; margin-bottom: 24px; max-width: none; }
.ui_list .list .d_text { margin-bottom: 28px; }
.ui_list .list .d_text ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 20px; }
.ui_list .list .d_text ul li { font-size: 14px; color: var(--text-primary); line-height: 1.8; padding: 4px 0; }
.ui_list .list .d_text ul li span { display: inline-block; min-width: 36px; color: var(--brand-primary); font-weight: 600; font-size: 13px; margin-right: 4px; }
.ui_list .list .more { display: inline-block; padding: 12px 36px; background: var(--brand-primary); color: #fff; font-size: 15px; border-radius: 4px; text-decoration: none; transition: all 0.3s; letter-spacing: 1px; }
.ui_list .list .more:hover { background: var(--brand-ink); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(44,36,22,0.2); }

/* ---------- 服务项目·服务特色 / 环境特色 ---------- */
.service_feature { padding: 60px 0; background: var(--brand-cream); }
.service_feature .sf_row { display: flex; gap: 30px; flex-wrap: wrap; }
.service_feature .sf_item { flex: 1; min-width: 280px; background: #fff; border: 1px solid var(--border-light); border-radius: 12px; padding: 36px 32px; box-shadow: 0 8px 24px rgba(44,36,22,0.05); }
.service_feature .sf_item .sf_ico { display: inline-block; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 50%; background: var(--brand-primary); color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 16px; }
.service_feature .sf_item h3 { font-size: 20px; color: var(--brand-ink); margin-bottom: 12px; }
.service_feature .sf_item p { font-size: 14px; color: var(--text-secondary); line-height: 1.9; }

/* ---------- 服务项目·七大品牌团队 ---------- */
.team_grid_box { padding: 60px 0; }
.team_grid ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.team_grid li { background: #fff; border: 1px solid var(--border-light); border-radius: 12px; padding: 28px 22px; transition: all 0.3s; }
.team_grid li:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(44,36,22,0.1); border-color: var(--brand-gold); }
.team_grid .t_no { display: block; font-size: 30px; font-weight: 700; color: var(--brand-gold-light); line-height: 1; margin-bottom: 10px; }
.team_grid li h4 { font-size: 17px; color: var(--brand-primary); margin-bottom: 8px; }
.team_grid li p { font-size: 13px; color: var(--text-secondary); line-height: 1.8; }

/* ---------- 品牌故事荣誉墙 ---------- */
.service_feature .sf_item h4 { font-size: 18px; color: var(--brand-primary); margin-bottom: 14px; padding-bottom: 10px; border-bottom: 2px solid var(--brand-gold-light); }
.honor_list { list-style: none; padding: 0; margin: 0; }
.honor_list li { position: relative; padding: 8px 0 8px 20px; font-size: 14px; color: var(--text-secondary); line-height: 1.7; border-bottom: 1px dashed var(--border-light); }
.honor_list li:last-child { border-bottom: none; }
.honor_list li::before { content: "✦"; position: absolute; left: 0; color: var(--brand-gold); font-size: 12px; top: 9px; }
.honor_list li:hover { color: var(--brand-primary); }

/* ---------- 新增板块响应式 ---------- */
@media (max-width: 900px) {
  .team_grid ul { grid-template-columns: repeat(2, 1fr); }
  .service_feature .sf_row { flex-direction: column; }
  .ui_list .list .wrap { flex-direction: column; gap: 30px; }
  .ui_list .list .img1 { flex: 0 0 auto; width: 100%; max-width: 500px; margin: 0 auto; }
  .ui_list .list .d_text ul { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .team_grid ul { grid-template-columns: 1fr; }
  .history_list .year { font-size: 18px; }
  .ui_list .list { padding: 35px 0; }
  .ui_list .list .text h2 { font-size: 24px; }
  .ui_list .list .text label { width: 36px; }
}

/* ===== 服务页 · 编辑式错落设计增强（svc_editorial） ===== */
.ui_list.svc_editorial .list { position: relative; overflow: hidden; }
.ui_list.svc_editorial .list .wrap { align-items: center; }
/* 奇偶块左右交替：偶数块（01/03/05）图左文右，奇数块（02/04/06）图右文左 */
.ui_list.svc_editorial .list.odd .wrap { flex-direction: row-reverse; }
/* 超大序号水印（压于图片角落的装饰） */
.ui_list.svc_editorial .list .s_no {
  position: absolute; z-index: 0; top: 6px; left: -6px;
  font-family: 'Arial Black', 'Microsoft YaHei', sans-serif;
  font-size: 150px; font-weight: 800; line-height: 1;
  color: transparent; -webkit-text-stroke: 1.5px rgba(92,58,26,0.10);
  letter-spacing: 2px; pointer-events: none;
}
.ui_list.svc_editorial .list.odd .s_no { left: auto; right: -6px; }
/* 主图：固定高度 + 裁切，制造高低错落 */
.ui_list.svc_editorial .list .img1 .main_img {
  width: 100%; height: 420px; object-fit: cover; display: block;
  border-radius: 14px; box-shadow: 0 16px 44px rgba(44,36,22,0.16);
  transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
/* 小图拼贴：与主图形成大小搭配 */
.ui_list.svc_editorial .list .img1 { position: relative; }
.ui_list.svc_editorial .list .img1 .sub_img {
  position: absolute; z-index: 2;
  width: 46%; height: 230px; object-fit: cover; display: block;
  border: 5px solid #fff; border-radius: 12px;
  box-shadow: 0 12px 32px rgba(44,36,22,0.26);
  right: -18px; bottom: -26px;
  transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.ui_list.svc_editorial .list.odd .img1 .sub_img { right: auto; left: -18px; }
/* 高度错落：交替不同的主图高度与图片占比 */
.ui_list.svc_editorial .list:nth-child(1) .img1 { flex: 0 0 48% !important; }
.ui_list.svc_editorial .list:nth-child(2) .img1 { flex: 0 0 44% !important; }
.ui_list.svc_editorial .list:nth-child(2) .img1 .main_img { height: 468px; }
.ui_list.svc_editorial .list:nth-child(3) .img1 { flex: 0 0 52% !important; }
.ui_list.svc_editorial .list:nth-child(3) .img1 .main_img { height: 392px; }
.ui_list.svc_editorial .list:nth-child(4) .img1 { flex: 0 0 46% !important; }
.ui_list.svc_editorial .list:nth-child(4) .img1 .main_img { height: 470px; }
.ui_list.svc_editorial .list:nth-child(4) .img1 .sub_img { width: 52%; height: 208px; }
.ui_list.svc_editorial .list:nth-child(5) .img1 { flex: 0 0 49% !important; }
.ui_list.svc_editorial .list:nth-child(5) .img1 .main_img { height: 408px; }
.ui_list.svc_editorial .list:nth-child(6) .img1 { flex: 0 0 47% !important; }
.ui_list.svc_editorial .list:nth-child(6) .img1 .main_img { height: 440px; }
.ui_list.svc_editorial .list:nth-child(6) .img1 .sub_img { width: 40%; height: 256px; }
/* 文案区：英文副标 + 提升层级避免被水印压住 */
.ui_list.svc_editorial .list .text { z-index: 1; }
.ui_list.svc_editorial .list .text .cell { position: relative; z-index: 1; padding: 0 !important; }
.ui_list.svc_editorial .list .text .subtitle {
  display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 3px;
  text-transform: uppercase; color: var(--brand-gold); margin-bottom: 12px;
}
/* hover 微交互 */
.ui_list.svc_editorial .list:hover .img1 .main_img { transform: scale(1.035); }
.ui_list.svc_editorial .list:hover .img1 .sub_img { transform: translateY(-10px) rotate(-1.5deg); }
/* 移动端：隐藏拼贴小图与水印，主图自适应高度 */
@media (max-width: 900px) {
  .ui_list.svc_editorial .list .s_no { font-size: 90px; }
  .ui_list.svc_editorial .list .img1 .main_img { height: 320px !important; }
  .ui_list.svc_editorial .list .img1 .sub_img { width: 40%; height: 150px; right: -10px; bottom: -16px; }
  .ui_list.svc_editorial .list.odd .img1 .sub_img { left: -10px; }
  /* 移动端恢复上下堆叠，奇数块也不再反转 */
  .ui_list.svc_editorial .list.odd .wrap { flex-direction: column; }
}
@media (max-width: 600px) {
  .ui_list.svc_editorial .list .s_no { display: none; }
  .ui_list.svc_editorial .list .img1 .sub_img { display: none; }
  .ui_list.svc_editorial .list .img1 .main_img { height: 240px !important; }
}