:root{
  --primary:#e50011;
  --primary-dark:#bd000e;
  --primary-soft:rgba(229,0,17,.08);
  --primary-border:rgba(229,0,17,.3);
  --primary-pink:#f7c5c9;

  --c333:#333;
  --c666:#666;
  --c888:#888;
  --c999:#999;
  --line:#ececec;
  --bg-soft:#f7f7f8;

  --r-sm:8px;
  --r-md:14px;
  --r-lg:16px;
  --r-xl:18px;

  --sh-sm:0 2px 10px rgba(0,0,0,.03);
  --sh-md:0 10px 30px rgba(0,0,0,.06);
  --sh-lg:0 22px 52px rgba(0,0,0,.1);

  --ease:cubic-bezier(.2,.7,.3,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0;}
img{max-width:100%;display:block;}
section[id]{scroll-margin-top:20px;}
#brand{display:none;}
.appx .nav-link,.appx .plain,.appx .tool-btn{color:#333;}

.row{
  --gap-x:1.5rem;
  --gap-y:0;
  display:flex;
  flex-wrap:wrap;
  margin:calc(-1 * var(--gap-y)) calc(-.5 * var(--gap-x)) 0;
}
.row > *{
  flex:0 0 auto;
  width:100%;
  max-width:100%;
  padding-inline:calc(var(--gap-x) / 2);
  margin-top:var(--gap-y);
}
.g-4{ --gap-x:1.5rem; --gap-y:1.5rem; }
.g-5{ --gap-x:3rem;   --gap-y:3rem; }

@media (min-width:768px){
  .col-md-6{ flex-basis:50%; max-width:50%; }
}
@media (min-width:992px){
  .col-lg-3{ flex-basis:25%;          max-width:25%; }
  .col-lg-4{ flex-basis:33.33333333%; max-width:33.33333333%; }
  .col-lg-5{ flex-basis:41.66666667%; max-width:41.66666667%; }
  .col-lg-7{ flex-basis:58.33333333%; max-width:58.33333333%; }
  .col-lg-8{ flex-basis:66.66666667%; max-width:66.66666667%; }
}

.d-flex{ display:flex; }
.flex-wrap{ flex-wrap:wrap; }
.align-items-center{ align-items:center; }
.justify-content-between{ justify-content:space-between; }
.text-md-end,.text-lg-end{ text-align:right; }
@media (max-width:991.98px){ .text-lg-end{ text-align:left; } }
@media (max-width:767.98px){ .text-md-end{ text-align:left; } }

/* ============================================================
   3. 通用组件
   ============================================================ */
.section{padding:80px 0;}
.section-soft{background:var(--bg-soft);}
.section-title{
  position:relative;
  font-size:clamp(22px,2.6vw,30px);
  font-weight:800;
  line-height:1.42;
  margin-bottom:14px;
  text-align:center;
}
.section-title a:hover{
    color: #e50011;
    border-bottom: dashed 1px #e50011;
}
.section-desc{
  padding-left:18px;
  margin-bottom:42px;
  font-size:15.5px;
  color:var(--c888);
  text-align:center;
}

.btn-main,.btn-ghost,.btn-cta{
  display:inline-block;
  padding:14px 34px;
  border-radius:var(--r-sm);
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:.25s;
  white-space:nowrap;
}
.btn-main{ background:var(--primary); color:#fff; }
.btn-main:hover{
  background:var(--primary-dark);
  transform:translateY(-2px);
}
.btn-ghost{
  margin-left:12px;
  padding:13px 30px;
  background:#fff;
  border:1px solid #d5d8dc;
  color:var(--c333);
  font-weight:600;
}
.btn-ghost:hover{ border-color:var(--primary); color:var(--primary); }

.pain-card,
.product-card,
.tech-card,
.eng-card,
.why-card,
.faq-item,
.svc-card{
  background:#fff;
  border:1px solid var(--line);
  transition:transform .32s var(--ease), box-shadow .32s var(--ease), border-color .32s var(--ease);
}
.pain-card:hover,
.product-card:hover,
.tech-card:hover,
.eng-card:hover,
.svc-card:hover{
  transform:translateY(-6px);
  border-color:var(--primary-pink);
}

.pc-img,
.eng-img{
  position:relative;
  width:100%;
  overflow:hidden;
  background:var(--bg-soft);
}
.pc-img img,
.eng-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .6s var(--ease);
}
.product-card:hover .pc-img img,
.eng-card:hover .eng-img img{ transform:scale(1.07); }

.pc-img::after,
.eng-img::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.product-card:hover .pc-img::after,
.eng-card:hover .eng-img::after{ opacity:0; }

/* ============================================================
   4. Hero 首屏
   ============================================================ */
.hero{
  position:relative;
  overflow:hidden;
  padding:140px 0 100px;
  background:linear-gradient(135deg,#f8f9fa 0%,#eef0f3 55%,#e8ebef 100%);
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.hero::before{
  right:0; top:0;
  background:url(/template/pc/skin/css/../images/applications.jpg) no-repeat;
  background-size:100%;
  width:100%;height:100%;
}
.hero::after{
  left:0; bottom:0;
  background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(16px);
    width:100%;height:100%;
}
.hero .container{ position:relative; z-index:2; }

.hero-tag{
  display:inline-block;
  padding:5px 16px;
  margin-bottom:22px;
  font-size:13px;
  font-weight:600;
  letter-spacing:2px;
  color:var(--primary);
  background:rgba(229,0,17,.06);
  border:1px solid var(--primary-border);
  border-radius:999px;
}
.hero h1{
  margin-bottom:20px;
  font-size:clamp(28px,4vw,46px);
  font-weight:900;
  line-height:1.28;
  letter-spacing:.5px;
}
.hero h1 .hl{
  border-bottom:4px solid var(--primary);
  padding-bottom:3px;
}
.hero-sub{
  color:var(--c666);
  font-size:16.5px;
}
.hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  margin:28px 0 34px;
  list-style:none;
}
.hero-points li{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:14.5px;
  color:var(--c666);
}
.hero-points li::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--primary);
  box-shadow:0 0 0 4px rgba(229,0,17,.12);
  flex:none;
}

/* ============ 产品优势 ============ */
.adv-wrap{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
.adv-card{
	background:#fff;
	padding:32px 26px;
	border:1px solid var(--line);
	transition:.32s var(--ease);
}
.adv-card:hover{
	transform:translateY(-6px);
	border-color:var(--primary-pink);
}
.adv-card h3{
	color:var(--c333);
	margin-bottom:14px;
	font-size:17.5px;
	font-weight:800;
	position:relative;
	padding-left:16px;
	line-height:1.5;
}
.adv-card h3::before{
	content:"";
	position:absolute;
	left:0;
	top:9px;
	width:6px;
	height:6px;
	background:var(--primary);
	border-radius:2px;
	transform:rotate(45deg);
}
.adv-card p{color:var(--c666);font-size:14.5px;}

/* ============ 主营型号（大图卡片） ============ */
.product-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:22px;
	margin-bottom:36px;
}
.product-card{
	display:flex;
	flex-direction:column;
	height:100%;
	background:#fff;
	border:1px solid var(--line);
	overflow:hidden;
	transition:.34s var(--ease);
	position:relative;
}
.product-card:hover{
	transform:translateY(-6px);
	border-color:var(--primary-pink);
}
.pc-img{
	position:relative;
	width:100%;
	height:180px;
	flex:none;
	overflow:hidden;
	background:var(--bg-soft);
}
.pc-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .6s var(--ease);
}
.product-card:hover .pc-img img{transform:scale(1.07);}
.pc-img::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.14));
	pointer-events:none;
	transition:opacity .35s ease;
}
.product-card:hover .pc-img::after{opacity:0;}
.pc-badge{
	position:absolute;
	left:14px;
	top:14px;
	z-index:2;
	padding:4px 12px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.5px;
	color:#fff;
	background:rgba(229,0,17,.94);
	border-radius:999px;
	box-shadow:0 4px 12px rgba(229,0,17,.3);
}
.pc-cat{
	position:absolute;
	right:14px;
	bottom:14px;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	font-size:16px;
	color:var(--primary);
	background:rgba(255,255,255,.92);
	border-radius:10px;
	box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.pc-body{
	display:flex;
	flex-direction:column;
	flex:1;
	padding:20px;
}
.pc-body h3{
	margin-bottom:4px;
	font-size:15.5px;
	font-weight:800;
	line-height:1.4;
	letter-spacing:.2px;
	color:var(--c333);
}
.pc-body .pc-sub{
	margin-bottom:14px;
	font-size:12.5px;
	color:var(--c999);
}
.spec-table{
	width:100%;
	margin-bottom:16px;
	font-size:13px;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
}
.spec-table tr:first-child td{border-top:1px solid #f2f2f2;}
.spec-table tr td{border-bottom:1px solid #f4f4f4;}
.spec-table tr:last-child td{border-bottom:none;}
.spec-table tr{transition:background .2s;}
.spec-table tr:hover td{background:#fafbfc;}
.spec-table td{
	padding:10px 8px;
	color:var(--c666);
	vertical-align:middle;
	line-height:1.55;
}
.spec-table td:first-child{
	width:42%;
	padding-left:2px;
	color:var(--c888);
	font-size:12.5px;
	font-weight:400;
}
.spec-table td:last-child{
	padding-right:2px;
	color:var(--c333);
	font-weight:700;
	text-align:right;
	font-size:13px;
	letter-spacing:-.1px;
}
.pc-tags{margin-top:auto;}
.tag{
	display:inline-block;
	padding:4px 10px;
	margin:0 4px 6px 0;
	font-size:11.5px;
	color:var(--c666);
	background:var(--bg-soft);
	border-radius:999px;
}
.tag-red{
	color:var(--primary);
	background:var(--primary-soft);
	font-weight:700;
}

/* ============ 对标专用油品 ============ */
.table-wrap{
	overflow-x:auto;
	background:#fff;
	border: solid 1px var(--line);
}
.prod-table{
	width:100%;
	min-width:720px;
	border-collapse:collapse;
}
.prod-table th,
.prod-table td{
	padding:17px 20px;
	text-align:left;
	font-size:14.5px;
	vertical-align:top;
}
.prod-table th{
	background:var(--c333);
	color:#fff;
	font-weight:700;
	font-size:15px;
	white-space:nowrap;
}
.prod-table th:nth-child(1){background:var(--primary);}
.prod-table td{
	color:var(--c666);
	border-bottom:1px solid var(--line);
}
.prod-table tbody tr:last-child td{border-bottom:none;}
.prod-table tbody tr{transition:background .2s;}
.prod-table tbody tr:hover td{background:#fafbfc;}
.prod-table td:first-child{
	font-weight:800;
	color:var(--c333);
	background:#fbfbfb;
	white-space:nowrap;
}
.prod-table tbody tr:hover td:first-child{background:#faf0f1;color:var(--primary);}

.table-tip{
	text-align:center;
	margin-top:24px;
	color:var(--c888);
	font-size:14.5px;
}
.table-tip strong{color:var(--primary);font-weight:700;}





.substitute-section{margin-top:52px;}

.block-heading{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:24px;
	font-size:19px;
	font-weight:800;
	color:var(--c333);
}
.block-heading::before{
	content:"";
	width:5px;
	height:20px;
	border-radius:3px;
	background:var(--primary);
}
.block-heading .count{
	font-size:13px;
	font-weight:600;
	color:var(--c999);
	background:#fff;
	border:1px solid var(--line);
	padding:2px 10px;
	border-radius:999px;
	margin-left:4px;
}

.substitute-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:16px;
	margin-bottom:26px;
}
.oil-card{
	position:relative;
	background:#fff;
	border:1px solid var(--line);
	padding:22px 22px 20px;
	transition:.32s var(--ease);
	overflow:hidden;
}
.oil-card::before{
	content:"";
	position:absolute;
	right:-40px;
	top:-40px;
	width:100px;
	height:100px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(229,0,17,.07),transparent 70%);
	pointer-events:none;
	transition:.4s var(--ease);
}
.oil-card:hover{
	transform:translateY(-5px);
	border-color:var(--primary-pink);
}
.oil-card:hover::before{
	transform:scale(1.4);
	background:radial-gradient(circle,rgba(229,0,17,.1),transparent 70%);
}
.oil-code{
	position:relative;
	font-family:"SF Mono",Consolas,Menlo,monospace;
	font-size:22px;
	font-weight:900;
	color:var(--primary);
	letter-spacing:-.5px;
	line-height:1;
	margin-bottom:8px;
	transition:.3s;
}
.oil-card:hover .oil-code{letter-spacing:0;}
.oil-brand{
	display:inline-block;
	padding:2px 9px;
	margin-bottom:14px;
	font-size:10.5px;
	font-weight:700;
	letter-spacing:1.2px;
	color:var(--c999);
	background:var(--bg-soft);
	border-radius:4px;
	text-transform:uppercase;
}
.oil-desc{
	font-size:13px;
	color:var(--c666);
	line-height:1.75;
	margin-bottom:14px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:44px;
}
.oil-tag{
	display:inline-flex;
	align-items:center;
	gap:5px;
	padding:3px 10px;
	font-size:11.5px;
	font-weight:600;
	color:var(--primary);
	background:var(--primary-soft);
	border-radius:999px;
	transition:.26s;
}
.oil-tag em{font-size:10px;}
.oil-card:hover .oil-tag{
	background:var(--primary);
	color:#fff;
}
.substitute-cta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:22px 28px;
	background:#fff;
	border:1px solid var(--line);
	border-left:4px solid var(--primary);
}
.substitute-cta .cta-text{
	display:flex;
	align-items:center;
	gap:14px;
	flex:1;
	min-width:240px;
}
.substitute-cta .cta-text em{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	flex:none;
	font-size:18px;
	color:#fff;
	background:linear-gradient(135deg,var(--primary),#a8000c);
	border-radius:11px;
}
.substitute-cta .cta-text h4{
	font-size:15.5px;
	font-weight:800;
	color:var(--c333);
	margin-bottom:2px;
	line-height:1.4;
}
.substitute-cta .cta-text p{
	font-size:13px;
	color:var(--c888);
	line-height:1.5;
}
.substitute-cta .cta-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:12px 26px;
	font-size:14.5px;
	font-weight:700;
	color:#fff;
	background:var(--primary);
	border-radius:50px;
	text-decoration:none;
	transition:.28s var(--ease);
	white-space:nowrap;
}
.substitute-cta .cta-btn:hover{
	background:var(--primary-dark);
	transform:translateY(-2px);
}


/* ============ 品牌与设备 ============ */
.scene-section{padding:66px 0;background:var(--bg-soft);}
.brand-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
	gap:18px;
	margin-bottom:52px;
}
.brand-card{
	background:#fff;
	border:1px solid var(--line);
	overflow:hidden;
	transition:.32s var(--ease);
	display:flex;
	flex-direction:column;
	height:100%;
}
.brand-card:hover{
	transform:translateY(-6px);
	border-color:var(--primary-pink);
}
.brand-img{
	position:relative;
	width:100%;
	height:120px;
	background:linear-gradient(135deg,#fafbfc 0%,#eef0f3 100%);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-bottom:1px solid var(--line);
}
.brand-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .6s var(--ease);
}
.brand-card:hover .brand-img img{transform:scale(1.08);}
.brand-img .logo-mask{
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 50% 50%,rgba(229,0,17,.06),transparent 70%);
	pointer-events:none;
	opacity:0;
	transition:opacity .35s;
}
.brand-card:hover .brand-img .logo-mask{opacity:1;}
.brand-info{
	padding:18px 20px 20px;
	display:flex;
	flex-direction:column;
	flex:1;
}
.brand-info h4{
	font-size:16px;
	font-weight:800;
	color:var(--c333);
	margin-bottom:8px;
	letter-spacing:.2px;
	transition:color .25s;
}
.brand-info .en-name{
    display: block;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--c999);
    letter-spacing: .8px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.brand-card:hover .brand-info h4{color:var(--primary);}
.brand-info p{
	font-size:13px;
	color:var(--c888);
	line-height:1.75;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin-bottom:12px;
}
.brand-info .brand-tag{
	display:inline-flex;
	align-items:center;
	gap:5px;
	align-self:flex-start;
	margin-top:auto;
	padding:3px 10px;
	font-size:11.5px;
	font-weight:600;
	color:var(--primary);
	background:var(--primary-soft);
	border-radius:999px;
}
.brand-info .brand-tag em{font-size:10px;}

/* ============ 服务覆盖 ============ */
.coverage-section{margin-top:52px;}
.coverage-card{
	position:relative;
	overflow:hidden;
	background:#fff;
	border:1px solid var(--line);
}
.coverage-card::before{
	content:"";
	position:absolute;
	top:-80px;
	right:-80px;
	width:220px;
	height:220px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(229,0,17,.06),transparent 70%);
	pointer-events:none;
}
.coverage-head{
	display:flex;
	align-items:center;
	gap:16px;
	padding:24px 30px;
	background:linear-gradient(135deg,#fafbfc 0%,#f2f4f7 100%);
	border-bottom:1px solid var(--line);
	position:relative;
	z-index:2;
}
.coverage-head .ico{
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	flex:none;
	font-size:22px;
	color:#fff;
	background:linear-gradient(135deg,var(--primary),#a8000c);
	border-radius:14px;
}
.coverage-head h3{
	font-size:18px;
	font-weight:800;
	color:var(--c333);
	margin-bottom:3px;
	line-height:1.4;
}
.coverage-head p{
	font-size:13.5px;
	color:var(--c888);
	line-height:1.5;
}
.coverage-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:0;
}
.coverage-region{
	padding:24px 28px;
	border-right:1px solid var(--line);
	border-bottom:1px solid var(--line);
	transition:.28s var(--ease);
	position:relative;
}
.coverage-region:nth-child(3n){border-right:none;}
.coverage-region:nth-last-child(-n+3){border-bottom:none;}
.coverage-region:hover{background:#fcfcfd;}
.coverage-region:hover .region-icon{
	background:var(--primary);
	color:#fff;
	transform:scale(1.06);
}
.region-head{
	display:flex;
	align-items:center;
	gap:11px;
	margin-bottom:14px;
}
.region-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	flex:none;
	font-size:16px;
	color:var(--primary);
	background:var(--primary-soft);
	border-radius:11px;
	transition:.3s var(--ease);
}
.region-name{
	font-size:16px;
	font-weight:800;
	color:var(--c333);
	line-height:1.3;
}
.region-name span{
	display:block;
	font-size:11.5px;
	color:var(--c999);
	font-weight:500;
	letter-spacing:.3px;
	margin-top:1px;
}
.region-cities{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
}
.city-tag{
	display:inline-flex;
	align-items:center;
	padding:4px 12px;
	font-size:13px;
	color:var(--c666);
	background:var(--bg-soft);
	border-radius:999px;
	transition:.24s;
	border:1px solid transparent;
}
.coverage-region:hover .city-tag{
	background:#fff;
	border-color:var(--line);
}
.city-tag:hover{
	color:var(--primary) !important;
	background:var(--primary-soft) !important;
	border-color:var(--primary-border) !important;
}
.coverage-foot{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:20px 30px;
	background:linear-gradient(135deg,#fff 0%,#fcfcfd 100%);
	border-top:1px solid var(--line);
	position:relative;
	z-index:2;
}
.coverage-foot .foot-info{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:14px;
	color:var(--c666);
}
.coverage-foot .foot-info em{color:var(--primary);font-size:16px;}
.coverage-foot .foot-info strong{color:var(--primary);font-weight:700;}
.coverage-foot .foot-badges{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.foot-badge{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:5px 13px;
	font-size:12.5px;
	font-weight:600;
	color:var(--c666);
	background:var(--bg-soft);
	border-radius:999px;
}
.foot-badge em{color:var(--primary);font-size:11px;}

/* ============ 常见咨询问题 ============ */
#ask{background:#f2f2f3;padding:80px 0;}
.section-white{background:var(--bg-soft)}
.ask-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
}
.ask-card{
	background:#fff;
	padding:24px 22px;
	transition:all .28s;
	border:1px solid transparent;
}
.ask-card:hover{
	background:#fff;
	border-color:var(--border);
	transform:translateY(-3px);
}
.ask-card h4{
	font-size:15px;
	color:var(--gray-1);
	font-weight:700;
	margin-bottom:8px;
	display:flex;
	align-items:center;
	gap:8px;
}
.ask-card h4 em{
	color:var(--red);
	font-size:14px;
	flex-shrink:0;
}
.ask-card p{
	font-size:13px;
	color:var(--gray-3);
	line-height:1.8;
}

/* ============ 转化区块 ============ */
.convert-block{
	position:relative;
	overflow:hidden;
	padding:70px 0;
	background:linear-gradient(120deg,#e50011 0%,#a8000c 100%);
	color:#fff;
	text-align:center;
}
.convert-block::after{
	content:"";
	position:absolute;
	right:-100px;
	top:-120px;
	width:400px;
	height:400px;
	border-radius:50%;
	background:rgba(255,255,255,.09);
	pointer-events:none;
}
.convert-block .container{position:relative;z-index:2;}
.convert-block h2{
	font-size:clamp(22px,2.8vw,32px);
	margin-bottom:16px;
	font-weight:900;
	line-height:1.4;
}
.convert-block p{
	font-size:16px;
	margin-bottom:32px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	color:rgba(255,255,255,.9);
	line-height:1.9;
}
.convert-btn{
	display:inline-flex;
	align-items:center;
	gap:10px;
	background:#fff;
	color:var(--primary);
	padding:16px 46px;
	border-radius:50px;
	font-size:17px;
	font-weight:800;
	text-decoration:none;
	transition:.28s var(--ease);
	box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.convert-btn em{font-size:18px;transition:transform .3s var(--ease);}
.convert-btn:hover{
	color:var(--primary-dark);
	transform:translateY(-3px);
	box-shadow:0 16px 38px rgba(0,0,0,.28);
}
.convert-btn:hover em{transform:scale(1.15);}

/* ============ 响应式 ============ */
@media (max-width:1199.98px){
	.banner-row{gap:40px;}
	.hv-media{flex-basis:44%;min-height:220px;}
	.hv-metrics strong{font-size:17px;}
	.hv-top h3{font-size:16px;}
	.product-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:991.98px){
	.banner{padding:60px 0 66px;}
	.banner-row{grid-template-columns:1fr;gap:36px;}
	.banner h1{font-size:clamp(24px,4.4vw,36px);}
	.section,.scene-section{padding:58px 0;}
	.coverage-grid{grid-template-columns:repeat(2,1fr);}
	.coverage-region:nth-child(3n){border-right:1px solid var(--line);}
	.coverage-region:nth-child(2n){border-right:none;}
	.coverage-region:nth-last-child(-n+3){border-bottom:1px solid var(--line);}
	.coverage-region:nth-last-child(-n+2){border-bottom:none;}
	.product-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
	.banner{padding:52px 0 60px;}
	.banner-sub{font-size:15px;}
	.section,.scene-section{padding:52px 0;}
	.title-wrap{margin-bottom:36px;}
	.title-wrap .sub{font-size:14px;}
	.faq-question{padding:18px 20px;font-size:15px;}
	.faq-a-inner{padding:16px 20px 20px;}
	.convert-btn{padding:15px 34px;font-size:16px;}
	.brand-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;}
	.brand-img{height:100px;}
	.block-heading{font-size:17px;margin-bottom:20px;}

	.coverage-head{padding:20px 22px;gap:13px;}
	.coverage-head .ico{width:44px;height:44px;font-size:19px;border-radius:12px;}
	.coverage-head h3{font-size:16.5px;}
	.coverage-head p{font-size:12.5px;}
	.coverage-region{padding:20px 22px;}
	.region-icon{width:34px;height:34px;font-size:14px;}
	.region-name{font-size:15px;}
	.coverage-foot{padding:18px 22px;gap:12px;}
	.coverage-foot .foot-info{font-size:13px;display:block;}
	.coverage-foot .foot-info em{font-size:13px;margin-right:2px;}

	.substitute-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
	.oil-code{font-size:19px;}
	.oil-desc{font-size:12.5px;}
	.substitute-cta{padding:20px 22px;flex-direction:column;align-items:flex-start;}
}
@media (max-width:575.98px){
	.top-tip{font-size:13px;padding:8px 12px;}
	.banner{padding:44px 0 52px;}
	.banner-points{gap:10px 20px;}
	.banner-btn-group{flex-direction:column;gap:12px;}
	.btn-primary,
	.btn-ghost{
		width:100%;
		justify-content:center;
	}
	.hv-card{flex-direction:column;gap:16px;padding:16px;}
	.hv-media{flex:none;width:100%;height:180px;min-height:0;}
	.hv-top h3{font-size:15px;}
	.hv-top p{font-size:11px;}
	.hv-metrics strong{font-size:18px;}
	.hv-metrics span{font-size:11.5px;}

	.pain-item,.adv-card{padding:24px 20px;}
	.faq-question{gap:10px;padding:16px 18px;font-size:14.5px;}
	.faq-question .mark{width:24px;height:24px;font-size:12px;}
	.faq-a-inner{padding:14px 18px 18px;font-size:14px;}
	.brand-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
	.brand-img{height:88px;}
	.brand-info{padding:14px 16px 16px;}
	.brand-info h4{font-size:14.5px;}
	.brand-info p{font-size:12.5px;-webkit-line-clamp:2;}

	.coverage-grid{grid-template-columns:1fr;}
	.coverage-region{border-right:none !important;}
	.coverage-region:nth-last-child(-n+2){border-bottom:1px solid var(--line);}
	.coverage-region:last-child{border-bottom:none;}
	.coverage-head{flex-direction:column;align-items:flex-start;gap:12px;}
	.coverage-foot{flex-direction:column;align-items:flex-start;}
	.city-tag{font-size:12px;padding:3px 10px;}
	.foot-badge{font-size:11.5px;padding:4px 10px;}

	.substitute-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
	.oil-card{padding:16px 14px 14px;}
	.oil-code{font-size:17px;}
	.oil-brand{font-size:10px;padding:2px 7px;margin-bottom:10px;}
	.oil-desc{font-size:12px;line-height:1.65;min-height:40px;margin-bottom:10px;}
	.oil-tag{font-size:11px;padding:2px 9px;}
	.substitute-cta{padding:18px;gap:14px;}
	.substitute-cta .cta-text em{width:38px;height:38px;font-size:16px;}
	.substitute-cta .cta-text h4{font-size:14px;}
	.substitute-cta .cta-text p{font-size:12.5px;}
	.substitute-cta .cta-btn{width:100%;justify-content:center;font-size:13.5px;padding:11px 22px;}

	.product-grid{grid-template-columns:1fr;gap:16px;}
	.pc-img{height:170px;}
	.pc-body{padding:18px;}

	.title-wrap .sub{font-size:13.5px;padding:0 6px;}
}

/* ============================================================
   ★ Hero 右侧数据卡（左图右文）
   ============================================================ */
  
.hv-card{
  display:flex;
  align-items:stretch;
  gap:20px;
  padding:22px;
  background:#fff;
}

/* 左侧：产品大图 */
.hv-media{
  flex:0 0 40%;
  min-width:0;
  min-height:240px;
  overflow:hidden;
  background:var(--bg-soft);
  position:relative;
}
.hv-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s var(--ease);
}
.hv-card:hover .hv-media img{
  transform:scale(1.05);
}

/* 右侧：内容 */
.hv-content{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hv-top{
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid var(--line);
}
.hv-top .ico{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  flex:none;
  font-size:18px;
  color:var(--primary);
  background:var(--primary-soft);
  border:1px solid rgba(229,0,17,.2);
  border-radius:11px;
}
.hv-top h3{
  font-size:15px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.2px;
}
.hv-top p{
  margin-top:3px;
  font-size:10.5px;
  color:var(--c999);
  letter-spacing:.4px;
}

.hv-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.hv-metrics > div{
  padding:11px 12px;
  background:var(--bg-soft);
  border-left:3px solid var(--primary);
  min-width:0;
}
.hv-metrics strong{
  display:block;
  margin-bottom:2px;
  font-size:16px;
  font-weight:800;
  line-height:1.25;
  color:var(--c333);
  letter-spacing:-.2px;
  word-break:break-word;
}
.hv-metrics span{
  display:block;
  font-size:11px;
  line-height:1.45;
  color:var(--c888);
}

/* ============================================================
   5. 行业痛点
   ============================================================ */
.pain-card{
  position:relative;
  height:100%;
  padding:26px 26px 24px;
}
.pain-card::before{
  content:"";
  position:absolute;
  left:0; top:24px; bottom:24px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:var(--primary);
}
.pain-card:hover{ transform:translateY(-5px); }
.pain-card h5{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:10px;
  font-size:17px;
  font-weight:800;
}
.pain-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:none;
  font-size:15px;
  color:var(--primary);
  background:var(--primary-soft);
  border-radius:10px;
}
.pain-card p{ font-size:14.5px; color:var(--c666); }

/* ============================================================
   6. 产品中心
   ============================================================ */
.product-card{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
}
.pc-img{ height:300px; flex:none; }
.pc-img::after{ background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.14)); }

