@charset "utf-8";
/* CSS Document */
*,*::before,*::after {box-sizing:border-box}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body {font-size:14px;margin:0;padding:0;font-family: "微软雅黑","PingFang SC","Hiragino Sans GB",sans-serif;color:#333;background:#FFF;letter-spacing:0.5px;overflow-x:hidden;width:100%;max-width:100%}
img {max-width:100%;height:auto;vertical-align:middle}
.center  {text-align:center}
ul,li,dl,dt,dd,form {margin:0;padding:0;list-style-type:none;font-size:14px;}
a:link,a:visited {color:#444;text-decoration:none}
a:hover,a:active {color:#F00}

a.navlink:link,a.navlink:visited {color:#333;text-decoration:none;font-size:15px;display:block;height:80px;line-height:80px;}
a.navlink:hover,a.navlink:active,a.curnavlink:link,a.curnavlink:visited {color:#FFF;text-decoration:none;font-size:15px;display:block;height:80px;line-height:80px;background:#FE0000}
a.reda:link,a.reda:visited {color:#c00;font-weight:bold;}
.cleardiv {context:"."; height:"0"; display:block;clear:both;visibility:hidden}
.mtop {margin-top:10px;}
.floatleft {float:left}
.floatright {float:right}


#header {width:1130px;margin:0 auto;overflow:visible;position:relative}
.header-bar {display:flex;align-items:center;width:100%;min-height:80px}
#logo {width:180px;flex:0 0 180px}
#logo a {display:flex;align-items:center;height:80px}
#logo img {display:block;max-width:160px;max-height:64px;width:auto;height:auto;object-fit:contain}
#header ul {width:600px;flex:1 1 auto;display:flex;align-items:stretch;justify-content:flex-start;margin:0;padding:0;list-style:none}
#header form {width:250px;flex:0 0 250px;margin:0;display:flex;align-items:center;justify-content:flex-end;gap:6px}
#header form img,
#header .nav-toggle {display:none}
#header ul li {width:100px;text-align:center;height:80px;line-height:80px;position:relative;flex:0 0 100px}
#header ul li img {display:none}
#header ul li div {display:none;position:absolute;left:0;top:80px;background:#4C4A4F;height:60px;line-height:60px;text-align:left;padding:0 10px;z-index:1000}
.ej1 {width:calc(100vw - (100vw - 1130px) / 2 - 180px  - 30px);}
.ej2 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 130px);}
.ej3 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 230px);}
.ej4 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 330px);}
.ej5 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 430px);}
.ej6 {width:calc(100vw - (100vw - 1130px) / 2 - 180px - 530px);}
#header ul li  div a:link,#header ul li  div a:visited {color:#FFF;margin:0 10px;}
#header ul li  div a:hover,#header ul li  div a:active {color:#FF0;margin:0 10px;}
.sipt {width:200px;height:34px;border:1px solid #DDD;border-radius:17px;outline:none;padding:0 12px;background:#fff}
.sbtn {width:34px;height:34px;background:url(../images/searchbtn.jpg) no-repeat center center;border:0;text-indent:40px;cursor:pointer;flex:0 0 34px}
@media screen and ( max-width: 960px ) {
a.navlink:link,a.navlink:visited,
a.navlink:hover,a.navlink:active,
a.curnavlink:link,a.curnavlink:visited {
	color:#222;
	text-decoration:none;
	font-size:15px;
	display:block;
	height:48px;
	line-height:48px;
	background:#FFF;
	padding:0 16px;
}
a.curnavlink:link,a.curnavlink:visited {color:#ad0101;font-weight:600}
#header {
	width:100%;
	max-width:100%;
	margin:0;
	padding:0;
	overflow:visible;
	background:#fff;
	box-shadow:0 1px 0 rgba(0,0,0,.06);
	position:relative;
	z-index:1200;
}
.header-bar {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	width:100%;
	min-height:56px;
	padding:8px 12px;
	box-sizing:border-box;
	position:relative;
}
#logo {
	float:none;
	width:auto;
	flex:0 1 auto;
	max-width:46%;
	min-width:0;
}
#logo a {height:40px}
#logo img {
	max-width:100%;
	max-height:40px;
	width:auto;
	height:40px;
	object-fit:contain;
	object-position:left center;
}
#header form {
	float:none;
	width:auto;
	flex:1 1 auto;
	min-width:0;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:8px;
}
.sipt {
	flex:1 1 auto;
	width:auto;
	min-width:0;
	max-width:none;
	height:36px;
	border:1px solid #e6e8ee;
	border-radius:18px;
	outline:none;
	padding:0 14px;
	background:#f5f6f8;
	font-size:13px;
	color:#333;
}
.sipt::placeholder {color:#aaa}
.sbtn {
	flex:0 0 36px;
	width:36px;
	height:36px;
	border-radius:50%;
	background:#ad0101 url(../images/searchbtn.jpg) no-repeat center center;
	background-size:18px 18px;
	border:0;
	text-indent:-999px;
	overflow:hidden;
}
#header form img,
#header .nav-toggle {
	float:none;
	display:block;
	width:22px;
	height:22px;
	margin:0;
	padding:7px;
	box-sizing:content-box;
	cursor:pointer;
	flex:0 0 auto;
	border-radius:8px;
	background:rgba(173,1,1,.08);
}
#header ul {
	display:block;
	float:none;
	width:100%;
	flex:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	right:0;
	top:100%;
	z-index:1201;
	background:#fff;
	height:0;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	box-shadow:0 12px 28px rgba(0,0,0,.12);
}
#header ul li {
	width:100%;
	float:none;
	flex:none;
	height:auto;
	line-height:48px;
	text-align:left;
	border-bottom:1px solid #f0f1f4;
	padding:0;
}
#header ul li img {
	float:right;
	margin:16px 14px 0 0;
	display:block;
}
#header ul li div {
	display:none;
	position:static;
	background:#f7f8fa;
	height:auto;
	margin:0;
	line-height:44px;
	text-align:left;
	padding:0;
	z-index:1000;
}
.ej1,.ej2,.ej3,.ej4,.ej5,.ej6 {width:100%;max-width:100%;}
#header ul li  div a:link,#header ul li  div a:visited {
	color:#666;
	margin:0;
	padding:0 16px 0 28px;
	display:block;
	border-bottom:1px solid #eceef2;
	height:44px;
	line-height:44px;
}
#header ul li  div a:hover,#header ul li  div a:active {color:#ad0101;margin:0;}
#banner .swiper-button-prev,
#banner .swiper-button-next {
	width:28px;
	height:28px;
	margin-top:-14px;
	background-size:14px 22px;
}
#banner .swiper-button-prev:after,
#banner .swiper-button-next:after {font-size:14px !important;}
#banner .swiper-pagination-bullet {width:6px;height:6px;}
}

