*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img{
    max-width:100%;
    height:auto;
    display:block;
}
ul,li{
    list-style: none;
}
body{
    background-color:#f7f8fa;
}
/* ========== 百叶窗入场动画关键帧，由JS添加类 .feed-animate 才会执行 ========== */
@keyframes feedbackBlindIn {
	0% {
		opacity: 0;
		transform: translateX(-80px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes feedbackBlindIn {
	0% {
		opacity: 0;
		transform: translateX(-80px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
/* ==========TopBanner 样式：左上角、右上角直角；左下角、右下角圆角50px，适配JS动态生成图片showMobilePic/showDesktopPic ========== */
#body .topbanner{
	width:1410px;
	max-width:100%;
	margin:auto;
	box-sizing: border-box;
	border-radius:0 0 50px 50px !important;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	box-shadow:0 2px 12px rgba(0,0,0,0.07);
	background:#ffffff;
	overflow:hidden !important;
	position:relative;
}
#body .topbanner .showMobilePic,
#body .topbanner .showDesktopPic,
#body .topbanner img{
	display:block;
	width:100%;
	height:auto;
	border-radius:0 0 50px 50px !important;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}
#body #InnerBanner{
	width:1410px;
	max-width:100%;
	margin:auto;
	box-sizing: border-box;
	border-radius:0 0 50px 50px !important;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	box-shadow:0 2px 12px rgba(0,0,0,0.07);
	background:#ffffff;
	overflow:hidden !important;
	position:relative;
}
#body #InnerBanner .showMobilePic,
#body #InnerBanner .showDesktopPic,
#body #InnerBanner img{
	display:block;
	width:100%;
	height:auto;
	border-radius:0 0 50px 50px !important;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
}
/* ==========FocusBG 横幅【修复手机端图片高度不足背景裸露】 ========== */
#FocusBG{
	width:100%;
	overflow:hidden;
	position:relative;
	background:#ffffff;
}
#FocusBG img{
	width:100%;
	height:auto;
	display:block;
}
@media only screen and (max-width:768px) {
	#FocusBG{
		min-height:180px;
	}
	#FocusBG img{
		width:100%;
		height:auto;
		object-fit:cover;
		min-height:180px;
	}
}
#body .inner{
	width:1410px;
	max-width:100%;
	margin:auto;
	box-sizing: border-box;
	border-radius:24px;
	box-shadow:0 2px 12px rgba(0,0,0,0.07);
	background:#ffffff;
	overflow:visible;
}
#body .inner .left{
	width:270px;
	max-width:100%;
	float:right;
	box-sizing: border-box;
}
#body .inner .right{
	width:1120px;
	max-width:100%;
	float:left;
	padding-bottom:50px;
	box-sizing: border-box;
	border-radius:24px;
	background:#fff;
	box-shadow:0 2px 12px rgba(0,0,0,0.07);
	overflow:visible;
}
#body .inner .left .Sbox{
	width:270px;
	max-width:100%;
	padding-bottom:10px;
	font-size:14px;
	box-sizing: border-box;
	border-radius:24px;
	background:#fff;
	box-shadow:0 2px 12px rgba(0,0,0,0.07);
	overflow:visible;
}
#body .inner .left .Sbox .topic{
	background:#005bac;
	font-size:14px;
	font-family:"Microsoft Yahei";
	margin:0;
	line-height:34px;
	padding-left:10px;
	color:#FFFFFF;
	font-weight:bold;
	box-sizing: border-box;
	border-radius:24px 24px 0 0;
	text-align:center;
	padding-left:0;
}
#body .inner .left .Sbox .blank {
	box-sizing: border-box;
	overflow:hidden;
}
#body .inner .left .Sbox .blank ul {
	padding:0;
}
#body .inner .left .Sbox .blank ul li{
	cursor:pointer;
	height:30px;
	background:#f0f4f8;
}
#body .inner .left .Sbox .blank .current a{
	background:#005bac;
	color:#FFFFFF;
}
#body .inner .left .Sbox .blank ul li a{
	display:block;
	height:30px;
	line-height:30px;
	padding-left:30px;
	border-bottom:1px dotted #DDDDDD;
	box-sizing: border-box;
	border-radius:12px;
	margin:2px 4px;
}
#body .inner .left .Sbox .blank ul li a:hover{
	background:#005bac;
	color:#FFFFFF;
	text-decoration:none;
}
#body .inner .left .Sbox .list {
	box-sizing: border-box;
	overflow:hidden;
}
#body .inner .left .Sbox .list dl{
	padding:0 10px;
	box-sizing: border-box;
}
#body .inner .left .Sbox .list dl dt{
	font-family:Arial;
	color:#666666;
	line-height:20px;
	font-size:10px;
}
#body .inner .left .Sbox .list dl dd{
	line-height:30px;
	border-bottom:1px dotted #dfb4bd;
	padding-left:10px;
	border-radius:12px;
	margin:2px 4px;
}
#body .inner .left .Sbox .txt{
	padding:10px;
	box-sizing: border-box;
}