.pc-badge{
  position:absolute;
  left:14px; top:14px;
  z-index:2;
  padding:4px 12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.5px;
  color:#fff;
  background:rgba(229,0,17,.94);
  border-radius:999px;
  box-shadow:0 4px 12px rgba(229,0,17,.3);
}
.pc-cat{
  position:absolute;
  right:14px; bottom:14px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  font-size:16px;
  color:var(--primary);
  background:rgba(255,255,255,.92);
  border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.pc-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:20px;
}
.pc-body h3{ margin-bottom:4px; font-size:15.5px; font-weight:800; line-height:1.4; }
.pc-body .pc-sub{ margin-bottom:14px; font-size:12.5px; color:var(--c999); }

.spec-table{ width:100%; margin-bottom:16px; font-size:13px; border-collapse:collapse; }
.spec-table tr{ border-bottom:1px dashed #eee; }
.spec-table tr:last-child{ border-bottom:none; }
.spec-table td{ padding:9px 0; color:var(--c666); vertical-align:top; }
.spec-table td:first-child{ width:44%; color:var(--c888); }
.spec-table td:last-child{ color:var(--c333); font-weight:600; text-align:right; }

.pc-tags{ margin-top:auto; }
.tag{
  display:inline-block;
  padding:4px 10px;
  margin:0 4px 6px 0;
  font-size:11.5px;
  color:var(--c666);
  background:var(--bg-soft);
  border-radius:999px;
}
.tag-red{ color:var(--primary); background:var(--primary-soft); font-weight:700; }

/* ============================================================
   7. 相关技术信息
   ============================================================ */
.tech-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.tech-card{ display:flex; gap:16px; height:100%; padding:20px;}
.tech-card:hover{ transform:translateY(-4px); }
.tech-img{
  display:flex;
  align-items:center;
  justify-content:center;
  width:96px;
  height:96px;
  flex:none;
  overflow:hidden;
  background:var(--bg-soft);
  border:1px solid #eee;
  border-radius:10px;
}
.tech-img img{
    display:block;
    width:100%;
    height:100%;
    object-fit: cover;
}
.tech-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  flex:1;
  min-width:0;
}
.tech-content h4{ margin-bottom:8px; font-size:15px; font-weight:800; line-height:1.5; }
.tech-content p{
  font-size:13.5px;
  color:var(--c888);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.tech-content p strong{ color:var(--primary); }

.tech-footnote{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:24px;
  padding:16px 22px;
  font-size:13.8px;
  color:var(--c888);
  background:var(--bg-soft);
  border:1px dashed #ddd;
}
.tech-footnote .dot{
  width:8px;
  height:8px;
  flex:none;
  border-radius:50%;
  background:var(--primary);
  box-shadow:0 0 0 4px rgba(229,0,17,.12);
}

/* ============================================================
   8. 方案对比表
   ============================================================ */

.scroll-x{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.compare-table{ width:100%; min-width:680px; border-collapse:collapse; }
.compare-table th{
  padding:17px 22px;
  font-size:15px;
  font-weight:700;
  text-align:left;
  white-space:nowrap;
  color:#fff;
  background:var(--c333);
}
.compare-table th:nth-child(3){ background:var(--primary); }
.compare-table td{
  padding:16px 22px;
  font-size:14.5px;
  color:var(--c666);
  vertical-align:top;
  border-bottom:1px solid var(--line);
}
.compare-table tbody tr:last-child td{ border-bottom:none; }
.compare-table tbody tr:hover td{ background:#fafafa; }
.compare-table td:first-child{
  font-weight:700;
  color:var(--c333);
  background:#fbfbfb;
  white-space:nowrap;
}
.compare-table td:last-child{ font-weight:600; color:var(--c333); }

/* ============================================================
   9. 现场工程配套
   ============================================================ */
.eng-card{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
}
.eng-img{ height:300px; flex:none; }
.eng-img::after{ background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.12)); }
.eng-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eng-body{ display:flex; flex-direction:column; flex:1; padding:26px 28px 30px; }
.eng-body h5{
  position:relative;
  padding-left:16px;
  margin-bottom:12px;
  font-size:17.5px;
  font-weight:800;
  line-height:1.5;
}
.eng-body h5::before{
  content:"";
  position:absolute;
  left:0; top:9px;
  width:8px;
  height:8px;
  background:var(--primary);
  border-radius:2px;
  transform:rotate(45deg);
  transition:.28s;
}
.eng-card:hover .eng-body h5::before{ transform:rotate(45deg) scale(1.15); }
.eng-body p{ font-size:14.5px; color:var(--c666); line-height:1.9; }
.eng-body p strong{ color:var(--primary); }

/* ============================================================
   10. FAQ 手风琴
   ============================================================ */
.faq-list{ display:flex; flex-direction:column; gap:14px; }
.faq-item{ overflow:hidden; }
.faq-item:hover{ border-color:var(--primary-pink); box-shadow:0 10px 28px rgba(0,0,0,.05); }
.faq-item.active{
  border-color:var(--primary-pink);
  box-shadow:0 14px 36px rgba(229,0,17,.08);
}

.faq-question{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  padding:22px 26px;
  font-family:inherit;
  font-size:16px;
  font-weight:800;
  line-height:1.6;
  color:var(--c333);
  text-align:left;
  background:transparent;
  border:none;
  cursor:pointer;
  transition:color .2s;
}
.faq-question:hover{ color:var(--primary); }

.faq-question .mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:none;
  font-size:13px;
  font-weight:800;
  color:#fff;
  background:var(--primary);
  border-radius:var(--r-sm);
  box-shadow:0 4px 12px rgba(229,0,17,.22);
  transition:.28s;
}
.faq-item.active .faq-question .mark{ background:var(--c333); box-shadow:none; }
.faq-q-text{ flex:1; min-width:0; }