#banner {width:100%;overflow:hidden;z-index:1;position:relative}
#banner .swiper-slide img {display:block;width:100%;height:auto}
#index_about {width:100%;overflow:hidden;margin:0 auto}
/* 地图图由焦点图 id=15 内联 background-image 注入，此处只定位置与兜底色 */
#index_about dt {width:50%;float:right;background-color:#1a1c22;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;height:380px;color:#FFF}
#index_about dd {width:50%;float:left;background:#F1F4F9;height:380px;}
#index_about dd div {width:560px;float:right;line-height:1.8em;}
#index_about dt div {display:block;margin-left:20px;margin-top:100px;font-size:30px;}
#index_about dt span {display:block;margin-left:20px;margin-top:20px;font-size:20px;}
#index_about dt label {display:block;margin-left:20px;margin-top:20px;font-size:16px;}
#index_about dd span {display:block;margin-top:100px;font-size:30px;color:#D8211B;margin-bottom:20px;}
@media screen and ( max-width: 1100px ) {
#index_about dt,
#index_about dd {height:auto;min-height:320px}
#index_about dd div {width:90%;max-width:520px;padding:40px 0}
#index_about dt div {margin-top:60px;font-size:24px}
#index_about dd span {margin-top:60px;font-size:24px}
}
@media screen and ( max-width: 960px ) {
#index_about {width:100%;overflow:hidden;margin:0 auto;display:flex;flex-direction:column}
/* 手机：ABOUT 文案在上、地图在下，避免轮播后立刻接地图 */
#index_about dt {
	order:2;
	width:100%;
	float:none;
	background-color:#1a1c22;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:220px;
	height:auto;
	color:#FFF;
	padding:36px 5vw 40px;
	box-sizing:border-box;
}
#index_about dd {
	order:1;
	width:100%;
	float:none;
	background:#F1F4F9;
	height:auto;
	min-height:0;
	padding:28px 0 24px;
}
#index_about dd div {width:90%;max-width:none;float:none;margin:0 auto;line-height:1.8em;padding:0}
#index_about dt div {margin:0;padding:0;font-size:22px;line-height:1.45}
#index_about dt span {display:block;margin:14px 0 0;font-size:15px;opacity:.9}
#index_about dt label {display:block;margin:14px 0 0;font-size:14px;line-height:1.7;opacity:.85}
#index_about dd span {margin-top:0;font-size:22px}
}

.index-more a {
	display: inline-block;
	border: 2px solid #e1e1e4;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	padding: 0 22px;
	color: #6e6f7b;
	font-size: 13px;
	width:auto;
	min-width:108px;
	margin-top:10px;
	white-space:nowrap;
	box-sizing:border-box;
}