/* ===================== Sbox搜索版块【搜索框flex自适应，加大GO按钮，按钮与输入框等高；三段媒体区分 PC≥992｜平板769‑991｜手机≤768】 ===================== */
#body .inner .left .Sbox .SearchBar{
	padding:10px 12px;
	box-sizing:border-box;
	display:flex;
	gap:10px;
	align-items:center;
       color:#cccccc;
}
 

/* ===================== 重写 #body .inner .right 内部全部样式 ===================== */
#body .inner .right  .Position{
	font-size:14px;
	line-height:33px;
	background:#f5f7fa;
	box-sizing: border-box;
	border-radius:24px;
	margin:8px;
	box-shadow:0 1px 6px rgba(0,0,0,0.06);
}
#body .inner .right  .Position a{
	color:#666666;
}
#body .inner .right  .Position span{
	padding-left:30px;
}
/* --------------------------【模块1：main】-------------------------- */
#body .inner .right .main{
	padding:10px 20px;
	font-size:14px;
	box-sizing: border-box;
	width:100%;
	overflow:visible;
}
/* --------------------------【模块2：content】-------------------------- */
#body .inner .right .main .content{
	width:100%;
	box-sizing: border-box;
	overflow:visible;
}
#body .inner .right .main .content .title h3{
	text-align:center;
	font-size:18px;
	font-weight:normal;
	font-family:"Microsoft Yahei";
}
#body .inner .right .main .content .infos{
	font-size:14px;
	line-height:40px;
	color:#666666;
	text-align:center;
}
#body .inner .right .main .content .maincontent{
	font-size:14px;
}
#body .inner .right .main .content .maincontent p{
	padding:5px 0;
	line-height:200%;
}
#body .inner .right .main .content .download{
	padding-left:55px;
	line-height:40px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
	box-sizing: border-box;
	border-radius:24px;
	box-shadow:0 1px 6px rgba(0,0,0,0.06);
	background:#fff;
}
#body .inner .right .main .content .prenext{
	padding:10px 0;
	margin-top:10px;
}
#body .inner .right .main .content .prenext ul li{
	line-height:30px;
	padding-left:15px;
	box-sizing: border-box;
	border-radius:24px;
}
/* --------------------------【✅RecruitList 招聘表格｜修复DOM选择器，匹配真实HTML结构】-------------------------- */
#body .inner .right .main .RecruitList{
	box-sizing: border-box;
	border-radius:24px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 2px 12px rgba(0,0,0,0.07);
	width:100%;
}
#body .inner .right .main .RecruitList table{
	width:100%;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}