.faq-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  flex:none;
  font-size:14px;
  color:var(--c999);
  transition:transform .35s var(--ease), color .2s;
}
.faq-item.active .faq-arrow{ transform:rotate(180deg); color:var(--primary); }

.faq-a-wrap{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.faq-item.active .faq-a-wrap{ max-height:600px; }

.faq-a-inner{
  padding:18px 26px 24px 68px;
  font-size:14.8px;
  color:var(--c666);
  line-height:1.9;
  border-top:1px dashed #f0f0f0;
}
.faq-a-inner strong{ color:var(--primary); }

/* ============================================================
   11. 为什么选择RM新时代官网网址
   ============================================================ */
.why-section{
  position:relative;
  padding:82px 0;
  overflow:hidden;
  background:#f2f2f3;
}
.why-section::before{
  content:"";
  position:absolute;
  right:-120px; top:-120px;
  width:480px;
  height:480px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(229,0,17,.05),transparent 70%);
  pointer-events:none;
}
.why-section .container{ position:relative; z-index:2; }

.why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.why-card{
  position:relative;
  height:100%;
  padding:30px 26px 28px;
  overflow:hidden;
}
.why-card::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--primary),#ff5b66);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s var(--ease);
}
.why-card:hover::after{ transform:scaleX(1); }