.index-more a {
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	-o-transition-property: color;
	-moz-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	height: 60px;
	line-height: 60px;
	padding: 0 46px;
}
.index-more a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #d82019;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.index-more a:hover {
	color: #ffffff;
	border-color: #ffffff;
}
.index-more a:hover:before {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}
@media screen and ( max-width: 960px ) {
.index-more a {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 36px;
	line-height: 32px;
	padding: 0 22px;
	width:auto;
	min-width:108px;
	margin:12px auto 4px;
	display:block;
	white-space:nowrap;
}
}
/* ========== 首页产品中心（大气响应式） ========== */
.home-products,
#firstbody.home-products {
	width:100%;
	overflow:hidden;
	position:relative;
	padding:72px 0 88px;
	background:
		linear-gradient(165deg, rgba(28,30,36,.92) 0%, rgba(48,22,22,.88) 48%, rgba(26,28,34,.94) 100%),
		url(../images/vpn1.jpg) center / cover no-repeat;
}
.home-products::before {
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(ellipse 70% 50% at 50% 0%, rgba(216,33,27,.18), transparent 70%);
	pointer-events:none;
}
.hp-inner {
	position:relative;
	z-index:1;
	width:min(1180px, 92vw);
	margin:0 auto;
}
.hp-head {
	text-align:center;
	margin:0 auto 48px;
	max-width:720px;
}
.hp-en {
	margin:0 0 10px;
	font-size:12px;
	letter-spacing:.28em;
	color:rgba(255,255,255,.55);
	font-weight:500;
}
.hp-title,
#ftitle {
	margin:0;
	padding:0;
	height:auto;
	line-height:1.3;
	font-size:clamp(26px, 3.2vw, 38px);
	font-weight:600;
	color:#fff;
	letter-spacing:.12em;
	background:none;
}
.hp-line {
	display:block;
	width:48px;
	height:3px;
	margin:18px auto 20px;
	background:linear-gradient(90deg, #ad0101, #e85a4f);
	border-radius:2px;
}
.hp-desc {
	margin:0 auto 28px;
	padding:0 12px;
	font-size:15px;
	line-height:1.85;
	color:rgba(255,255,255,.72);
}
.hp-more {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:128px;
	height:42px;
	padding:0 28px;
	border:1px solid rgba(255,255,255,.35);
	color:#fff !important;
	font-size:14px;
	letter-spacing:.08em;
	text-decoration:none !important;
	transition:background .35s ease, border-color .35s ease, color .35s ease;
}
.hp-more:hover {
	background:#ad0101;
	border-color:#ad0101;
	color:#fff !important;
}
.hp-grid {
	display:grid;
	grid-template-columns:repeat(12, 1fr);
	gap:18px;
}
.hp-card {
	position:relative;
	display:block;
	grid-column:span 4;
	min-height:320px;
	overflow:hidden;
	text-decoration:none !important;
	color:#111 !important;
	background:#1a1c22;
	isolation:isolate;
}
.hp-card.is-feature {
	grid-column:span 8;
	min-height:420px;
}
.hp-pic {
	position:absolute;
	inset:0;
	overflow:hidden;
}
.hp-pic img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.02);
	transition:transform .7s cubic-bezier(.22,.61,.36,1);
}
.hp-info {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	padding:28px 26px 30px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:8px;
	text-shadow:none;
}
.hp-idx {
	font-size:12px;
	letter-spacing:.2em;
	color:#333;
	font-style:normal;
	font-weight:700;
}
.hp-info h3 {
	margin:0;
	font-size:clamp(18px, 2vw, 24px);
	font-weight:700;
	line-height:1.35;
	letter-spacing:.06em;
	color:#111;
}
.hp-cta {
	display:inline-flex;
	align-items:center;
	margin-top:6px;
	font-size:13px;
	font-style:normal;
	font-weight:700;
	letter-spacing:.1em;
	color:#111;
	opacity:0;
	transform:translateY(8px);
	transition:opacity .35s ease, transform .35s ease, color .25s ease;
}
.hp-cta::after {
	content:"";
	display:inline-block;
	width:18px;
	height:1px;
	margin-left:10px;
	background:currentColor;
	transition:width .35s ease;
}
.hp-card:hover .hp-pic img,
.hp-card:focus-visible .hp-pic img {
	transform:scale(1.1);
}
.hp-card:hover .hp-cta,
.hp-card:focus-visible .hp-cta {
	opacity:1;
	transform:translateY(0);
	color:#ad0101;
}
.hp-card:hover .hp-cta::after,
.hp-card:focus-visible .hp-cta::after {
	width:28px;
}
@media screen and (max-width: 1100px) {
	.hp-card,
	.hp-card.is-feature {
		grid-column:span 6;
		min-height:300px;
	}
	.hp-card.is-feature {min-height:340px}
}
@media screen and (max-width: 960px) {
	.home-products,
	#firstbody.home-products {
		width:100%;
		padding:48px 0 56px;
	}
	.hp-inner {width:92vw}
	.hp-head {margin-bottom:32px}
	.hp-desc {font-size:14px;margin-bottom:22px}
	.hp-grid {
		grid-template-columns:1fr 1fr;
		gap:12px;
	}
	.hp-card,
	.hp-card.is-feature {
		grid-column:span 1;
		min-height:240px;
	}
	.hp-card.is-feature {
		grid-column:1 / -1;
		min-height:280px;
	}
	.hp-info {padding:18px 16px 20px}
	.hp-cta {opacity:1;transform:none}
}
@media screen and (max-width: 560px) {
	.hp-grid {grid-template-columns:1fr;gap:14px}
	.hp-card,
	.hp-card.is-feature {
		grid-column:span 1;
		min-height:220px;
	}
	.hp-card.is-feature {min-height:260px}
	.hp-more {width:100%;max-width:220px}
}
.bwWrapper {position: relative;display: block;}
/* ========== 首页新闻中心（响应式卡片，不再依赖左右轮播） ========== */
.home-news,
#secondbody.home-news {
	width:100%;
	overflow:hidden;
	padding:64px 0 72px;
	background:
		linear-gradient(180deg, #f7f8fa 0%, #ffffff 42%, #f7f8fa 100%);
	position:relative;
}
.home-news::before {
	content:"NEWS AND TRENDS";
	position:absolute;
	left:50%;
	top:28px;
	transform:translateX(-50%);
	font-size:clamp(28px, 6vw, 56px);
	font-weight:700;
	letter-spacing:.12em;
	color:rgba(0,0,0,.04);
	white-space:nowrap;
	pointer-events:none;
	z-index:0;
}
.hn-inner {
	position:relative;
	z-index:1;
	width:min(1180px, 92vw);
	margin:0 auto;
}
.hn-head {
	text-align:center;
	margin:0 auto 40px;
	max-width:640px;
}
.hn-en {
	margin:0 0 8px;
	font-size:12px;
	letter-spacing:.28em;
	color:#999;
	font-weight:500;
}
.hn-title,
#sbtitle {
	margin:0;
	padding:0;
	height:auto;
	line-height:1.3;
	font-size:clamp(24px, 3vw, 34px);
	font-weight:600;
	color:#222;
	letter-spacing:.1em;
	background:none;
}
.hn-line {
	display:block;
	width:48px;
	height:3px;
	margin:16px auto 0;
	background:linear-gradient(90deg, #ad0101, #e85a4f);
	border-radius:2px;
}
.hn-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:22px;
}
.hn-card {
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #eceef2;
	text-decoration:none !important;
	color:#333 !important;
	overflow:hidden;
	transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.hn-card:hover {
	border-color:#ad0101;
	box-shadow:0 10px 28px rgba(20,24,40,.08);
	transform:translateY(-4px);
}
.hn-pic {
	position:relative;
	width:100%;
	aspect-ratio:16 / 10;
	overflow:hidden;
	background:#eef0f4;
}
.hn-pic img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .55s ease;
}
.hn-pic-fallback {
	display:block;
	width:100%;
	height:100%;
	background:
		linear-gradient(135deg, #f0f2f5 0%, #e4e7ec 100%);
}
.hn-card:hover .hn-pic img {
	transform:scale(1.06);
}
.hn-body {
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:16px 18px 18px;
	flex:1;
}
.hn-cat {
	display:inline-block;
	align-self:flex-start;
	font-size:12px;
	line-height:1;
	padding:5px 8px;
	color:#ad0101;
	background:rgba(173,1,1,.06);
	letter-spacing:.04em;
}
.hn-body h3 {
	margin:0;
	font-size:16px;
	font-weight:600;
	line-height:1.45;
	color:#222;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.hn-sum {
	margin:0;
	font-size:13px;
	line-height:1.65;
	color:#888;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.hn-body time {
	margin-top:auto;
	padding-top:6px;
	font-size:12px;
	color:#ad0101;
	letter-spacing:.04em;
}
.hn-foot {
	margin-top:36px;
	text-align:center;
}
.hn-foot a,
#newmore a {
	margin-left:auto;
	margin-right:auto;
}
/* 兼容旧轮播结构（若其它页仍引用） */
#scrollnews {width:1130px;margin:30px auto;overflow:hidden}
#goleft {width:50px;float:left;text-align:left;height:200px;padding-top:55px}
#goleft img,#goright img {cursor:pointer}
#gocenter {width:1030px;float:left;overflow:hidden;height:255px;}
#goright {width:50px;float:right;text-align:right;height:200px;padding-top:55px}
#gocenter ul li {float:left;width:215px;border:1px solid #F2F1F6;margin:0 18px;text-align:center}
#gocenter ul li  div {height:40px;line-height:20px;padding:10px 0;text-align:left;margin:0 20px}
#gocenter ul li  span {display:block;height:35px;text-align:left;color:#F00;margin:0 20px}
@media screen and ( max-width: 1200px ) {
#header,
#footer dl,
#footer > div,
#location dl,
#joblist,
#titlenav,
#contact,
#map,
#booktitle,
#bookform,
#newlist,
#piclist,
.product-page,
.pd-detail,
#showtitle,
#showinfo,
#showpage {width:min(1130px, 94vw);margin-left:auto;margin-right:auto}
.hn-grid {grid-template-columns:repeat(2, 1fr);gap:16px}
}
@media screen and ( max-width: 960px ) {
.home-news,
#secondbody.home-news {
	width:100%;
	padding:44px 0 52px;
}
.hn-inner {width:92vw}
.hn-head {margin-bottom:28px}
.hn-grid {grid-template-columns:1fr;gap:14px}
.hn-card:hover {transform:none}
.hn-pic {aspect-ratio:16 / 9}
.hn-body {padding:14px 14px 16px}
.hn-body h3 {font-size:15px}
.hn-foot {margin-top:24px}
#goleft,#goright {display:none}
#scrollnews {width:100%;margin:20px auto}
#gocenter {width:100%;float:none;height:auto}
#gocenter ul {width:100% !important}
#gocenter ul li {float:none;width:100%;margin:0 0 12px}
}
#footer {width:100%;overflow:hidden;height:345px;background:url(../images/footbg.jpg)}
#footer dl {width:1130px;margin:30px auto;overflow:hidden;height:235px}
#footer dt {width:400px;float:right;text-align:right;line-height:2em;color:#999}
#footer dd {width:100px;float:left;text-align:left;line-height:2em;font-size:15px}
#footer dd a:link,#footer dd a:visited  {display:block;color:#999;font-size:14px;}
#footer div {display:block;width:1130px;margin:0 auto;height:50px;line-height:50px;}
@media screen and ( max-width: 960px ) {
#footer {width:100vw;overflow:hidden;background:none;border-top:1px solid #F00;height:auto}
#footer dl {width:100vw;margin:30px auto 10px auto;overflow:hidden;height:auto;}
#footer dt {display:none;width:100vw;text-align:right;line-height:2em;color:#999}
#footer dd {width:33vw;float:left;text-align:center;line-height:2em;font-size:15px}
#footer dd a:link,#footer dd a:visited  {display:block;color:#999;font-size:14px;}
#footer div {display:block;width:98vw;margin:0 auto;height:50px;line-height:50px;background:#EEE;padding:0 1vw}
}
#location {width:100%;overflow:hidden;border-bottom:1px solid #DDD;}
#location dl {width:1130px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;}
/* 所属位置：首页图标紧贴文字，整组右对齐且垂直居中 */
#location dt {
	width:auto;
	max-width:620px;
	margin-left:auto;
	order:99;
	display:inline-flex;
	align-items:center;
	justify-content:flex-end;
	gap:6px;
	min-height:68px;
	height:68px;
	line-height:68px;
	padding:0 12px;
	background:none;
	border-left:1px solid #DDD;
	box-sizing:border-box;
	text-align:right;
	overflow:visible;
	white-space:nowrap;
	font-size:14px;
}
#location dt::before {
	content:"";
	display:inline-block;
	width:14px;
	height:14px;
	flex-shrink:0;
	background:url(../images/home.jpg) no-repeat center / contain;
	/* 中文行盒光学中心略偏上，微上移与文字齐平 */
	transform:translateY(-1px);
}
#location dt a {
	display:inline;
	line-height:inherit;
	vertical-align:middle;
}
#location dd {height:68px;line-height:68px;margin-right:20px;font-weight:bold;}
#location dd.curejnav {border-bottom:2px solid #F00;}
#location dd a {display:inline-block;white-space:nowrap;}

