/* ==========================================================================

 * banghongxun 主题布局样式表

 * 覆盖：头部/导航、首页 banner/con1-con3、内页横幅/面包屑、

 *       产品·案例·下载列表与详情、新闻列表、联系页、分页、

 *       侧边悬浮栏、页脚、版权、移动端头部/菜单/底部栏、响应式

 * ========================================================================== */



/* ---------- 设计令牌（参考 xm.new.x6h.cn 招商落地页：深海蓝 + 简洁半透明，轻时尚） ---------- */

:root {

	--bhx-primary: #004c78;        /* 主色：深海蓝（白字对比度 8.6:1，AAA） */

	--bhx-primary-dark: #003554;   /* 主色悬停加深 */

	--bhx-primary-deep: #002c45;   /* 最深蓝（渐变/页脚） */

	--bhx-primary-mid: #006dab;    /* 中间蓝（渐变） */

	--bhx-primary-bright: #008ede; /* 亮蓝（点缀/渐变尾部） */

	--bhx-primary-glow: #12a9ff;   /* 高亮蓝（光效） */

	--bhx-primary-soft: #e6f0f7;   /* 主色浅底（图标圆底/浅背景） */

	--bhx-primary-ring: rgba(0, 76, 120, .18); /* 输入框聚焦光环 */

	--bhx-accent: #2c3c96;         /* 靛蓝强调色 */

	--bhx-ink: #111a24;            /* 深墨（标题） */

	--bhx-muted: #506377;          /* 次级文字灰蓝 */

	--bhx-faint: #8195a9;          /* 弱化文字灰蓝 */

	--bhx-border: #e2eaf1;         /* 柔和冷灰边框 */

	--bhx-surface: #f4f8fb;        /* 浅冰蓝灰面 */

	--bhx-radius: 12px;            /* 通用圆角 */

	--bhx-pill: 999px;             /* 胶囊按钮圆角 */

	--bhx-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);

	--bhx-shadow-md: 0 6px 20px -6px rgba(15, 23, 42, .10);

	--bhx-shadow-lg: 0 18px 44px -14px rgba(15, 23, 42, .16);

	--bhx-shadow-btn: 0 12px 28px -10px rgba(0, 76, 120, .30);

	--bhx-shadow-btn-hover: 0 18px 36px -12px rgba(0, 76, 120, .38);

	--bhx-ease: cubic-bezier(.22,.61,.36,1);

	--bhx-glass: rgba(255, 255, 255, .86); /* 半透明毛玻璃底 */

	--bhx-focus-ring: 0 0 0 3px var(--bhx-primary-ring); /* 焦点环 */

	--bhx-text-on-primary: #f5f8fc; /* 主色上文字色（对比度 12.6:1，AAA） */

}



/* ---------- 0. 基础 ---------- */

* { box-sizing: border-box; }

body { margin: 0; font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6; background: #fff; }

img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }

a { color: #333; text-decoration: none; transition: color .2s; }

a:hover { color: var(--bhx-primary); }

ul { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }

input, textarea { font-family: inherit; font-size: 14px; }



/* ---------- 0b. 无障碍：焦点可见、Skip Link ---------- */

.skip-link {

	position: absolute;

	top: -100%;

	left: 50%;

	transform: translateX(-50%);

	padding: 12px 24px;

	background: var(--bhx-primary);

	color: var(--bhx-text-on-primary);

	font-weight: 600;

	border-radius: var(--bhx-radius);

	z-index: 10000;

	transition: top .3s;

}

.skip-link:focus {

	top: 10px;

	outline: none;

	box-shadow: var(--bhx-focus-ring);

}



:focus-visible {

	outline: none;

	box-shadow: var(--bhx-focus-ring);

}



/* 移除默认 outline 但保留 :focus-visible */

:focus:not(:focus-visible) {

	outline: none;

}



/* 减少动画偏好 */

@media (prefers-reduced-motion: reduce) {

	*, *::before, *::after {

		animation-duration: 0.01ms !important;

		animation-iteration-count: 1 !important;

		transition-duration: 0.01ms !important;

		scroll-behavior: auto !important;

	}

}



/* Screen reader only utility class */

.screen-reader-text {

	position: absolute !important;

	width: 1px;

	height: 1px;

	padding: 0;

	margin: -1px;

	overflow: hidden;

	clip: rect(0, 0, 0, 0);

	white-space: nowrap;

	border: 0;

}

.screen-reader-text:focus {

	position: static !important;

	width: auto;

	height: auto;

	padding: 12px 24px;

	margin: 0;

	overflow: visible;

	clip: auto;

	white-space: normal;

	background: var(--bhx-primary);

	color: var(--bhx-text-on-primary);

	font-weight: 600;

	border-radius: var(--bhx-radius);

	z-index: 10000;

	box-shadow: var(--bhx-focus-ring);

}



/* Touch target sizing for mobile (WCAG 2.5.5) */

@media (max-width: 768px) {

	.ml_mb_head .hb,

	.ml_mbnav_1_item > a,

	.ml_mbnav_2_item > a,

	.ml_mbnav_3_item > a,

	.mb_item1_arrow,

	.mb_item2_arrow,

	.ml_mbbot li a,

	.query_laycon input[type="submit"],

	.bhx_inquiry_submit,

	.bhx_message_submit,

	.try-submit-btn {

		min-height: 44px;

		min-width: 44px;

	}

}



.clear { clear: both; }

.container-fix { max-width: 1200px; margin: 0 auto; padding: 0 15px; }



/* ---------- 1. PC 头部 ---------- */

.pchead { position: sticky; top: 0; z-index: 999; background: var(--bhx-glass); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); box-shadow: var(--bhx-shadow-sm); border-bottom: 1px solid var(--bhx-border); }

.pcheader { max-width: 1200px; margin: 0 auto; height: 80px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; }