.why-index{
  position:absolute;
  right:22px; top:20px;
  font-family:"SF Mono",Consolas,Menlo,monospace;
  font-size:52px;
  font-weight:900;
  line-height:1;
  letter-spacing:-2px;
  color:rgba(229,0,17,.06);
  user-select:none;
  transition:.34s;
}
.why-card:hover .why-index{ color:rgba(229,0,17,.12); transform:translateY(-2px); }

.why-icon{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  margin-bottom:20px;
  font-size:24px;
  color:var(--primary);
  background:var(--primary-soft);
  border-radius:var(--r-lg);
  transition:.34s var(--ease);
}
.why-card:hover .why-icon{
  color:#fff;
  background:linear-gradient(135deg,var(--primary),#a8000c);
  transform:scale(1.06) rotate(-3deg);
  box-shadow:0 10px 22px rgba(229,0,17,.28);
}

.why-card h4{ position:relative; z-index:2; margin-bottom:10px; font-size:16.5px; font-weight:800; }
.why-card p{ position:relative; z-index:2; margin-bottom:18px; font-size:14px; color:var(--c666); }

.why-stat{
  position:relative;
  z-index:2;
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px dashed #eee;
}
.why-stat .num{ font-size:22px; font-weight:900; line-height:1; color:var(--primary); }
.why-stat .lbl{ font-size:12.5px; color:var(--c999); }

.why-trust{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:14px 36px;
  margin-top:34px;
  padding:20px 28px;
  background:#fff;
  border:1px solid var(--line);
}
.why-trust span{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--c666); }
.why-trust span::before{
  content:"";
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:var(--primary);
  box-shadow:0 0 0 3px rgba(229,0,17,.12);
}