#joblist {width:1130px;overflow:hidden;margin:20px auto}
#joblist li  {width:360px;border:1px solid #DDD;float:left;margin:7px;line-height:1.8em;color:#666;height:330px;overflow:hidden}
#joblist li div {margin:20px;margin-bottom:0}
#joblist li span {font-size:18px;display:block;color:#333;font-weight:bold;line-height:2em;}
#joblist li font {font-size:18px;color:#333;line-height:2em;}
#joblist li a:link,#joblist li a:visited {display:none;}
#joblist li a.overjob {display:block;height:40px;line-height:40px;text-align:center;background:#D81F1A;color:#FFF;}
#mypage {text-align:center;height:80px;margin-top:20px}
#mypage a:link,#mypage a:visited {padding:5px 10px;border:1px solid #cacaca;margin:0 5px}
#mypage a:hover,#mypage a:active {color:#c00;border-color:#c00}
#mypage a.curpage:link,#mypage a.curpage:visited {background:#F00;border-color:#F00;color:#FFF}
@media screen and ( max-width: 960px ) {
#joblist {width:100vw;overflow:hidden;margin:20px auto}
#joblist li  {width:96vw;border:1px solid #DDD;float:none;margin:1vw auto;line-height:1.8em;color:#666;height:330px;overflow:hidden}
#joblist li a:link,#joblist li a:visited {display:block;height:40px;line-height:40px;text-align:center;background:#D81F1A;color:#FFF}
#location dl {
	width:100%;
	margin:0 auto;
	padding:0 3vw 8px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	gap:0 4px;
}
#location dt {
	width:100%;
	max-width:none;
	order:0;
	margin:0;
	float:none;
	height:auto;
	min-height:40px;
	line-height:40px;
	padding:0 8px;
	background:none;
	border-bottom:1px solid #DDD;
	border-left:0;
	font-size:13px;
	text-align:right;
	overflow:visible;
	white-space:nowrap;
}
#location dt::before {
	width:13px;
	height:13px;
	transform:translateY(-1px);
}
#location dd {
	float:none;
	height:36px;
	line-height:36px;
	margin:4px 6px 0 0;
	font-weight:bold;
	font-size:13px;
}
#booktitle {width:92vw;margin:24px auto 12px;font-size:20px;text-align:center}
#showinfo {width:92vw;margin:0 auto;padding:12px 0;min-height:200px;line-height:1.85;word-break:break-word}
#showinfo img {max-width:100%;height:auto}

	}