.pclogo img { max-height: 55px; width: auto; }

.pcnav { display: flex; align-items: center; }

.pcnav > li { position: relative; margin-left: 8px; }

.pcnav > li > .first_a { display: block; padding: 0 18px; line-height: 80px; font-size: 16px; color: #333; white-space: nowrap; }

.pcnav > li:hover > .first_a, .pcnav > li.current-menu-item > .first_a { color: var(--bhx-primary); }

/* 二级/三级下拉 */

.pc_sec_nav, .pc_third_nav { display: none; position: absolute; top: 100%; left: 0; min-width: 160px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.12); z-index: 1000; }

.pcnav > li:hover > .pc_sec_nav { display: block; }

.pc_sec_nav > li { position: relative; }

.pc_sec_nav .second_a { display: block; padding: 10px 20px; white-space: nowrap; border-bottom: 1px solid #f2f2f2; }

.pc_sec_nav > li:hover > .second_a { color: var(--bhx-primary); background: #fafafa; }

.pc_third_nav { top: 0; left: 100%; }

.pc_sec_nav > li:hover > .pc_third_nav { display: block; }

.pc_third_nav a { display: block; padding: 10px 20px; white-space: nowrap; border-bottom: 1px solid #f2f2f2; }



/* ---------- 2. 移动端头部/菜单（PC 隐藏） ---------- */

.ml_mb_head, .ml_mb_nav, .ml_mbbot { display: none; }



/* ---------- 3. 首页轮播 ---------- */

.ml_banner { width: 100%; position: relative; overflow: hidden; min-height: 500px; }

.ml_banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.bannerpage.swiper-pagination { position: absolute; bottom: 20px !important; text-align: center; z-index: 10; }

.bannerpage .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: .6; }

.bannerpage .swiper-pagination-bullet-active { opacity: 1; background: var(--bhx-primary); }



/* 粒子特效画布 */

.banner-particle-canvas {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	pointer-events: none;

}



/* 轮播图文字叠加层 */

.banner-text-overlay {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	padding: 0 60px;

	transform: translateY( -50% );

	z-index: 5;

	pointer-events: none;

	text-align: center;

}

.banner-text-overlay.banner-text-left { text-align: left; }

.banner-text-overlay.banner-text-right { text-align: right; }



.banner-title {

	font-size: clamp( 28px, 5vw, 48px );

	font-weight: 700;

	color: #fff;

	text-shadow: 0 4px 24px rgba( 0, 0, 0, 0.5 );

	margin: 0 0 16px;

	line-height: 1.2;

	letter-spacing: 0.02em;

}



.banner-subtitle {

	font-size: clamp( 16px, 2.5vw, 22px );

	color: rgba( 255, 255, 255, 0.9 );

	text-shadow: 0 2px 12px rgba( 0, 0, 0, 0.4 );

	margin: 0 0 28px;

	line-height: 1.5;

	max-width: 800px;

	margin-left: auto;

	margin-right: auto;

}

.banner-text-left .banner-subtitle { margin-left: 0; }

.banner-text-right .banner-subtitle { margin-right: 0; }



.banner-cta {

	pointer-events: auto;

	display: inline-block;

	padding: 14px 36px;

	background: var(--bhx-primary);

	color: var(--bhx-text-on-primary) !important;

	font-size: 16px;

	font-weight: 600;

	letter-spacing: 0.5px;

	border-radius: var(--bhx-pill);

	box-shadow: var(--bhx-shadow-btn);

	transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s;

	text-decoration: none;

}

.banner-cta:hover {

	background: var(--bhx-primary-dark);

	color: var(--bhx-text-on-primary) !important;

	transform: translateY( -2px );

	box-shadow: var(--bhx-shadow-btn-hover);

	text-decoration: none;

}



@media ( max-width: 768px ) {

	.ml_banner { min-height: 300px; }

	.ml_banner .swiper-slide img { height: 300px; object-fit: cover; }

	.banner-text-overlay {

		padding: 0 20px;

	}

	.banner-title {

		font-size: clamp( 22px, 6vw, 32px );

	}

	.banner-subtitle {

		font-size: clamp( 14px, 3vw, 18px );

		margin-bottom: 20px;

	}

	.banner-cta {

		padding: 12px 28px;

		font-size: 14px;

	}

}



/* ---------- 4. 首页 con1 三宫格 ---------- */

.con1 { max-width: 1200px; margin: 40px auto; padding: 0 15px; }

.con1con { display: flex; gap: 15px; }

.con1item { position: relative; overflow: hidden; }

.con1item img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }

.con1item:hover img { transform: scale(1.05); }

.con1left { flex: 2; min-height: 420px; }

.con1left img { position: absolute; inset: 0; }

.con1right { flex: 1; display: flex; flex-direction: column; gap: 15px; }

.con1rightitem { flex: 1; min-height: 200px; }

.con1rightitem img { position: absolute; inset: 0; }

.con1pos { position: absolute; left: 25px; bottom: 55px; color: #fff; z-index: 2; }

.con1pos h1, .con1pos h3 { font-size: 26px; text-shadow: 0 2px 6px rgba(0,0,0,.5); }

.con1pos_more { position: absolute; left: 25px; bottom: 20px; color: #fff; border: 1px solid #fff; padding: 5px 18px; font-size: 13px; cursor: pointer; z-index: 2; transition: all .2s; }

.con1pos_more:hover { background: var(--bhx-primary); border-color: var(--bhx-primary); }



/* ---------- 5. 首页 con2 梦想横幅 ---------- */

.con2 { background-size: cover; background-position: center; padding: 90px 15px; text-align: center; color: #fff; }

.con2con h1 { font-size: 42px; letter-spacing: 4px; text-shadow: 0 2px 8px rgba(0,0,0,.4); }

.con2con h2 { font-size: 22px; margin-top: 12px; text-shadow: 0 2px 8px rgba(0,0,0,.4); }



/* ---------- 6. 首页 con3 新闻资讯 ---------- */

.con3title { max-width: 1200px; margin: 50px auto 20px; padding: 0 15px; display: flex; align-items: flex-end; justify-content: space-between; }

.con3tleft p { margin: 0; font-size: 22px; color: #333; }

.con3tleft h1 { font-size: 34px; color: var(--bhx-primary); font-weight: bold; line-height: 1; }

.con3tright a { display: inline-block; border: 1px solid #ddd; padding: 8px 22px; color: #666; }

.con3tright a:hover { border-color: var(--bhx-primary); color: var(--bhx-primary); }

.con3 { max-width: 1200px; margin: 0 auto 50px; padding: 0 15px; }

.con3con ul { display: flex; gap: 15px; flex-wrap: wrap; }

.con3con li { flex: 1 1 0; min-width: 240px; border: 1px solid var(--bhx-border); padding: 25px 20px; cursor: pointer; transition: box-shadow .3s; position: relative; }

.con3con li:hover { box-shadow: 0 6px 18px rgba(0,0,0,.1); }

.con3con li p { margin: 0 0 8px; color: #999; font-size: 13px; }

.con3con li span { display: block; font-size: 16px; margin-bottom: 15px; height: 44px; overflow: hidden; }

.con3con li .imgbox { height: 150px; overflow: hidden; margin-bottom: 15px; }

.con3con li .imgbox img { width: 100%; height: 150px; object-fit: cover; }

.con3con li a { color: var(--bhx-primary); font-size: 13px; }



/* ---------- 7. 内页横幅 + 面包屑 ---------- */

.inbanner { position: relative; overflow: hidden; }

.inbanner > img { width: 100%; display: block; }

.in_pos { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }

.in_pos .in_banner_en { margin: 0; font-size: 40px; letter-spacing: 3px; text-shadow: 0 2px 8px rgba(0,0,0,.45); }

.in_pos h1 { margin: 0; font-size: 26px; text-shadow: 0 2px 8px rgba(0,0,0,.45); }

.in_pos .in_banner_en ~ h1 { font-size: 18px; margin: 10px 0 0; font-weight: normal; }

.in_pos p { margin: 10px 0 0; font-size: 18px; text-shadow: 0 2px 8px rgba(0,0,0,.45); }

.in_pos .in_banner_en + p { margin-top: 0; }

.in_nav { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }

.in_nav a, .in_nav span { display: inline-block; padding: 10px 28px; color: #fff; background: rgba(0,0,0,.35); margin: 0 3px; }

.in_nav a:hover, .in_nav .active { background: var(--bhx-primary); }

.bread { background: var(--bhx-surface); border-bottom: 1px solid var(--bhx-border); }

.bread_con { max-width: 1200px; margin: 0 auto; padding: 12px 15px; color: #999; font-size: 13px; }

.bread_con a { color: #999; }

.bread_con a:hover { color: var(--bhx-primary); }

.bread_con span { margin: 0 8px; color: #ccc; }



/* ---------- 8. 内页通用容器 ---------- */

.inside { max-width: 1200px; margin: 35px auto 60px; padding: 0 15px; min-height: 300px; }

.content-area { width: 100%; }

.site-main::after { content: ""; display: block; clear: both; }



/* ---------- 9. 产品/案例/下载列表卡 ---------- */

.ml_indexprocon ul { display: flex; flex-wrap: wrap; gap: 20px; }

.ml_indexprocon li { flex: 0 0 calc(25% - 15px); }

.indexpro_div { border: 1px solid var(--bhx-border); text-align: center; padding-bottom: 15px; transition: box-shadow .3s; overflow: hidden; }

.indexpro_div:hover { box-shadow: 0 6px 18px rgba(0,0,0,.1); }

.indexpro_div a { display: block; height: 220px; overflow: hidden; }

.indexpro_div img { width: 100%; height: 220px; object-fit: contain; transition: transform .3s; }

.indexpro_div:hover img { transform: scale(1.04); }

.indexpro_div p { margin: 14px 10px 0; font-size: 15px; height: 42px; overflow: hidden; }

.indexpro_div span { display: block; width: 30px; height: 3px; background: var(--bhx-primary); margin: 10px auto 0; opacity: 0; transition: opacity .3s; }

.indexpro_div:hover span { opacity: 1; }



/* ---------- 10. 详情页（产品/案例/文章） ---------- */

.ml_prodetail { display: flex; gap: 30px; align-items: flex-start; }

.ml_prodetailleft { flex: 0 0 45%; min-width: 0; overflow: hidden; }

.ml_prodetailright { flex: 1; min-width: 0; }

.mySwiper2 { width: 100%; overflow: hidden; }

.mySwiper2 .swiper-slide { width: 100%; }

.mySwiper2 .swiper-slide img { width: 100%; max-width: 100%; height: 420px; object-fit: contain; background: #fafafa; }

.mySwiper { margin-top: 12px; }

.mySwiper .swiper-slide { width: 110px; height: 80px; opacity: .5; cursor: pointer; }

.mySwiper .swiper-slide img { width: 110px; height: 80px; object-fit: cover; }

.mySwiper .swiper-slide-thumb-active { opacity: 1; }

.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { width: 28px; height: 28px; background: rgba(0,0,0,.3); color: #fff; border-radius: 50%; }

.mySwiper .swiper-button-prev::after, .mySwiper .swiper-button-next::after { font-size: 14px; }

.entry-header { border-bottom: 1px solid var(--bhx-border); padding-bottom: 15px; margin-bottom: 20px; }

.entry-header strong { font-size: 26px; color: #333; }

.entry-title { font-size: 26px; color: #333; }

.entry-meta { margin-top: 10px; color: #999; font-size: 13px; }

.entry-meta span { margin-right: 20px; }

.entry-content { color: #555; line-height: 1.9; }

.entry-content img { margin: 10px 0; }

.entry-content p { margin: 12px 0; }



/* 在线询价按钮/弹层 */

.query { display: inline-block; margin-top: 25px; padding: 12px 36px; background: var(--bhx-primary); color: #fff; font-weight: 600; letter-spacing: .5px; border-radius: var(--bhx-pill); box-shadow: var(--bhx-shadow-btn); transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s; }

.query:hover { background: var(--bhx-primary-dark); color: #fff; transform: translateY(-2px); box-shadow: var(--bhx-shadow-btn-hover); }

.query_lay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2000; }

.query_layout { display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.query_laycon { background: #fff; padding: 30px; width: 420px; max-width: 92vw; border-radius: 4px; }

.query_laycon strong { display: block; font-size: 20px; margin-bottom: 18px; color: #333; }

.query_laycon input, .query_laycon textarea, .ml_contactcon_right input, .ml_contactcon_right textarea { display: block; width: 100%; margin-bottom: 12px; padding: 10px 12px; border: 1px solid #ddd; border-radius: 3px; outline: none; }

.query_laycon input:focus, .ml_contactcon_right input:focus, .query_laycon textarea:focus, .ml_contactcon_right textarea:focus { outline: none; border-color: var(--bhx-primary); box-shadow: var(--bhx-focus-ring); }

.query_laycon textarea, .ml_contactcon_right textarea { height: 100px; resize: vertical; }

.b_cz { display: flex; justify-content: flex-end; gap: 12px; margin-top: 8px; }

.b_cz a { padding: 8px 26px; border-radius: 3px; cursor: pointer; }

.close_cancle { border: 1px solid #ddd; color: #666; }

.bhx_inquiry_submit { background: var(--bhx-primary); color: #fff; }



/* 产品详情页新增板块样式 */

.product-meta-info { display: flex; flex-wrap: wrap; gap: 15px; }

.product-section { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--bhx-border); }

.product-section h3 { font-size: 18px; color: #333; margin: 0 0 15px; padding-bottom: 8px; border-bottom: 2px solid var(--bhx-primary); font-weight: 600; }

.specs-table { width: 100%; border-collapse: collapse; font-size: 14px; }

.specs-table th, .specs-table td { padding: 12px 15px; border: 1px solid var(--bhx-border); text-align: left; }

.specs-table th { width: 30%; background: var(--bhx-surface); color: #333; font-weight: 600; }

.specs-table td { color: #555; }

.specs-table tr:nth-child(even) td { background: #fafafa; }



.features-grid, .applications-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }

.feature-item, .application-item { background: var(--bhx-surface); padding: 20px; border-radius: 6px; border: 1px solid var(--bhx-border); transition: transform .2s, box-shadow .2s; }

.feature-item:hover, .application-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.08); }

.feature-item h4, .application-item h4 { font-size: 15px; color: var(--bhx-primary); margin: 0 0 8px; font-weight: 600; }

.feature-item p, .application-item p { font-size: 13px; color: #666; margin: 0; line-height: 1.7; }



.basic-info-list { list-style: none; padding: 0; margin: 0; }

.basic-info-list li { padding: 10px 0; border-bottom: 1px dashed #eee; font-size: 14px; color: #555; }

.basic-info-list li:last-child { border-bottom: none; }

.basic-info-list strong { color: #333; margin-right: 8px; }



.media-links { display: flex; gap: 15px; flex-wrap: wrap; }

.media-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: var(--bhx-surface); border: 1px solid var(--bhx-border); border-radius: 4px; color: #333; font-size: 14px; transition: all .2s; }

.media-link:hover { background: var(--bhx-primary); border-color: var(--bhx-primary); color: #fff; }

.media-link i { font-size: 16px; }



@media (max-width: 768px) {

	.features-grid, .applications-grid { grid-template-columns: 1fr; }

	.specs-table th, .specs-table td { padding: 10px; font-size: 13px; }

}



/* ---------- 11. 新闻/搜索结果列表 ---------- */

.Ml_temlpate_news { }

.newitem5 { display: flex; gap: 20px; padding: 22px 0; border-bottom: 1px dashed #e5e5e5; align-items: center; }

.newitem5_left { flex: 0 0 260px; height: 170px; overflow: hidden; }

.newitem5_left img { width: 100%; height: 170px; object-fit: cover; }

.newitem5_right { flex: 1; min-width: 0; }

.newitem5_right_top a { font-size: 18px; color: #333; }

.newitem5_right_top a:hover { color: var(--bhx-primary); }

.newitem5_right_bot { margin-top: 12px; color: #999; font-size: 13px; }

.newitem5_right_bot p:first-child { margin: 0 0 10px; color: #666; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }



/* ---------- 隐私政策页面样式 ---------- */

.privacy-content { max-width: 900px; margin: 0 auto; padding: 20px 0; }

.privacy-content h2 { font-size: 24px; color: #333; margin: 30px 0 15px; padding-bottom: 10px; border-bottom: 2px solid var(--bhx-primary); font-weight: bold; }

.privacy-content h3 { font-size: 18px; color: var(--bhx-primary); margin: 25px 0 10px; font-weight: bold; }

.privacy-content p { margin: 12px 0; line-height: 1.8; color: #555; }

.privacy-content strong { color: #333; }

.privacy-default { padding: 20px; }

.privacy-default h2 { font-size: 24px; color: #333; margin: 30px 0 15px; padding-bottom: 10px; border-bottom: 2px solid var(--bhx-primary); font-weight: bold; }

.privacy-default h3 { font-size: 18px; color: var(--bhx-primary); margin: 25px 0 10px; font-weight: bold; }

.privacy-default p { margin: 12px 0; line-height: 1.8; color: #555; }

.privacy-default strong { color: #333; }



@media (max-width: 768px) {

	.privacy-content h2 { font-size: 20px; }

	.privacy-content h3 { font-size: 16px; }

	.privacy-content { padding: 15px 0; }

}



/* ---------- 免费试用申请页面样式 ---------- */

.try-content { max-width: 800px; margin: 0 auto; padding: 20px 0; }

.try-banner { text-align: center; padding: 40px 0; background: linear-gradient(135deg, #f8f9fa 0%, #eef2f7 100%); border-radius: 8px; margin-bottom: 30px; }

.try-banner h2 { font-size: 28px; color: #333; margin: 0 0 10px; font-weight: bold; }

.try-banner p { font-size: 16px; color: #666; margin: 0; }

.try-form-container { background: #fff; padding: 30px; border: 1px solid var(--bhx-border); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.05); }

.try-form-row { display: flex; gap: 20px; margin-bottom: 20px; }

.try-form-group { flex: 1; margin-bottom: 0; }

.try-form-group:last-child { margin-right: 0; }

.try-form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: #333; font-size: 14px; }

.try-form-group label .required { color: var(--bhx-primary); margin-left: 2px; }

.try-form-group input,

.try-form-group select,

.try-form-group textarea {

	width: 100%;

	padding: 12px 14px;

	border: 1px solid #ddd;

	border-radius: 4px;

	font-size: 14px;

	color: #333;

	background: #fff;

	transition: border-color .2s, box-shadow .2s;

	box-sizing: border-box;

}

.try-form-group input:focus,

.try-form-group select:focus,

.try-form-group textarea:focus {

	outline: none;

	border-color: var(--bhx-primary);

	box-shadow: 0 0 0 3px var(--bhx-primary-ring);

}

.try-form-group input.error,

.try-form-group select.error,

.try-form-group textarea.error {

	border-color: #dc3545;

}

.try-form-group textarea { min-height: 120px; resize: vertical; }

.try-form-group select { cursor: pointer; }

.try-agreement { margin: 20px 0; }

.try-agreement input[type="checkbox"] { width: auto; margin-right: 8px; vertical-align: middle; }

.try-agreement label { display: inline-flex; align-items: center; font-weight: normal; cursor: pointer; color: #666; font-size: 13px; }

.try-agreement a { color: var(--bhx-primary); }

.try-agreement a:hover { text-decoration: underline; }

.try-form-submit { text-align: center; margin-top: 10px; }

.try-submit-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	max-width: 300px;

	padding: 14px 30px;

	background: var(--bhx-primary);

	color: #f5f8fc !important;

	border: none;

	border-radius: var(--bhx-pill);

	font-size: 16px;

	font-weight: 600;

	letter-spacing: .5px;

	cursor: pointer;

	box-shadow: var(--bhx-shadow-btn);

	transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s, background .2s;

}

.try-submit-btn:hover:not(:disabled) { background: var(--bhx-primary-dark); color: #fff !important; transform: translateY(-2px); box-shadow: var(--bhx-shadow-btn-hover); }

.try-submit-btn .btn-text, .try-submit-btn .btn-loading { color: inherit; }

.try-submit-btn:disabled { background: #c3c8d2; cursor: not-allowed; box-shadow: none; }

.try-form-message { margin-top: 15px; padding: 12px; border-radius: 4px; font-size: 14px; text-align: center; }

.try-form-message.success { background: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9; }

.try-form-message.error { background: #fdeaea; color: #c62828; border: 1px solid #f5c6cb; }



.try-advantages { margin-top: 40px; text-align: center; }

.try-advantages h3 { font-size: 22px; color: #333; margin: 0 0 25px; font-weight: bold; }

.try-advantages-grid { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }

.try-advantage-item { flex: 0 0 180px; padding: 20px; background: var(--bhx-surface); border-radius: 8px; border: 1px solid var(--bhx-border); transition: transform .2s, box-shadow .2s; }

.try-advantage-item:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.1); }

.try-advantage-icon { width: 50px; height: 50px; margin: 0 auto 12px; background: var(--bhx-primary-soft); border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.try-advantage-icon i { font-size: 24px; color: var(--bhx-primary); }

.try-advantage-item h4 { font-size: 15px; color: #333; margin: 0 0 8px; font-weight: 600; }

.try-advantage-item p { font-size: 12px; color: #999; margin: 0; line-height: 1.6; }



@media (max-width: 768px) {

	.try-content { padding: 15px 0; }

	.try-banner { padding: 25px 15px; }

	.try-banner h2 { font-size: 22px; }

	.try-form-container { padding: 20px 15px; }

	.try-form-row { flex-direction: column; gap: 0; }

	.try-form-group { margin-bottom: 20px; }

	.try-advantages-grid { gap: 15px; }

	.try-advantage-item { flex: 0 0 calc(50% - 7.5px); min-width: 140px; padding: 15px; }

}



/* ---------- 12. 分页 ---------- */

.page_box { text-align: center; margin: 40px 0 10px; }

.page_box a, .page_box span { display: inline-block; min-width: 36px; padding: 8px 12px; margin: 0 3px; border: 1px solid #ddd; color: #666; }

.page_box .current, .page_box a:hover { background: var(--bhx-primary); border-color: var(--bhx-primary); color: #fff; }

.page-links { margin: 20px 0; text-align: center; }

.page-links a, .page-links span { display: inline-block; padding: 4px 10px; border: 1px solid #ddd; margin: 0 2px; }



/* ---------- 13. 上一篇/下一篇、评论 ---------- */

.post-navigation { margin: 30px 0; }

.nav-previous, .nav-next { padding: 8px 0; }

.nav-subtitle { color: #999; margin-right: 8px; }

.nav-title { color: #333; }

.nav-title:hover { color: var(--bhx-primary); }

.comments-area { margin-top: 40px; border-top: 1px solid var(--bhx-border); padding-top: 20px; }

.comment-form input, .comment-form textarea { display: block; width: 100%; max-width: 500px; padding: 8px 10px; border: 1px solid #ddd; margin: 8px 0; }

.comment-form label { display: block; margin-top: 10px; color: #666; }

.submit { display: inline-block; padding: 8px 30px; background: var(--bhx-primary); color: #fff !important; border: 0; cursor: pointer; }

.comment-list { margin: 20px 0; }

.comment-list li { list-style: none; padding: 12px 0; border-bottom: 1px dashed #eee; }



/* ---------- 14. 联系页 ---------- */

.ml_map1 li { list-style: none; }

.ml_map1 iframe { display: block; width: 100%; border: 0; }

.ml_contactcon_module1 { margin-top: 30px; }

.ml_contactcon_module1_top ul { display: flex; gap: 20px; }

.ml_contactcon_module1_top li { flex: 1; text-align: center; background: var(--bhx-surface); padding: 30px 15px; }

.ml_contactcon_module1_top i { font-size: 30px; color: var(--bhx-primary); }

.ml_contactcon_module1_top strong { display: block; margin: 12px 0 6px; font-size: 16px; }

.ml_contactcon_module1_top p { margin: 0; color: #666; }

.ml_contactcon_module1_bot { display: flex; gap: 30px; margin-top: 30px; }

.ml_contactcon_module1_bot_left { flex: 1; min-width: 0; }

.tact_strong { display: block; font-size: 20px; margin-bottom: 15px; }

.ml_sub { display: inline-block; padding: 12px 44px; background: var(--bhx-primary); color: #f5f8fc !important; font-weight: 600; letter-spacing: .5px; cursor: pointer; border-radius: var(--bhx-pill); box-shadow: var(--bhx-shadow-btn); transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s; }

.ml_sub:hover { background: var(--bhx-primary-dark); color: #fff !important; transform: translateY(-2px); box-shadow: var(--bhx-shadow-btn-hover); }

.bhx-download-select { margin: 15px 0; padding: 10px; border: 1px solid #ddd; width: 100%; max-width: 400px; }

.bhx-gallery-item { position: relative; display: inline-block; margin: 0 10px 10px 0; }

.bhx-gallery-remove { position: absolute; top: -8px; right: -8px; background: var(--bhx-primary); color: #fff; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; font-size: 12px; }



/* ---------- 15. 留言页表单复用联系页样式 ---------- */

.ml_contactcon_right form, .ml_contactcon_module2 .ml_contactcon_right { }



/* ---------- 16. PC 侧边悬浮栏 ---------- */

.ml_sidebar { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 1500; }

.ml_sidebar li { position: relative; width: 62px; background: #0d2b40; text-align: center; color: #fff; padding: 12px 0; cursor: pointer; margin-bottom: 2px; border-radius: 4px 0 0 4px; }

.ml_sidebar li:hover { background: var(--bhx-primary); }

.ml_sidebar li i, .ml_sidebar li svg { font-size: 20px; display: block; margin: 0 auto; }

.ml_sidebar li span { font-size: 12px; display: block; margin-top: 4px; }

.ml_sidebar_pos { display: none; position: absolute; right: 66px; top: 50%; transform: translateY(-50%); background: #fff; color: #333; padding: 8px 14px; white-space: nowrap; box-shadow: 0 2px 10px rgba(0,0,0,.15); border-radius: 3px; font-size: 13px; }

.ml_sidebar_pos_code img { width: 120px; height: 120px; display: block; }

.ml_sidebar li:hover .ml_sidebar_pos { display: block; }

.backtotop { display: none; }



/* ---------- 17. 页脚 ---------- */

.foot { background: #002c45; color: #aaa; padding: 45px 0; }

.footer { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; }

.footerleft { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }

.footerleft img { max-height: 50px; width: auto; filter: brightness(0) invert(1); }

.footerleft ul { display: flex; flex-wrap: wrap; gap: 8px 25px; }

.footerleft a { color: #aaa; }

.footerleft a:hover { color: #fff; }

.footerright { display: flex; gap: 40px; align-items: center; }

.f_rleft { line-height: 1.8; }

.f_rleft strong { display: block; color: #ddd; font-size: 13px; margin: 4px 0; font-weight: 500; }

.f_rleft strong:first-child { margin-top: 0; }

.f_rleft strong::before { content: ""; display: inline-block; width: 4px; height: 4px; background: var(--bhx-primary); border-radius: 50%; margin-right: 8px; vertical-align: middle; }

.f_rleft a { display: block; color: #aaa; font-size: 13px; margin: 4px 0; transition: color .2s; }

.f_rleft a:hover { color: var(--bhx-primary); }

.f_rright { text-align: center; }

.f_rright img { width: 100px; height: 100px; background: #fff; padding: 4px; border-radius: 8px; }

.f_rright p { margin: 8px 0 0; font-size: 12px; color: #888; }

.copy { background: #00202f; color: #777; font-size: 13px; padding: 16px 0; text-align: center; }

.copycon { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

.copy a { color: #888; }

.copy a:hover { color: #fff; }



/* ---------- 18. 搜索头/404 等杂项 ---------- */

.search-header { margin-bottom: 20px; color: #666; }

.no-posts, .no-comments { padding: 40px 0; text-align: center; color: #999; }

.bhx-icon { display: inline-block; vertical-align: middle; }

.menu-open { overflow: hidden; }



/* ==========================================================================

 * 19. 响应式（≤768px）

 * ======================================================================== */

@media (max-width: 768px) {

	.pchead, .ml_sidebar { display: none; }



	/* 移动端头部 */

	.ml_mb_head { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 14px; position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.08); }

	.ml_mb_logo img { max-height: 38px; width: auto; }

	.ml_mb_head .hb { width: 26px; height: 20px; position: relative; cursor: pointer; }

	.ml_mb_head .hb:focus-visible { outline: none; box-shadow: var(--bhx-focus-ring); border-radius: 4px; }

	.ml_mb_head .hb span { position: absolute; left: 0; width: 100%; height: 2px; background: #333; transition: all .3s; }

	.ml_mb_head .hb .top_span { top: 0; }

	.ml_mb_head .hb .center_span { top: 9px; }

	.ml_mb_head .hb .bottom_span { top: 18px; }

	.ml_mb_head .hb.active .top_span { top: 9px; transform: rotate(45deg); }

	.ml_mb_head .hb.active .center_span { opacity: 0; }

	.ml_mb_head .hb.active .bottom_span { top: 9px; transform: rotate(-45deg); }



	/* 移动端抽屉菜单 */

	.ml_mb_nav { display: block; position: fixed; top: 54px; right: -80%; width: 75%; max-width: 320px; height: calc(100vh - 54px); background: #002c45; z-index: 998; transition: right .3s; overflow-y: auto; padding-bottom: 60px; }

	.ml_mb_nav.show { right: 0; }

	.ml_mbnav_1 > .ml_mbnav_1_item { border-bottom: 1px solid #1a4058; }

	.ml_mbnav_1_item > a, .ml_mbnav_2_item > a, .ml_mbnav_3_item > a { display: block; padding: 13px 18px; color: #ccc; }

	.ml_mbnav_1_item > a:focus-visible,

	.ml_mbnav_2_item > a:focus-visible,

	.ml_mbnav_3_item > a:focus-visible,

	.mb_item1_arrow:focus-visible,

	.mb_item2_arrow:focus-visible {

		outline: none;

		box-shadow: var(--bhx-focus-ring);

		background: rgba(255,255,255,.1);

		border-radius: 4px;

	}

	.ml_mbnav_2 { background: #0a3350; }

	.ml_mbnav_2_item > a { padding-left: 34px; font-size: 13px; }

	.ml_mbnav_3 { background: #001a26; }

	.ml_mbnav_3_item > a { padding-left: 50px; font-size: 13px; }

	.mb_item1_arrow, .mb_item2_arrow { position: absolute; right: 14px; top: 12px; color: #888; cursor: pointer; transition: transform .2s; }

	.mb_item1_arrow.rotated, .mb_item2_arrow.rotated { transform: rotate(90deg); }

	.ml_mbnav_1_item, .ml_mbnav_2_item, .ml_mbnav_3_item { position: relative; }



	/* 首页布局改列 */

	.con1 { margin: 25px auto; }

	.con1con { flex-direction: column; }

	.con1left, .con1rightitem { min-height: 200px; }

	.con2 { padding: 50px 15px; }

	.con2con h1 { font-size: 26px; }

	.con2con h2 { font-size: 16px; }

	.con3title { margin: 35px auto 15px; }

	.con3tleft h1 { font-size: 26px; }

	.con3con li { flex: 1 1 100%; }



	/* 内页 */

	.in_pos h1 { font-size: 24px; }

	.in_pos p { font-size: 14px; }

	.in_nav a, .in_nav span { padding: 8px 16px; font-size: 12px; }

	.inside { margin: 20px auto 80px; }

	.ml_indexprocon li { flex: 0 0 calc(50% - 10px); }

	.ml_prodetail { flex-direction: column; }

	.ml_prodetailleft { width: 100%; flex: none; }

	.mySwiper2 .swiper-slide img { height: 240px; }

	.newitem5 { flex-direction: column; align-items: stretch; }

	.newitem5_left { flex: none; width: 100%; height: 180px; }

	.newitem5_left img { height: 180px; }

	.ml_contactcon_module1_top ul { flex-direction: column; }

	.ml_contactcon_module1_bot { flex-direction: column; }



	/* 页脚 */

	.footer { flex-direction: column; }

	.footerright { flex-direction: column; align-items: flex-start; gap: 20px; }



	/* 版权区移动端允许换行，避免 nowrap 内容超出视口 */

	.copy { padding: 16px 10px; }

	.copycon {

		white-space: normal;

		word-break: break-word;

		overflow-wrap: break-word;

	}

	.copycon a, .copycon span, .copycon strong, .copycon em { white-space: normal; }



	/* 移动端底部栏 */

	.ml_mbbot { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 -1px 8px rgba(0,0,0,.1); z-index: 1500; }

	.ml_mbbot li { flex: 1; text-align: center; padding: 7px 0 5px; }

	.ml_mbbot a { display: block; color: #555; }

	.ml_mbbot i { font-size: 18px; }

	.ml_mbbot p { margin: 2px 0 0; font-size: 11px; }

	body { padding-bottom: 54px; }

}



/* 平板过渡 */

@media (min-width: 769px) and (max-width: 1024px) {

	.ml_indexprocon li { flex: 0 0 calc(33.333% - 14px); }

	.pcnav > li > .first_a { padding: 0 10px; font-size: 14px; }

}



/* 文章详情页样式 */

.ml_postdetail { max-width: 900px; margin: 0 auto; }

.post-thumbnail { margin-bottom: 30px; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.08); }

.post-thumbnail img { width: 100%; height: auto; display: block; }

.entry-header { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #f0f0f0; }

.entry-meta-top { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 15px; font-size: 13px; color: #999; }

.entry-meta-top span { display: inline-flex; align-items: center; gap: 5px; }

.entry-meta-top i { font-size: 12px; }

.post-category a { color: var(--bhx-primary); }

.post-category a:hover { text-decoration: underline; }

.entry-title { font-size: 32px; color: #333; line-height: 1.4; margin: 0 0 15px; font-weight: 600; }

.entry-excerpt { font-size: 16px; color: #666; line-height: 1.8; padding: 15px 20px; background: var(--bhx-surface); border-left: 4px solid var(--bhx-primary); border-radius: 0 4px 4px 0; }

.entry-content { font-size: 16px; line-height: 2; color: #444; }

.entry-content p { margin: 20px 0; }

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { margin: 30px 0 15px; color: #333; font-weight: 600; line-height: 1.4; }

.entry-content h2 { font-size: 24px; padding-bottom: 8px; border-bottom: 2px solid var(--bhx-primary); }

.entry-content h3 { font-size: 20px; }

.entry-content h4 { font-size: 18px; }

.entry-content ul, .entry-content ol { margin: 20px 0; padding-left: 30px; }

.entry-content li { margin: 10px 0; line-height: 1.8; }

.entry-content blockquote { margin: 20px 0; padding: 15px 20px; background: var(--bhx-surface); border-left: 4px solid var(--bhx-primary); border-radius: 0 4px 4px 0; font-style: italic; color: #666; }

.entry-content img { max-width: 100%; height: auto; border-radius: 4px; margin: 20px auto; display: block; }

.entry-content a { color: var(--bhx-primary); text-decoration: underline; }

.entry-content a:hover { color: var(--bhx-primary-dark); }

.entry-content table { width: 100%; border-collapse: collapse; margin: 20px 0; }

.entry-content th, .entry-content td { padding: 12px 15px; border: 1px solid var(--bhx-border); text-align: left; }

.entry-content th { background: var(--bhx-surface); font-weight: 600; }

.entry-content code { background: #f0f0f0; padding: 2px 6px; border-radius: 3px; font-family: monospace; font-size: 0.9em; }

.entry-content pre { background: #2d2d2d; color: #f8f8f2; padding: 20px; border-radius: 6px; overflow-x: auto; margin: 20px 0; }

.entry-content pre code { background: none; padding: 0; color: inherit; }



.entry-footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--bhx-border); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px; }

.entry-tags { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.entry-tags i { color: var(--bhx-primary); }

.entry-tags a { display: inline-block; padding: 4px 12px; background: #f0f0f0; border-radius: 20px; font-size: 13px; color: #666; margin-right: 5px; transition: all .2s; }

.entry-tags a:hover { background: var(--bhx-primary); color: #fff; }

.entry-share { display: flex; align-items: center; gap: 10px; }

.entry-share span { font-size: 14px; color: #999; }

.entry-share a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #f0f0f0; border-radius: 50%; color: #666; font-size: 16px; transition: all .2s; }

.entry-share a:hover { background: var(--bhx-primary); color: #fff; }

.share-wechat { position: relative; }

.share-wechat:hover .wechat-qrcode { display: block; }

.wechat-qrcode { display: none; position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); padding: 10px; background: #fff; border: 1px solid var(--bhx-border); border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,.15); z-index: 100; text-align: center; white-space: nowrap; }

.wechat-qrcode img { width: 120px; height: 120px; margin-bottom: 5px; }

.wechat-qrcode p { font-size: 12px; color: #666; margin: 0; }



.post-navigation { margin: 40px 0; padding: 20px; background: var(--bhx-surface); border-radius: 8px; }

.post-navigation .nav-links { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }

.post-navigation .nav-previous, .post-navigation .nav-next { flex: 1; min-width: 250px; }

.post-navigation .nav-subtitle { display: block; font-size: 12px; color: #999; margin-bottom: 5px; }

.post-navigation .nav-title { display: block; font-size: 15px; color: #333; font-weight: 500; line-height: 1.5; transition: color .2s; }

.post-navigation .nav-title:hover { color: var(--bhx-primary); }



.comments-area { margin-top: 50px; padding-top: 30px; border-top: 2px solid #f0f0f0; }

.comments-title { font-size: 20px; color: #333; margin: 0 0 20px; font-weight: 600; }

.comment-list { list-style: none; padding: 0; margin: 0; }

.comment-list li { padding: 20px 0; border-bottom: 1px dashed #eee; }

.comment-body { display: flex; gap: 15px; }

.comment-avatar { width: 50px; height: 50px; border-radius: 50%; background: #f0f0f0; display: flex; align-items: center; justify-content: center; color: #999; font-size: 20px; flex-shrink: 0; }

.comment-content { flex: 1; min-width: 0; }

.comment-meta { display: flex; align-items: center; gap: 15px; margin-bottom: 8px; flex-wrap: wrap; }

.comment-author { font-weight: 600; color: #333; }

.comment-date { font-size: 13px; color: #999; }

.comment-text { font-size: 15px; color: #555; line-height: 1.8; }

.comment-reply-link { font-size: 13px; color: var(--bhx-primary); }

.comment-form { margin-top: 30px; }

.comment-form label { display: block; margin: 15px 0 5px; font-weight: 500; color: #333; }

.comment-form input, .comment-form textarea { width: 100%; max-width: 600px; padding: 10px 14px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }

.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--bhx-primary); box-shadow: 0 0 0 3px var(--bhx-primary-ring); }

.comment-form textarea { min-height: 120px; }

.submit { margin-top: 15px; padding: 12px 36px; background: var(--bhx-primary); color: #fff; border: none; border-radius: var(--bhx-pill); font-size: 15px; font-weight: 600; cursor: pointer; box-shadow: var(--bhx-shadow-btn); transition: transform .2s, box-shadow .2s, background .2s; }

.submit:hover { background: var(--bhx-primary-dark); transform: translateY(-2px); }



@media (max-width: 768px) {

	.entry-title { font-size: 24px; }

	.entry-meta-top { gap: 15px; }

	.entry-footer { flex-direction: column; align-items: flex-start; }

	.post-navigation .nav-links { flex-direction: column; }

	.post-navigation .nav-previous, .post-navigation .nav-next { min-width: 0; }

	.entry-content { font-size: 15px; }

	.entry-content h2 { font-size: 20px; }

	.entry-content h3 { font-size: 18px; }

}