/* ============================================================
   12. CTA 联系
   ============================================================ */
.cta{
  position:relative;
  overflow:hidden;
  padding:64px 0;
  color:#fff;
  background:linear-gradient(120deg,#e50011 0%,#a8000c 100%);
}
.cta::after{
  content:"";
  position:absolute;
  right:-100px; top:-120px;
  width:400px;
  height:400px;
  border-radius:50%;
  background:rgba(255,255,255,.09);
  pointer-events:none;
}
.cta .container{ position:relative; z-index:2; }
.cta h2{ margin-bottom:12px; font-size:clamp(22px,2.8vw,32px); font-weight:900; line-height:1.4; }
.cta p{ max-width:760px; font-size:15.5px; color:rgba(255,255,255,.88); }
.btn-cta{ padding:15px 40px; color:var(--primary); background:#fff; border-radius:9px; font-weight:800; font-size:15.5px; }
.btn-cta:hover{
  color:var(--primary-dark);
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.25);
}
.btn-cta em{ margin-right:8px; }

.svc-card{ height:100%; padding:34px 24px; text-align:center; }
.svc-card:hover{ transform:translateY(-6px); }
.svc-ico{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  margin:0 auto 18px;
  font-size:24px;
  font-weight:900;
  color:var(--primary);
  background:var(--primary-soft);
  border-radius:var(--r-lg);
  transition:.28s;
}
.svc-card:hover .svc-ico{ color:#fff; background:var(--primary); }
.svc-card h4{ margin-bottom:10px; font-size:16.5px; font-weight:800; }
.svc-card p{ font-size:14.3px; color:var(--c666); }

/* ============================================================
   13. 响应式断点
   ============================================================ */
@media (max-width:1199.98px){
  .pc-img{ height:170px; }
  .eng-img{ height:190px; }
  .tech-grid{ grid-template-columns:repeat(2,1fr); }
  .why-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991.98px){
  .hero{ padding:60px 0 66px; }
  .section{ padding:58px 0; }
  .why-section{ padding:64px 0; }
  .btn-ghost{ margin:12px 0 0; }
  .eng-img{ height:200px; }
  .eng-body{ padding:24px 24px 26px; }
  /* 中屏时卡片宽裕，图片可略大 */
  .hv-media{ flex-basis:44%; min-height:220px; }
  .hv-metrics strong{ font-size:17px; }
  .hv-top h3{ font-size:16px; }
  .ask-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767.98px){
  .tech-grid{ grid-template-columns:1fr; }
  .tech-card{ padding:18px; }
  .eng-img{ height:180px; }
  .why-grid{ grid-template-columns:1fr; }
  .why-index{ right:20px; top:18px; font-size:44px; }
  .faq-question{ padding:18px 20px; font-size:15px; }
  .faq-a-inner{ padding:16px 20px 20px; }
  .hv-media{ min-height:200px; }
  .adv-wrap{
	grid-template-columns:repeat(1,1fr);
}
.ask-grid{grid-template-columns:1fr;}
	.ask-card{padding:20px 18px;}
	.pc-img{height:auto;}
	.col-lg-7{margin-top:80px;}
	.hero h1{font-size:24px;}
	.hero-sub{font-size:14px;}
	.hv-media{height:220px;}
}
@media (max-width:575.98px){
  .hero{ padding:48px 0 54px; }
  .section{ padding:48px 0; }
  .why-section{ padding:52px 0; }
  .hero-points{ gap:10px 20px; }
  .pc-body{ padding:18px; }
  .tech-img{ width:80px; height:80px; }
  .tech-content h4{ font-size:14.5px; }
  .tech-content p{ font-size:13px; }
  .eng-img{ height:160px; }
  .eng-body{ padding:20px; }
  .eng-body h5{ font-size:16px; }
  .eng-body p{ font-size:14px; }
  .faq-question{ padding:16px 18px; font-size:14.5px; gap:10px; }
  .faq-question .mark{ width:24px; height:24px; font-size:12px; }
  .faq-a-inner{ padding:14px 18px 18px; font-size:14px; }
  .why-card{ padding:26px 22px 24px; }
  .why-trust{ padding:16px 18px; gap:10px 20px; }
  .btn-main,.btn-ghost{ width:100%; text-align:center; margin:0; }
  .btn-ghost{ margin-top:12px; }
  .compare-table td,
  .compare-table th{ padding:13px 16px; font-size:13.5px; }

  /* 小屏：数据卡改为上下堆叠 */
  .hv-card{ flex-direction:column; gap:16px; padding:16px; }
  .hv-media{ flex:none; width:100%; min-height:0; }
  .hv-top h3{ font-size:15px; }
  .hv-top p{ font-size:11px; }
  .hv-metrics strong{ font-size:18px; }
  .hv-metrics span{ font-size:11.5px; }
}