#body .inner .right .main .RecruitList table td.Rtitle{
	background:#f5f5f5 !important;
	color:#005bac !important;
	font-size:14px;
	padding:0 14px !important;
	height:36px;
	line-height:36px;
	box-sizing: border-box;
	font-weight:600;
}
#body .inner .right .main .RecruitList table td.Rtitle span{
	float:right;
	padding-right:14px;
}
#body .inner .right .main .RecruitList table td{
	line-height:38px;
	font-size:14px;
	padding:10px 14px !important;
	border-bottom:1px dashed #cccccc !important;
	vertical-align:middle;
	background:transparent !important;
}
#body .inner .right .main .RecruitList table tr:last-child td{
	border-bottom:none !important;
}
/* --------------------------【动画定义】-------------------------- */
@keyframes productFadeInFly {
	0% {
		opacity:0;
		transform: translateY(40px);
	}
	100% {
		opacity:1;
		transform: translateY(0);
	}
}
@keyframes productShakeScale {
	0% { transform: translateY(0) scale(1); }
	25% { transform: translateY(-3px) scale(1.03); }
	50% { transform: translateY(0) scale(1); }
	75% { transform: translateY(3px) scale(0.98); }
	100% { transform: translateY(0) scale(1); }
}
.showMobilePic{
	display:none;
}
.showDesktopPic{
	display:block;
}
/* 产品详情 ProInfo */
#body .inner .right .main .content .ProInfo .image{
	float:left;
}
#body .inner .right .main .content .ProInfo .column{
	float:right;
	width:580px;
	max-width:100%;
	box-sizing: border-box;
}
#body .inner .right .main .content .ProInfo .image img{
	width:270px;
	max-width:100%;
	height:auto;
	border-radius:24px;
}
#body .inner .right .main .content .ProInfo .image img:hover{
	animation: productShakeScale 0.4s ease infinite;
}
#body .inner .right .main .content .ProInfo .image a{
	display:block;
	width:270px;
	max-width:100%;
	height:auto;
	padding:2px;
	box-sizing: border-box;
	border-radius:24px;
	box-shadow:0 1px 6px rgba(0,0,0,0.06);
	overflow:hidden;
}
#body .inner .right .main .content .ProInfo .image a:hover{
	box-shadow:0 3px 10px rgba(0,0,0,0.10);
}
#body .inner .right .main .content .ProInfo .column .title{
	background-color:#f5f5f5;
	line-height:30px;
	padding:10px 10px;
	box-sizing: border-box;
	border-radius:24px;
}
#body .inner .right .main .content .ProInfo .column .title h3{
	text-align:left;
	font-size:24px;
	line-height:25px;
	font-weight:bold;
}
#body .inner .right .main .content .ProInfo .column .infos{
	text-align:left;
}
#body .inner .right .main .content .ProInfo .column ul li{
	line-height:33px;
	height:33px;
	color:#333;
	font-weight:normal;
	border-radius:12px;
	padding:0 6px;
}
#body .inner .right .main .content .ProInfo .column ul li span{
	width:100px;
	height:20px;
	font-weight:bold;
	padding:3px;
	color:#333;
}
#body .inner .right .main .content .ProInfo .column ul .MPrice{
	color:#666666;
	text-decoration:line-through;
}
#body .inner .right .main .content .ProInfo .column ul .NPrice{
	color:#F00;
	font-weight:bold;
}
#body .inner .right .main .content .ProInfo .column ul .NPrice .BuyCount{
	color:#060;
}
/* =========【重写】Order Inquiry / Send email 按钮组 ========= */
#body .inner .right .main .content .ProInfo .column ul li:last-child{
	display:flex;
	gap:12px;
	align-items:center;
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
}
#body .inner .right .main .content .ProInfo .column ul li:last-child a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	flex-shrink:0;
	padding:7px 16px;
	border-radius:18px;
	background:linear-gradient(to bottom,#ff5252,#d50000);
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border:none;
	transition: all 0.22s ease;
	text-align:center;
	font-size:14px;
	box-shadow:0 2px 6px rgba(213,0,0,0.25);
}
#body .inner .right .main .content .ProInfo .column ul li:last-child a:hover{
	background:linear-gradient(to bottom,#ff3838,#b70000);
	transform:translateY(-2px);
	box-shadow:0 4px 10px rgba(213,0,0,0.35);
	color:#fff;
}
#body .inner .right .main .content .ProInfo .column ul li:last-child a:active{
	transform:translateY(0);
}
#body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-order-inquiry::before{
	content:"";
	width:16px;
	height:16px;
	flex-shrink:0;
	display:inline-block;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1' /><circle cx='20' cy='21' r='1' /><path d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6' /></svg>");
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
#body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-send-email::before{
	content:"";
	width:16px;
	height:16px;
	flex-shrink:0;
	display:inline-block;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z' /><polyline points='22,6 12,13 2,6' /></svg>");
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
#body .inner .right .main .content .ProInfo .column ul li:last-child img{
	display:none !important;
}
/* IntroTitle */
#body .inner .right .main  .IntroTitle{
	font-size:14px;
	line-height:33px;
	background:#f5f7fa;
	box-sizing: border-box;
	border-radius:24px;
	margin:8px;
	box-shadow:0 1px 6px rgba(0,0,0,0.06);
	border-left:none;
	padding-left:30px;
	color:#333333;
	font-weight:bold;
}
/* --------------------------【布局规则】-------------------------- */
#body .inner .right .main .content .MorePro:not(:has(>.CaseBlock)) {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:22px;
	width:100%;
	box-sizing:border-box;
	overflow:visible;
	margin:24px 0;
}
#body .inner .right .main .content .MorePro > .CaseBlock {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:22px;
	width:100%;
	box-sizing:border-box;
	overflow:visible;
	margin:0;
	padding:0;
}
#body .inner .right .main .content .MorePro > .CaseBlock ul {
	display:contents;
	margin:0;
	padding:0;
}
#body .inner .right .main .content .MorePro .albumblock {
	float:none !important;
	display:flex;
	flex-direction:column;
	width:100%;
	box-sizing:border-box;
	background:#ffffff;
	border-radius:24px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.07);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
	overflow:hidden;
	opacity:0;
	transform:translateY(40px);
	animation: productFadeInFly 0.65s ease forwards;
}
#body .inner .right .main .content .MorePro .albumblock:nth-child(1) { animation-delay:0.05s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(2) { animation-delay:0.10s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(3) { animation-delay:0.15s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(4) { animation-delay:0.20s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(5) { animation-delay:0.25s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(6) { animation-delay:0.30s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(7) { animation-delay:0.35s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(8) { animation-delay:0.40s; }
#body .inner .right .main .content .MorePro .albumblock:nth-child(n+9) { animation-delay:0.45s; }
#body .inner .right .main .content .MorePro .albumblock:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 14px rgba(0,0,0,0.11);
}
#body .inner .right .main .content .MorePro .albumblock .inner {
	display:flex;
	flex-direction:column;
	flex-grow:1;
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}
#body .inner .right .main .content .MorePro .albumblock .inner img {
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
	display:block;
	border-radius: 24px 24px 20px 20px;
	background:#f7f8fa;
}
#body .inner .right .main .content .MorePro .albumblock:hover .inner img{
	animation: productShakeScale 0.4s ease infinite;
}
#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle {
	width:100%;
	box-sizing:border-box;
	padding:12px 6px;
	text-align:center;
	background:#ffffff;
	color:#222;
	margin-top:auto;
	font-size:14px;
	line-height:1.4;
	font-weight:bold;
}
#body .inner .right .main .content .MorePro .albumblock .inner a {
	text-decoration:none;
	color:inherit;
}
/* CaseBlock */
#body .inner .right .main .content .CaseBlock > li{
	float:none !important;
	list-style:none;
	padding:0;
	margin:0;
	box-sizing:border-box;
	border-radius:24px;
	background:#fff;
	box-shadow:0 1px 5px rgba(0,0,0,0.07);
	transition:transform 0.22s ease, box-shadow 0.22s ease;
	overflow:hidden;
	opacity:0;
	transform:translateY(40px);
	animation: productFadeInFly 0.65s ease forwards;
}
#body .inner .right .main .content .CaseBlock > li:hover{
	transform:translateY(-5px);
	box-shadow:0 6px 14px rgba(0,0,0,0.11);
}
#body .inner .right .main .content .CaseBlock .Cimg{
	width:100%;
	overflow:hidden;
}
#body .inner .right .main .content .CaseBlock .Cimg a{
	display:block;
	padding:0;
	border-radius:24px 24px 0 0;
	box-sizing:border-box;
}
#body .inner .right .main .content .CaseBlock .Cimg img{
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
	display:block;
	border-radius:24px 24px 20px 20px;
	background:#f7f8fa;
}
#body .inner .right .main .content .CaseBlock > li:hover .Cimg img{
	animation: productShakeScale 0.4s ease infinite;
}
#body .inner .right .main .content .CaseBlock .case_ct{
	padding:10px 10px 4px;
	height:auto;
	line-height:22px;
	color:#2586BE;
	background:#fff;
	font-weight:bold;
	border-radius:0;
}
#body .inner .right .main .content .CaseBlock .case_txt{
	padding:0 10px 12px 10px;
	height:auto;
	line-height:22px;
	text-align:left;
	font-size:14px;
	color:#666;
}
#body .inner .right .main .content .CaseBlock .case_mc{
	color:#C90;
	font-weight:bold;
}
#body .inner .right .main .content .CaseBlock .case_mc a{color:#c90;}
#body .inner .right .main .content .CaseBlock .hycd_ct{
	height:35px;
	line-height:35px;
	color:#fff;
	font-weight:bold;
	padding-left:40px;
	border-radius:24px;
}
#body .inner .right .main .content .CaseBlock .hycd_ct a{ color:#fff;}
#body .inner .right .main .content .CaseBlock .hycd_ct a:hover{ color:#FFFACC}
#body .inner .right .main .content .CaseBlock .hycd_ct a:visited{ color:#fff}
#body .inner .right .main .content .CaseBlock .hycd_mc{ color:#ff6600;}
#body .inner .right .main .content .CaseBlock .ttp{ margin-top:10px; margin-bottom:10px;}
#body .inner .right .main .SiteMap{
	padding:0 10px;
	box-sizing:border-box;
	border-radius:24px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 2px 12px rgba(0,0,0,0.07);
}
#body .inner .right .main .SiteMap ul li{
	font-weight:bold;
	line-height:25px;
	padding:10px 20px;
	border-bottom:1px dashed #CCCCCC;
	font-size:14px;
	box-sizing:border-box;
	border-radius:24px;
}
#body .inner .right .main .SiteMap ul li ul li{
	font-weight:normal;
	border-bottom:none;
	font-size:14px;
	padding:5px 0;
	border-radius:12px;
}
#body .inner .left .Sbox .ClassNav{
	padding:0;
	box-sizing: border-box;
}
#body .inner .left .Sbox .ClassNav .NavTree ul li{
	position: relative;
	background:#f0f4f8;
	border-radius:12px;
	margin:3px 6px;
}
/* ==========PC端下拉菜单========== */
@media only screen and (min-width: 992px) {
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul{
		left: 0;
		top: 30px;
		position: absolute;
		width: 100%;
		display: none;
		border:1px dashed #005bac;
		border-top:2px dashed #005bac;
		background:#ffffff;
		z-index:9999 !important;
		box-sizing: border-box;
		border-radius:20px;
		overflow:hidden;
		box-shadow:0 4px 14px rgba(0,0,0,0.12);
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li ul{
		left:0;
		top:30px;
		width:100%;
		background:#ffffff;
		z-index:9999 !important;
		border:1px dashed #005bac;
		border-radius:20px;
		box-shadow:0 4px 14px rgba(0,0,0,0.12);
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li{
		background:#ffffff;
		border-radius:12px;
		margin:2px 4px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li a{
		background:#ffffff;
		color:#333;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li a{
		display: block;
		cursor:pointer;
		line-height:30px;
		border-bottom:1px solid #DDDDDD;
		padding-left:30px;
		height:30px;
		box-sizing: border-box;
		border-radius:12px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li li{
		padding-left:0;
		text-align:center;
		z-index:9999;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li li a{
		border-bottom:1px solid #DDDDDD;
		padding-left:10px;
		z-index:9999;
		box-sizing: border-box;
		border-radius:12px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul .current a{
		background:#005bac;
		color:#FFFFFF;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul .current li a{
		background:#FFFFFF;
		color:#000000;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li a:hover{
		color: white;
		background:#005bac;
		text-decoration:none;
		border-radius:12px;
	}
}
/* ==========平板端769‑991px========== */
@media only screen and (min-width:769px) and (max-width:991px) {
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul{
		position:static !important;
		left:auto;
		top:auto;
		width:100%;
		display:none;
		border:none;
		background:#ffffff;
		z-index:auto;
		box-sizing: border-box;
		border-radius:22px;
		box-shadow:none;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li ul{
		position:static !important;
		left:auto;
		top:auto;
		width:100%;
		border:none;
		background:#ffffff;
		z-index:auto;
		border-radius:22px;
		box-shadow:none;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li{
		background:#ffffff;
		border-radius:12px;
		margin:2px 4px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li a{
		background:#ffffff;
		color:#333;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li a{
		display: block;
		cursor:pointer;
		line-height:30px;
		border-bottom:1px solid #DDDDDD;
		padding-left:30px;
		height:30px;
		box-sizing: border-box;
		border-radius:12px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li li{
		padding-left:0;
		text-align:center;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li li a{
		border-bottom:1px solid #DDDDDD;
		padding-left:10px;
		box-sizing: border-box;
		border-radius:12px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul .current a{
		background:#005bac;
		color:#FFFFFF;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul .current li a{
		background:#FFFFFF;
		color:#000000;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li a:hover{
		color: white;
		background:#005bac;
		text-decoration:none;
		border-radius:12px;
	}
}
/* ==========手机端 ≤768px========== */
@media only screen and (max-width:768px) {
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul{
		position:static !important;
		left:auto;
		top:auto;
		width:100%;
		display:none;
		border:none;
		background:#ffffff;
		z-index:auto;
		box-sizing: border-box;
		border-radius:20px;
		box-shadow:none;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li ul{
		position:static !important;
		left:auto;
		top:auto;
		width:100%;
		border:none;
		background:#ffffff;
		z-index:auto;
		border-radius:20px;
		box-shadow:none;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li{
		background:#ffffff;
		border-radius:12px;
		margin:2px 4px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li ul li a{
		background:#ffffff;
		color:#333;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li a{
		display: block;
		cursor:pointer;
		line-height:30px;
		border-bottom:1px solid #DDDDDD;
		padding-left:30px;
		height:30px;
		box-sizing: border-box;
		border-radius:12px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li li{
		padding-left:0;
		text-align:center;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li li a{
		border-bottom:1px solid #DDDDDD;
		padding-left:10px;
		box-sizing: border-box;
		border-radius:12px;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul .current a{
		background:#005bac;
		color:#FFFFFF;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul .current li a{
		background:#FFFFFF;
		color:#000000;
	}
	#body .inner .left .Sbox .ClassNav .NavTree ul li a:hover{
		color: white;
		background:#005bac;
		text-decoration:none;
		border-radius:12px;
	}
}
/*分页t_page */
.t_page{
	padding:10px;
	text-align:center;
	font-size:14px;
	line-height:25px;
	border-radius:24px;
	box-shadow:0 1px 6px rgba(0,0,0,0.06);
	background:#fff;
	clear:both;
	display:block;
	max-width:1410px;
	width:100%;
	box-sizing:border-box;
	margin:25px auto 10px;
}
.t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0 3px;
	border-radius:10px;
}
.t_page span.current{
	padding:2px 5px;
	margin:0 3px;
	border-radius:10px;
	background:#005bac;
	color:#fff;
	border:1px solid #005bac;
}
/* ===================== FeedBack 留言反馈模块 ===================== */
.FeedBack {
	box-sizing: border-box;
	border-radius:24px;
	overflow:hidden;
	background:#fff;
	box-shadow:none !important;
}
.FeedBack.feed-animate{
	-webkit-animation: feedbackBlindIn 750ms ease-out forwards;
	animation: feedbackBlindIn 750ms ease-out forwards;
}
.FeedBack .Fleft{
	width:90px;
	float:left;
	box-sizing: border-box;
}
.FeedBack .Fleft .Ficon{
	padding:0 14px;
	box-sizing: border-box;
}
.FeedBack .Fleft .Fname{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:5px;
	color:#005bac;
	font-weight:bold;
}
.FeedBack .Fright{
	float:left;
	width:600px;
	max-width:100%;
	padding-bottom:10px;
	box-sizing: border-box;
}
.FeedBack .Fright .Fcontent .Ftime{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#005bac;
	padding:0 20px 5px 20px;
	box-sizing: border-box;
}
.FeedBack .Fright .Fcontent{
	width:600px;
	max-width:100%;
	padding:10px 0;
	box-sizing: border-box;
	border-radius:24px;
}
.FeedBack .Fright .Fcontent p{
	padding:0 20px 5px 50px;
	box-sizing: border-box;
}
.FeedBack .Fright .Fcontent .Freply .FRtitle{
	margin-left:20px;
	line-height:20px;
	color:#FFFFFF;
	height:25px;
	padding-left:20px;
	font-weight:bold;
	box-sizing: border-box;
	border-radius:24px;
}
.FeedBack .Fright .Fcontent .Freply p{
	color:#989E4D
}
.FeedBack .Fright .Fcontent .Fline{
	float:right;
	width:572px;
	max-width:100%;
	border-top:1px solid #EDEDEF;
	box-sizing: border-box;
}
.FeedBack .IntroTitle{
	width:665px;
	max-width:100%;
	margin:auto;
	box-sizing: border-box;
	border-radius:24px;
}
.FeedBack .commentbox{
	padding-top:5px;
	box-sizing: border-box;
	border-radius:24px;
	overflow:hidden;
	background:#fff;
	box-shadow:none !important;
}
.FeedBack .commentbox #commentform td{
	height:40px;
	font-size:14px;
}
.FeedBack .commentbox #commentform input{
	height:36px;
	line-height:36px;
	box-sizing: border-box;
	border-radius:10px;
	border:1px solid #cccccc;
	padding:0 8px;
}
.FeedBack .commentbox #commentform textarea{
	width:100%;
	min-height:140px;
	box-sizing:border-box;
	border:1px solid #cccccc;
	border-radius:10px;
	padding:10px;
	font-size:14px;
	line-height:1.6;
}
.FeedBack .commentbox #commentform td span{
	font-weight:bold;
	color:#900;
}
.FeedBack .commentbox #commentform .Cbutton{
	line-height:36px;
	background:#005bac;
	border:none;
	color:#FFFFFF;
	font-size:14px;
	cursor:pointer;
	border-radius:12px;
	padding:0 24px;
}
.FeedBack .commentlist dt{
	padding:5px 10px;
	background-color:#dededc;
	height:22px;
	line-height:22px;
	font-size:14px;
	box-sizing: border-box;
	border-radius:24px;
}
.FeedBack .commentlist dd{
	padding:15px 0 15px 0;
	line-height:180%;
	font-size:14px;
	box-sizing: border-box;
	border-radius:16px;
}
.FeedBack .commentlist dd  b{
	color:#458D3A;
}
.FeedBack .commentlist dd span{
	color:#A00000;
}
.FeedBack .commentlist p{
	padding:0;
	line-height:180%;
	margin:0;
	box-sizing: border-box;
}
img{
	max-width:100%;
	height:auto;
	border-radius:24px;
}
.HeightTab{
	height:10px;
	width:1px;
	overflow:hidden;
}
.HeightTab2{
	height:20px;
	width:1px;
	overflow:hidden;
}
/* ===================== ArticleList ===================== */
.ArticleList{
  width:100%;
  box-sizing:border-box;
}
.ArticleList table{
  width:100%;
  border-collapse: collapse !important;
}
@media only screen and (min-width: 992px) {
  .ArticleList tr td{
    border-bottom:1px dashed #ccc !important;
    padding:10px 4px !important;
  }
  .ArticleList tr:last-child td{
    border-bottom:none !important;
  }
  .ArticleList .fw_t,
  .ArticleList .title,
  .ArticleList .fw_t a,
  .ArticleList .title a {
    font-size: 19px !important;
    font-weight:normal !important;
    color:#000000 !important;
    text-decoration:none;
  }
  .ArticleList .fw_s,
  .ArticleList .date,
  .ArticleList .time {
    font-size:14px !important;
    color:#808080 !important;
  }
  #body .inner .right .main .content .MorePro .albumblock .inner .albumtitle{
    font-size:16px;
    font-weight:bold;
  }
  .FeedBack.feed-animate{
	-webkit-animation-duration:750ms;
	animation-duration:750ms;
  }
  #body .inner .right .main .RecruitList table td{
	padding:12px 16px !important;
	line-height:40px !important;
  }
  #body .inner .right .main .RecruitList{
	border-radius:24px !important;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child{
	flex-wrap:nowrap !important;
	gap:12px;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child a{
	padding:8px 18px;
	font-size:14px;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-order-inquiry::before,
  #body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-send-email::before{
	width:17px;
	height:17px;
  }
}
@media only screen and (min-width:769px) and (max-width:991px) {
  .ArticleList table{
    border-collapse: collapse !important;
  }
  .ArticleList tr td{
    border-bottom:1px dashed #ccc !important;
    padding:8px 4px !important;
  }
  .ArticleList tr:last-child td{
    border-bottom:none !important;
  }
  .ArticleList .fw_t,
  .ArticleList .title,
  .ArticleList .fw_t a,
  .ArticleList .title a{
    font-size:18px !important;
    font-weight:normal !important;
    color:#000000 !important;
  }
  .ArticleList .fw_s,
  .ArticleList .date,
  .ArticleList .time{
    font-size:13px !important;
    color:#808080 !important;
  }
  #body .inner .right .main .content .MorePro .albumblock .inner .albumtitle{
    font-size:15px;
    font-weight:bold;
  }
  .FeedBack.feed-animate{
	-webkit-animation-duration:620ms;
	animation-duration:620ms;
  }
  .FeedBack .commentbox #commentform textarea{
	min-height:120px;
  }
  #body .inner .right .main .RecruitList{
	border-radius:22px !important;
  }
  #body .inner .right .main .RecruitList table td.Rtitle{
	height:34px !important;
	line-height:34px !important;
  }
  #body .inner .right .main .RecruitList table td{
	padding:9px 12px !important;
	line-height:34px !important;
	font-size:13px !important;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child{
	flex-wrap:nowrap !important;
	gap:10px;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child a{
	padding:6px 14px;
	font-size:13px;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-order-inquiry::before,
  #body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-send-email::before{
	width:16px;
	height:16px;
  }
}
@media only screen and (max-width:768px) {
  .ArticleList table,.ArticleList tbody,.ArticleList tr{
    display:block !important;
    width:100% !important;
  }
  .ArticleList tr{
    border-bottom:1px dashed #ccc !important;
    padding:8px 0 !important;
  }
  .ArticleList tr:last-child{
    border-bottom:none !important;
  }
  .ArticleList td{
    display:block !important;
    width:100% !important;
    padding:4px 0 !important;
    border:none !important;
  }
  .ArticleList .fw_t,
  .ArticleList .title,
  .ArticleList .fw_t a,
  .ArticleList .title a{
    font-size:17px !important;
    font-weight:normal !important;
    color:#000000 !important;
  }
  .ArticleList .fw_s,
  .ArticleList .date,
  .ArticleList .time{
    font-size:13px !important;
    color:#808080 !important;
  }
  #body .inner .right .main .content .MorePro .albumblock .inner .albumtitle{
    font-size:15px;
    font-weight:bold;
  }
  .FeedBack.feed-animate{
	-webkit-animation-duration:500ms;
	animation-duration:500ms;
  }
  .FeedBack .commentbox #commentform table,
  .FeedBack .commentbox #commentform tbody,
  .FeedBack .commentbox #commentform tr{
	display:block;
	width:100%;
  }
  .FeedBack .commentbox #commentform td{
	display:block;
	width:100%;
	height:auto;
	margin:6px 0;
  }
  .FeedBack .commentbox #commentform input{
	width:100%;
  }
  .FeedBack .commentbox #commentform textarea{
	width:100%;
	min-height:110px;
  }
  #body .inner .right .main .RecruitList{
	border-radius:20px !important;
  }
  #body .inner .right .main .RecruitList table{
	table-layout:fixed !important;
	width:100% !important;
  }
  #body .inner .right .main .RecruitList table td{
	word-break:break-all !important;
	padding:10px 8px !important;
	font-size:13px !important;
	line-height:1.7 !important;
	background:#fff !important;
  }
  #body .inner .right .main .RecruitList table td.Rtitle{
	height:auto !important;
	line-height:32px !important;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child{
	flex-wrap:wrap !important;
	gap:10px;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child a{
	flex:1;
	min-width:110px;
	padding:9px 10px;
	font-size:14px;
  }
  #body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-order-inquiry::before,
  #body .inner .right .main .content .ProInfo .column ul li:last-child a.btn-send-email::before{
	width:16px;
	height:16px;
  }
}
.ArticleList .fw_t a:hover,
.ArticleList .title a:hover{
  color:#005bac !important;
  text-decoration:underline;
}
/* =========响应式三段断点 ========= */
@media only screen and (min-width: 992px){
	#body .inner .right .main .content .ArticleList{
		border-radius:22px;
	}
}
@media only screen and (min-width:769px) and (max-width:991px){
	#body .inner{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
		display:flex;
		flex-direction:column;
	}
	#body .inner .left{
		float:none;
		width:100%;
		margin-top:15px;
		order:2;
	}
	#body .inner .left .Sbox{
		width:100%;
		border-radius:22px;
	}
	#body .inner .right{
		float:none;
		width:100%;
		order:1;
		border-radius:22px;
	}
	#body .inner .right .main .content .MorePro:not(:has(>.CaseBlock)) {
		grid-template-columns:repeat(2,1fr);
		gap:18px;
	}
	#body .inner .right .main .content .MorePro > .CaseBlock {
		grid-template-columns: repeat(2,1fr);
		gap:18px;
	}
	#body .inner .right .main .content .MorePro .albumblock{
		border-radius:22px;
	}
	#body .inner .right .main .content .MorePro .albumblock .inner img{
		border-radius:22px 22px 20px 20px;
	}
	#body #Links{
		width:100%;
		max-width:100%;
		border-radius:22px;
	}
	.ArticleList,.RecruitList,.SiteMap,.FeedBack,.commentbox{
		border-radius:22px;
	}
	.t_page{
		padding:8px;
		margin:18px auto 8px;
		max-width:100%;
		border-radius:22px;
	}
	.showMobilePic{
		display:block !important;
		max-width:100%;
		height:auto;
		border-radius:22px;
	}
	.showDesktopPic{
		display:none !important;
	}
}
@media only screen and (max-width:768px){
	#body #InnerBanner,
	#body .inner{
		width:100%;
		padding:0 8px;
		box-sizing: border-box;
	}
	#body .inner{
		display:flex;
		flex-direction:column;
	}
	#body .inner .left{
		float:none;
		width:100%;
		margin-top:15px;
		order:2;
	}
	#body .inner .left .Sbox{
		width:100%;
		max-width:100%;
		box-sizing: border-box;
		border-radius:20px;
	}
	#body .inner .right{
		float:none;
		width:100%;
		order:1;
		padding-bottom:20px;
		box-sizing: border-box;
		border-radius:20px;
	}
	#body .inner .right .main{
		padding:10px;
		width:100%;
		box-sizing: border-box;
	}
	#body .inner .right .main .content{
		width:100%;
		box-sizing: border-box;
	}
	#body .inner .right .main .content .ProInfo .image{
		float:none;
		text-align:center;
		width:100%;
	}
	#body .inner .right .main .content .ProInfo .image a{
		width:100%;
		padding:0;
		border-radius:20px;
	}
	#body .inner .right .main .content .ProInfo .image img{
		width:100%;
		border-radius:20px;
	}
	#body .inner .right .main .content .ProInfo .column{
		float:none;
		width:100%;
		box-sizing: border-box;
	}
	#body .inner .right .main .content .MorePro:not(:has(>.CaseBlock)) {
		grid-template-columns:repeat(1,1fr);
		gap:16px;
		margin:18px 0;
	}
	#body .inner .right .main .content .MorePro > .CaseBlock {
		grid-template-columns: repeat(1,1fr);
		gap:16px;
		margin:18px 0;
	}
	#body .inner .right .main .content .MorePro .albumblock{
		border-radius:20px;
	}
	#body .inner .right .main .content .MorePro .albumblock .inner img{
		border-radius:20px 20px 20px 20px;
	}
	.ArticleList,.RecruitList,.SiteMap,.FeedBack,.commentbox{
		border-radius:20px;
	}
	.t_page{
		padding:8px;
		margin:18px auto 8px;
		max-width:100%;
		border-radius:20px;
	}
	.showMobilePic{
		display:block !important;
		max-width:100%;
		height:auto;
		border-radius:20px;
	}
	.showDesktopPic{
		display:none !important;
	}
}

 