#shorttitle {text-align:center;height:50px;line-height:50px;background:url(../images/shortline.jpg) no-repeat center bottom;font-size:25px;font-weight:bold;margin:50px auto}
#titlenav {width:1130px;margin:20px auto;overflow:hidden;text-align:center}
#titlenav a:link,#titlenav a:visited {padding:15px 30px;background:#F0F0F0;margin:0 10px;line-height:4em}
#titlenav a:hover,#titlenav a:active,#titlenav a.curtnav:link,#titlenav a.curtnav:visited {background:#BA251E;color:#FFF;}
#contact {width:1130px;margin:0 auto;overflow:hidden}
#contact dt {width:520px;float:left;height:320px;}
#contact dd {width:509px;float:right;height:218px;border:1px solid #EFEFEF;border-left:0;background:#FCFCFC;padding:50px;line-height:2em;color:#999}
#contact dd span {display:block;font-size:22px;color:#900;margin-bottom:10px;}
#map {width:1130px;margin:20px auto 50px auto;}
@media screen and ( max-width: 960px ) {
#shorttitle {margin:20px auto 10px auto}
#titlenav {width:100vw;margin:0px auto;overflow:hidden;text-align:left}
#titlenav a:link,#titlenav a:visited {display:block;padding:3px 10px;background:#F0F0F0;margin:5px;line-height:2em}
#titlenav a:hover,#titlenav a:active,#titlenav a.curtnav:link,#titlenav a.curtnav:visited {background:#BA251E;color:#FFF;}
#contact {width:100vw;margin:0 auto;overflow:hidden}
#contact dt {width:100vw;float:none;height:auto;}
#contact dd {width:calc(100vw - 100px);float:none;height:auto;border:0;background:#FCFCFC;padding:50px;line-height:2em;color:#999}
#contact dd span {display:block;font-size:22px;color:#900;margin-bottom:10px;}
#map {width:100vw;margin:0px auto 20px auto;}
}
#booktitle{width:1130px;margin:50px auto;text-align:left;font-size:22px;color:#900}
#booktitle span {color:#333;display:block;}
#bookform{width:1130px;margin:0 auto 100px auto}
.bipt {width:565px;float:left;margin:20px 0}
.bipt font {color:red;margin-right:5px}
.bipt span {font-size:18px;color:#666}
.bipt input {width:400px;border:1px solid #DDD;height:40px;line-height:40px;outline:none;padding:0 10px;border-radius:5px}
.btext {margin:20px auto}
.btext span {font-size:18px;color:#666;margin-left:15px;}
.btext textarea {width:960px;border:1px solid #DDD;height:100px;line-height:2em;outline:none;padding:10px;border-radius:5px;}
.bbtn {text-align:center;margin:20px auto}
.bbtn input {width:200px;height:50px;background:#D81F1A;border-radius:2px;font-size:20px;font-weight:bold;color:#FFF;border:0}
@media screen and ( max-width: 960px ) {
#booktitle{width:100vw;margin:20px auto;text-align:center;font-size:22px;color:#900}
#bookform{width:100vw;margin:0 auto 100px auto}
.bipt {width:100vw;float:none;margin:20px 0}
.bipt input {width:calc(96vw - 22px);margin:0 2vw;margin-top:10px}
.btext textarea {width:calc(96vw - 22px);margin:0 2vw;margin-top:10px;}
}
#newlist {width:1130px;margin:50px auto;overflow:hidden}
#newlist dl {overflow:hidden;border-bottom:1px dotted #DDD;margin:0;padding:12px 0 14px}
#newlist dt {width:130px;float:left;height:auto;clear:left;padding:0;border-bottom:0;margin:0;text-align:center;color:#999;line-height:1.35em}
#newlist dd {width:980px;float:right;height:auto;clear:right;padding:0;border-bottom:0;margin:0;line-height:1.55em;color:#999}
#newlist dt span {display:block;font-size:30px;font-weight:bold;line-height:1.1em;margin-bottom:2px}
#newlist dt .newlist-cat {display:block;margin-top:6px;margin-bottom:2px;font-style:normal;font-size:12px;color:#ad0101;line-height:1.2em}
#newlist dd a:link,#newlist dd a:visited {display:block;font-size:16px;color:#666;line-height:1.4em;margin:0 0 4px}
#newlist dd a:hover,#newlist dd a:active {color:#F00}
#newlist dd .newlist-sum {margin:0;padding:0;color:#999;font-size:14px;line-height:1.55em}
@media screen and ( max-width: 960px ) {
#newlist {width:100vw;margin:20px auto;}
#newlist dl {width:100vw;padding:10px 0 14px}
#newlist dt {width:100px}
#newlist dd {width:calc(100vw - 110px);padding:0 8px 0 0}
}
#piclist {width:1130px;margin:50px auto;overflow:hidden}
#piclist li {width:360px;float:left;margin:8px;height:300px;text-align:center;font-weight:bold;font-size:16px}
#piclist li img {border:1px solid #EEE;margin-bottom:5px}
/* 产品中心列表：图文网格（非旗下公司竖条） */
.product-page {width:1130px;margin:30px auto 80px;overflow:hidden}
.product-grid {margin:0;padding:0;list-style:none;overflow:hidden}
.product-grid li {width:360px;float:left;margin:0 25px 30px 0;background:#fff;box-sizing:border-box}
.product-grid li:nth-child(3n) {margin-right:0}
.product-grid li a {display:block;color:#333;text-decoration:none;border:1px solid #eee;transition:all .25s ease}
.product-grid li a:hover {border-color:#ad0101;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.product-grid .pic {display:block;width:100%;height:270px;overflow:hidden;background:#f5f5f5}
.product-grid .pic img {display:block;width:100%;height:270px;object-fit:cover;transition:transform .35s ease}
.product-grid li a:hover .pic img {transform:scale(1.05)}
.product-grid h3 {margin:0;height:56px;line-height:56px;text-align:center;font-size:16px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px}
.product-grid li a:hover h3 {background:#ad0101;color:#fff}
.product-empty {padding:80px 0;text-align:center;color:#999;font-size:16px}
/* 产品详情：标题居中 + 左侧封面小图 + 右侧/中部正文 */
.pd-detail {width:1130px;margin:0 auto 90px;overflow:hidden}
.pd-head {padding:36px 20px 0;text-align:center}
.pd-head h1 {margin:0 0 14px;font-size:32px;font-weight:normal;color:#222;line-height:1.4;letter-spacing:.5px}
.pd-meta {display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;padding:0 0 22px;color:#999;font-size:13px;border-bottom:1px solid #eee}
.pd-meta span {display:inline-block}
.pd-main {display:flex;align-items:flex-start;gap:36px;padding:32px 10px 20px;box-sizing:border-box}
.pd-aside {width:320px;flex:0 0 320px}
.pd-thumb {width:100%;overflow:hidden;background:#f4f4f4;border:1px solid #eee}
.pd-thumb img {display:block;width:100%;height:240px;object-fit:cover}
.pd-aside-lead {margin:14px 0 0;font-size:13px;line-height:1.75;color:#888}
.pd-body {flex:1;min-width:0;line-height:2;color:#444;font-size:15px;padding-bottom:20px}
.pd-body-full {width:100%}
.pd-body img {max-width:100%;height:auto;display:block;margin:16px auto}
.pd-body p {margin:0 0 1em}
/* 正文标题/表格：与编辑器保存样式一致（H1–H3、表格宽与边框） */
#showinfo h1,.pd-body h1 {margin:1.4em 0 .6em;font-size:1.75em;line-height:1.35;color:#222;font-weight:600}
#showinfo h2,.pd-body h2 {margin:1.25em 0 .5em;font-size:1.45em;line-height:1.4;color:#222;font-weight:600}
#showinfo h3,.pd-body h3 {margin:1.1em 0 .45em;font-size:1.2em;line-height:1.45;color:#222;font-weight:600}
#showinfo h4,.pd-body h4,#showinfo h5,.pd-body h5,#showinfo h6,.pd-body h6 {margin:1em 0 .4em;color:#333;font-weight:600}
#showinfo table,.pd-body table {border-collapse:collapse;max-width:100%;margin:1em 0;width:auto}
#showinfo table[width="100%"],.pd-body table[width="100%"],
#showinfo table[style*="width: 100%"],.pd-body table[style*="width: 100%"],
#showinfo table[style*="width:100%"],.pd-body table[style*="width:100%"] {width:100% !important}
#showinfo th,#showinfo td,.pd-body th,.pd-body td {padding:8px 10px;vertical-align:top;word-break:break-word}
#showinfo table[border],.pd-body table[border],
#showinfo table[style*="border"],.pd-body table[style*="border"] {border:1px solid #ccc}
#showinfo table[border] th,#showinfo table[border] td,
.pd-body table[border] th,.pd-body table[border] td,
#showinfo td[style*="border"],.pd-body td[style*="border"],
#showinfo th[style*="border"],.pd-body th[style*="border"] {border:1px solid #ccc}
/* 正文超链接：与后台 wangEditor-next 一致（蓝字+下划线） */
#showinfo a,
.pd-body a,
#contact dd a,
#firstbody .about-text a {
	color: #1a73e8 !important;
	text-decoration: underline !important;
}
#showinfo a:hover,
.pd-body a:hover,
#contact dd a:hover,
#firstbody .about-text a:hover {
	color: #1557b0 !important;
}
.pd-pager {display:flex;justify-content:space-between;gap:20px;padding:22px 8px 0;border-top:1px dotted #ccc;margin-top:10px;overflow:hidden}
.pd-prev,.pd-next {flex:1;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-next {text-align:right}
.pd-pager a {color:#ad0101}
.pd-pager a:hover {text-decoration:underline}
@media screen and ( max-width: 960px ) {
#piclist {width:100vw;margin:20px auto;overflow:hidden}
#piclist li {width:calc(100vw - 16px);float:none;margin:8px;height:300px;text-align:center;font-weight:bold;font-size:16px}
.product-page {width:96vw;margin:20px auto 40px}
.product-grid li {width:100%;float:none;margin:0 0 16px}
.product-grid .pic,.product-grid .pic img {height:200px}
.pd-detail {width:100%;margin:0 auto 48px}
.pd-head {padding:24px 16px 0}
.pd-head h1 {font-size:22px}
.pd-meta {gap:6px 14px;padding:0 0 16px;font-size:12px}
.pd-main {display:block;padding:20px 16px 8px;gap:0}
.pd-aside {width:100%;flex:none;margin:0 0 18px}
.pd-thumb img {height:52vw;min-height:180px;max-height:280px}
.pd-aside-lead {font-size:13px}
.pd-body {font-size:14px;line-height:1.85;padding-bottom:12px}
.pd-pager {flex-direction:column;margin:0 12px;padding:16px 0 0;gap:10px}
.pd-prev,.pd-next {text-align:left;white-space:normal}
}

#showtitle {width:1130px;margin:50px auto 20px auto;overflow:hidden;background:url(../images/longline.jpg) no-repeat center bottom;text-align:center;padding-bottom:18px}
#showtitle h1 {margin:0;padding:0 20px 12px;font-size:28px;font-weight:normal;color:#333;line-height:1.5em}
#showtitle .showmeta {color:#999;font-size:14px;line-height:1.8em}
#showtitle .showmeta span {display:inline-block;margin:0 14px}
#showinfo {width:1130px;margin:0 auto;padding:8px 0 20px;line-height:2em;color:#666;border-bottom:1px dotted #999;min-height:500px}
/* 正文开头空段不占位（需要空行请在编辑器里输入） */
#showinfo > p:empty,
#showinfo > div:empty {display:none}
#showinfo > p:first-child:has(> br:only-child),
#showinfo > p:first-child:has(> br:first-child:last-child) {display:none}
#showpage {width:1130px;margin:20px auto 150px auto;overflow:hidden}
#showpage dt {width:565px;float:left;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#showpage dd {width:565px;float:right;line-height:40px;height:40px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and ( max-width: 960px ) {
#showtitle {width:96vw;margin:20px auto;overflow:hidden;background:none;border-bottom:1px solid #DDD;text-align:center;padding-bottom:12px}
#showtitle h1 {padding:0 8px 10px;font-size:22px}
#showtitle .showmeta span {display:inline-block;margin:0 8px;font-size:13px}
#showinfo {width:96vw;padding:10px 0}
#showpage {width:96vw;margin:20px auto;overflow:hidden}
#showpage dt {width:100%;float:none;line-height:40px;height:auto;white-space:normal}
#showpage dd {width:100%;float:none;line-height:40px;height:auto;text-align:left;white-space:normal}
}