.Sbox input[type="text"] {
 
    box-sizing: border-box;
    border: 1px solid #cccccc;
    border-radius: 999px 0 0 999px;
    padding: 0 12px;
    font-size: 18px;
    outline: none;
    border-right: none;
}

.Sbox .go-btn {
    box-sizing: border-box;
    background-color: #005bac;
    color: #ffffff;
    border: none;
    border-radius: 0 999px 999px 0;
    padding: 0 32px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}

/* PC ≥992px */
@media screen and (min-width: 992px) {
    .Sbox input[type="text"] {
        height: 45px;
        width: 160px;
        font-size: 18px;
    }
    .Sbox .go-btn {
        height: 45px;
        width: 80px;
        font-size: 22px;
    }
}

/* 平板 769px ~ 991px */
@media screen and (min-width: 769px) and (max-width: 991px) {
    .Sbox input[type="text"] {
        height: 46px;
        font-size: 16px;
    }
    .Sbox .go-btn {
        height: 46px;
        font-size: 20px;
    }
}

/* 小手机 ≤768px */
@media screen and (max-width: 768px) {
    .Sbox input[type="text"] {
        height: 40px;
        width: 150px;
        font-size: 14px;
        padding: 0 16px;
    }
    .Sbox .go-btn {
        height: 40px;
        font-size: 18px;
        padding: 0 20px;
    }
}