/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	color:#555;
	font-family:"Microsoft YaHei", "?���?�";
	background-color: #FFFFFF;
	line-height:24px;
}

/* PC homepage product cards: consistent media ratio and equal card geometry. */
@media(min-width:769px){
  .fgx-products .fgx-product-grid{grid-auto-rows:1fr!important;gap:28px!important}
  .fgx-products .fgx-product-card{display:grid!important;height:100%!important;grid-template-rows:220px 1fr!important;border:1px solid #e2e9ef!important;border-radius:10px!important;background:#fff!important;box-shadow:0 8px 24px rgba(28,55,88,.08)!important;overflow:hidden!important}
  .fgx-products .fgx-product-card:hover{transform:translateY(-6px)!important;border-color:#c9dbea!important;box-shadow:0 16px 38px rgba(28,55,88,.14)!important}
  .fgx-products .fgx-card-image{display:block!important;width:100%!important;height:220px!important;padding:0!important;overflow:hidden!important;background:#eaf0f5!important;box-sizing:border-box!important}
  .fgx-products .fgx-card-image img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center!important;background:#eaf0f5!important;transform:none!important}
  .fgx-products .fgx-product-card:hover .fgx-card-image img{transform:scale(1.035)!important}
  .fgx-products .fgx-card-body{display:flex!important;min-height:132px!important;padding:20px 22px 22px!important;flex-direction:column!important;box-sizing:border-box!important;background:#fff!important}
  .fgx-products .fgx-card-body h3{display:-webkit-box!important;min-height:29px!important;margin:0 0 9px!important;overflow:hidden!important;color:#203b57!important;font-size:18px!important;line-height:1.55!important;white-space:normal!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}
  .fgx-products .fgx-card-body p{display:-webkit-box!important;height:auto!important;min-height:48px!important;margin:0!important;overflow:hidden!important;color:#7b8b9c!important;font-size:14px!important;line-height:1.75!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}

  .fgx-cases .fgx-case-grid{grid-auto-rows:1fr!important;gap:24px!important}
  .fgx-cases .fgx-case-card{display:grid!important;height:100%!important;grid-template-rows:210px 1fr!important;border:1px solid #e2e9ef!important;border-radius:10px!important;background:#fff!important;box-shadow:0 8px 24px rgba(28,55,88,.08)!important;overflow:hidden!important}
  .fgx-cases .fgx-case-card:hover{transform:translateY(-6px)!important;border-color:#c9dbea!important;box-shadow:0 16px 38px rgba(28,55,88,.14)!important}
  .fgx-cases .fgx-card-image{display:block!important;width:100%!important;height:210px!important;padding:0!important;overflow:hidden!important;background:#eaf0f5!important;box-sizing:border-box!important}
  .fgx-cases .fgx-card-image img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center!important;background:#eaf0f5!important;transform:none!important}
  .fgx-cases .fgx-case-card:hover .fgx-card-image img{transform:scale(1.035)!important}
  .fgx-cases .fgx-card-body{display:flex!important;min-height:142px!important;padding:20px 20px 22px!important;flex-direction:column!important;box-sizing:border-box!important;background:#fff!important}
  .fgx-cases .fgx-card-body h3{display:-webkit-box!important;min-height:56px!important;margin:0 0 8px!important;overflow:hidden!important;color:#203b57!important;font-size:17px!important;line-height:1.6!important;white-space:normal!important;word-break:break-word!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  .fgx-cases .fgx-card-body p{display:-webkit-box!important;height:auto!important;min-height:48px!important;margin:0!important;overflow:hidden!important;color:#7b8b9c!important;font-size:14px!important;line-height:1.75!important;word-break:break-word!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
}
input,button,textarea,select{font-family:"Microsoft YaHei", "?���?�";}
UL {list-style-type:none;}
UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol{
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#headt{ width:100%; float:left;  height:30px; 	background-color:#E0E0E0; border-bottom:#ddd solid 1px;}
#dml{ width:100%; float:left; background-color:#333;}
#head{
	width:100%;
	float:left;

}
#dh{
	width:100%;
	float:left;
	height:50px;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#flash{
	width:100%;
	float:left;

}
#adv1 {
	width: 100%;
	height: 256px;
	text-align: center;
	float:left;
	background-image: url(../images/adv1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#adv1 h1 { 
	color: rgb(255, 255, 255); padding-top: 170px; font-size: 18px; font-weight: bold;
}
#adv1 h2 {
	color: rgb(255, 255, 255); font-size: 18px; font-weight: bold;
}
#adv2 {
	width: 100%;
	height: 389px;
	text-align: center;
	float:left;
	background-image: url(../images/adv2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; 
}
#adv2 h1 {float:right;
	color: rgb(255, 255, 255);  padding-top: 250px; padding-right:180px; font-size: 18px; font-weight: bold;
}
#adv2 h2 {float:left;padding-top: 10px; padding-left:890px;
	color: rgb(255, 255, 255); font-size: 18px; font-weight: bold;
}
#ljso{
	width:100%;
	float:left;
	height:50px;
	background-color:#fff; border-bottom:#ddd solid 1px;border-top:#ddd solid 1px;
}

#contact{
	width:100%;
	float:left;
	background-image: url(../images/dbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:400px;
}
#hyweb{
	width:100%;
	float:left;
	padding-top:20px;
	padding-bottom:20px;

}
#hyweb0{
	width:100%;
	float:left;
	padding-top:30px;
	padding-bottom:30px;
	background-image: url(../images/product_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#hywebys{
	width:100%;
	float:left;
	padding-top:30px;
	padding-bottom:30px;
	background-image: url(../images/youshi_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#hyweb1{
	width:100%;
	float:left;

	padding-top:20px; padding-bottom:10px;
}
#hyweb2{
	width:100%;
	float:left;
	background-image: url(../images/bgb.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding-top:25px; padding-bottom:25px;
}
#body_1{width:1200px; margin-left:auto; margin-right:auto;}
#body_2{width:1206px; margin-left:auto; margin-right:auto;}
#dibu{
	width:100%;
	float:left;
	background-color:#0B89DD;
	padding-top:18px;
	padding-bottom:12px;
}
#t1{ width:1200px; float:left; line-height:30px; color:#444; font-size:12px;}
#t1 .left{ float:left; width:600px; float:left;}
#t1 .right{ width:414px; float:right; text-align:right;}
#t1 span{
	color:#555;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
#t1 A{color:#333; padding-left:6px; padding-right:6px;}
#t1 A:hover{color:#333;}
#top{
	width:1200px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;

}

#logo{ width:500px; float:left; text-align:left;}
#top-1{
	width:440px;
	float:right;
	
}
#tel{ float:right; line-height:25px; font-size:18px;  color:#333; text-align:right; background-image: url(../images/tel.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:45px; margin-top:35px;}
#tel .name{ text-align:left; margin-right:18px; line-height:22px;}
#tel .f22{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#fc6002;font-weight:bold; line-height:30px;
}
#weso{ width:1200px; float:left; line-height:50px; height:50px; font-size:13px; color:#2b81e0;}
#weso A{ color:#555; font-size:12px; padding-left:6px; padding-right:6px;}
#weso A:hover{ color:#2b81e0}
#weso .left{ width:870px; float:left;}
#weso .left b{ color:#2b81e0;}
#weso .right{ width:300px; float:right;}
#search{
	width:300px;
	float:right;
	border:0px;
	margin-top:10px;
	height:30px;
	background-image: url(../images/search_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#search .input{
	width:200px;
	color:#999;
	padding-left:20px;
	padding-right:10px;
	height:28px;
	line-height:22px;
	font-size:12px;
	float:right;
	font-family:"Microsoft YaHei", "?���?�", "����";
	border:0px;
	border-right:0px;
	background:none;outline:none;
}
#search .buttom{
	width:60px;
	height:30px;
	cursor:pointer;
	border:0px;
	background:none;
	margin:0px;
	padding:0px;
	float:right;
}
#main{
	width:1200px;
	float:left;

}
#cpfl{ width:230px; float:left; border-top:#2B81E0 solid 8px; background-color:#fff; }
#cpfl_1{
	width:230px;
	float:left;
}
#lm-1{
	width:230px;
	float:left;
	padding-top:10px;
	padding-bottom:10px; text-align:center;
}
#lm-1 h1{ font-size:22px; color:#444;font-weight:normal; line-height:36px;	}#lm-1 h2{
	color:#aeadad;
	font-size:14px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;
}
#cplb_2{ width:214px; float:left; padding:8px;}
#cplb_2 .gg{ width:214px; float:left; margin-top:5px;}
#cplb_2 .gg img{ border:0px; width:214px; height:150px;}
#cplb{
	width:214px;
	float:left;
	overflow:hidden;
		
}
#cplb UL{ list-style-type:none;   }
#cplb UL LI {
	WIDTH: 214px;
	height:36px;
	font-size: 14px;
	line-height:36px;
	float:left;
		background-image: url(../images/f1.jpg);
	background-repeat: no-repeat;
	background-position: left center; margin-top:3px; margin-bottom:3px;
}
#cplb UL LI A {
padding-left:25px;
	color:#fff;
	display:block;
	
}
#cplb UL LI A:hover {background-image: url(../images/f2.jpg);
	background-repeat: no-repeat;
	background-position: left center;;
	color:#fff;
}

#cpzsa{ width:950px; float:right;}
#cpzs-1{
width:950px;
	float:left;
	background-image: url(../images/product_top_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#cpzs-1 h2{
	padding-left:32px;
	padding-right:12px;
	line-height:40px;
	float:left;
	color:#fff;
	font-size:15px;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 10px center;
		}
#cpzs-1 .more{ float:right; line-height:40px; color:#fff; padding-right:12px; font-size:14px;}
#cpzs-1 .more A{ color:#fff}
#cpzs-1 .more A:hover{ color:#fff}
#prolist {
	WIDTH:950px;
	FLOAT: left; margin-top:15px;
}
#prolist UL {
	LIST-STYLE-TYPE: none
}
#prolist UL LI {
	TEXT-ALIGN: center; WIDTH:230px; FLOAT: left; padding-right:10px;cursor:pointer; 
}
#prolist UL LI.r{ float:right; padding-right:0px;}

#prolist UL LI h1{ width:224px; padding:2px;  border:#ddd solid 1PX; background-color:#fff; cursor:pointer;TEXT-ALIGN: center; height:150px; display:table-cell; vertical-align:middle; }
#prolist UL LI IMG { border:0px;max-width:224px;HEIGHT: 150px;}
#prolist UL LI p{
	width:230px;
	cursor:pointer;
	font-size:14px;
	padding-top:10px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	background-image: url(../images/product_shand.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#prolist UL LI A {
	DISPLAY: block; color:#444;transition:all 0.2s ease-in-out 0s;
}
#prolist UL LI A:hover {
	color:#2b81e0;
}
#prolist UL LI A:hover h1{ border:#2b81e0 solid 1px;}	

#ys_2{
	width:1200px;
	float:left;
	padding-top:10px;

}
#ysa1{
	width:1140px;
	float:left; height:250px;
	background-image: url(../images/you1_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center; margin-bottom:20px; padding-top:18px; padding-bottom:18px; padding-left:30px; padding-right:30px;
}
#ysa1 .left{ width:650px; float:left;}
#ysa1 .left h1{ width:650px; float:left; font-weight:normal;}
#ysa1 .left h1 span{ text-align:center;
	float:left;
	width:36px;
	height:46px;
	line-height:36px;
	font-size:22px; font-weight:bold;
	color:#fff;
	margin-right:20px;
	background-image: url(../images/nbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
}
#ysa1 .left h1 .c1{ font-size:26px; line-height:36px; color:#FD6A03;  }
#ysa1 .left .nra{ width:590px; float:left; margin-top:12px; padding-left:56px;line-height:28px; font-size:15px;color:#444;}

#ysa1 .img1{ float:right; max-width:450px; height:250px;}
#ysa2{ 	width:1140px;
	float:left; height:250px;
	background-image: url(../images/you2_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center; margin-bottom:20px; padding-top:18px; padding-bottom:18px; padding-left:30px; padding-right:30px;}
#ysa2 .left{ width:650px; float:right;}
#ysa2 .left h1{ width:650px; float:left; font-weight:normal;}
#ysa2 .left h1 span{ text-align:center;
	float:left;
	width:36px;
	height:46px;
	line-height:36px;
	font-size:22px; font-weight:bold;
	color:#fff;
	margin-right:20px;
	background-image: url(../images/nbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
}
#ysa2 .left h1 .c1{ font-size:26px; line-height:36px; color:#FD6A03;  }
#ysa2 .left .nra{ width:590px; float:left; margin-top:12px; padding-left:56px;line-height:28px; font-size:15px;color:#444;}
#ysa2 .img1{ float:left; max-width:450px;height:250px; }

#pro{ width:1200px; float:left;}
#pro_1{
	width:1200px;
	float:left;
	background-color:#2b81e0;
	height:40px;
	background-image: url(../images/product_top_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#pro_1 h2{
padding-left:32px;
	padding-right:12px;
	line-height:40px;
	float:left;
	color:#fff;
	font-size:15px;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#more{ width:60px; float:right; text-align:center; line-height:40px; color:#ffffff;}
#more A{ color:#FFffff;}
#pro_2{ border:#2b81e0 solid 1px; padding:9px; width:1180px; float:left; border-top:0px; }
#prolista {
	WIDTH:1180px;
	FLOAT: left;
}
#prolista UL {
	LIST-STYLE-TYPE: none
}
#prolista UL LI {
	TEXT-ALIGN: center; WIDTH:226px; FLOAT: left; padding:5px;cursor:pointer; 
}

#prolista UL LI h1{ width:220px; padding:2px;  border:#f1f1f1 solid 1PX; cursor:pointer;TEXT-ALIGN: center; height:145px; display:table; vertical-align:middle; background-color:#fff; }
#prolista UL LI IMG { border:0px;max-width:210px;HEIGHT: 145px;}
#prolista UL LI p{ width:226px;  cursor:pointer; font-size:14px; height:35px; line-height:35px; overflow:hidden; background-color:#f1f1f1;}

#prolista UL LI A {
	DISPLAY: block; color:#444;box-shadow: 0px 1px 4px #999;-webkit-box-shadow: 0px 1px 4px #999;-moz-box-shadow: 0px 1px 4px #999;transition:all 0.2s ease-in-out 0s;
}
#prolista UL LI A:hover {
	color:#fff;
}
#prolista UL LI A:hover p{ background-color:#2b81e0}	
#prolista UL LI A:hover h1{ border:#2b81e0 solid 1px;}	
#case{ width:1200px; float:left; border-top:#ddd dotted 1px; padding-top:25px;}
#case_1{
	width:1200px;
	float:left; text-align:center;

}
#case_1 h1{ font-size:14px; color:#222; line-height:50px; font-weight:normal;
	
}
#case_2{ width:1200px; float:left; margin-top:25px;}
#case_2 .more{ width:1200px; float:left; margin-top:20px;}
#case_2 .more .sy-more {
	margin: 5px auto 6px; border-radius: 6px; background-color:#f4f4f4; border-image: none; width: 250px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; box-shadow: 5px 5px 5px #eee;
}
#case_2 .more .sy-more:hover {
	background:#2980E1; transition:1.1s; color:#fff;
}
#case_2 .more .sy-more:hover A:hover{ color:#fff;}
#case_2 .more .sy-more:hover a {
	color: #101010; display: block;
}
.nTab{ width:910px; margin-left:auto; margin-right:auto;}
.nTab  ul{
border:0;
margin:0;
}
.nTab  li{
	float: left;
	width: 130px;
	text-align:center;
	cursor: pointer;
	list-style-type: none;
	height:44px;
	line-height:39px;
	font-size: 14px; 

}
.nTab li.active{
	color:#fff;
	background-image: url(../images/tab_hover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.nTab li.normal{
	color:#fff;
	background-image: url(../images/tab1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
.nonea{ display:none;}
#caselist {
	WIDTH:1200px;
	FLOAT: left; min-height:200px;
}
#caselist UL {
	LIST-STYLE-TYPE: none
}
#caselist UL LI {
	TEXT-ALIGN: center; WIDTH:285px; FLOAT: left; padding-right:20px;
}
#caselist UL LI.r{ float:right; padding-right:0px;}
#caselist UL LI h1{ width:279px; padding:2px;  border:#f1f1f1 solid 1PX; cursor:pointer;TEXT-ALIGN: center; height:180px; display:table; vertical-align:middle; background-color:#fff; }
#caselist UL LI IMG { border:0px;max-width:279px;HEIGHT: 180px;}
#caselist UL LI p{ width:285px;  cursor:pointer; font-size:14px; height:35px; line-height:35px; overflow:hidden; background-color:#f1f1f1;}

#caselist UL LI A {
	DISPLAY: block; color:#444;box-shadow: 0px 1px 4px #999;-webkit-box-shadow: 0px 1px 4px #999;-moz-box-shadow: 0px 1px 4px #999;transition:all 0.2s ease-in-out 0s;
}
#caselist UL LI A:hover {
	color:#fff;
}
#caselist UL LI A:hover p{ background-color:#2b81e0}	
#caselist UL LI A:hover h1{ border:#2b81e0 solid 1px;}
#company{ width:830px; float:left;}
#comaanya{ width:810px; padding:9px; border:#ddd solid 1px;border-radius:4px; float:left;}
#company_1{ width:830px; float:left;  }
#company_1 h2{
	width:139px;
	height:40px;
	text-align:center;
	float:left;
	line-height:40px;
	font-size:16px;
	color:#fff;
	font-weight:normal;
	float:left;
	background-image: url(../images/tab3_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top; margin-left:4px;
}
#company_1 .more{ float:right; font-size:14px; width:50px; text-align:center;}
#company_1 .more A{ color:#555; line-height:40px;}
#company_1 .more A:hover{ color:#FF6600;}
#company_2{ width:810px; float:left; }
#company_2 img{ border:#ddd solid 1px; margin-right:12px; width:188px; height:130px; float:left;}
#company_2 h2{ font-size:16px; line-height:28px;text-align:left;}
#company_2 p{ font-size:14px; line-height:26px; text-align:left; text-indent:28px;}
#company_2 span{ color:#2b81e0}
#ryzz{ width:810px; float:left; margin-top:10px;}
#ryzz_1{
	width:810px;
	float:left;
	height:30px; border-bottom:#ddd solid 1px;
}
#ryzz_1 h2{
	font-size:14px; float:left;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-position: 8px center;color:#2b81e0; padding-left:28px; padding-right:18px; line-height:30px;
}
#ryzz_1 .more{ float:right;  width:50px; text-align:center;}
#ryzz_1 .more A{ color:#555; line-height:30px;}
#ryzz_1 .more A:hover{ color:#FF6600;}
#ryzz_2{ width:800px; margin-top:10px; float:left;}
#zzry {

	WIDTH:740px;
	FLOAT: left; overflow:hidden; padding-left:35px; padding-right:35px; position:relative;

}
#zzry UL {
	LIST-STYLE-TYPE: none; 
}
#zzry UL LI {
	TEXT-ALIGN: center; WIDTH: 175px; FLOAT: left; padding-left:5px; padding-right:5px; overflow:hidden
}
#zzry UL LI IMG {  width:169px; padding:2px;  border:#ddd solid 1PX; cursor:pointer;TEXT-ALIGN: center; height:120px; }
#zzry UL LI p{ width:175px;  cursor:pointer; font-size:14px; height:30px; line-height:30px; overflow:hidden;}
#zzry UL LI A { color:#666;
	DISPLAY: block; 
}
#zzry UL LI A:hover {
	  COLOR:#2b81e0;
}
#zzry UL LI A:hover images {
	border:#2b81e0 solid 1px;
}
#zzry .prev,
#zzry .next {
	width: 30px;
	height:130px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: left center;
	top:0px;
	
}
#zzry .prev {
	left:0px;
	background-image: url(../images/left1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#zzry .next {
	right:0px;
	background-position: right center;
	background-image: url(../images/right1.png);
}
#cywt{
	width:350px;
	float:right;
}
#cywt_1{
	width:350px;
	float:left;
	height:40px;
	background-color:#2b81e0;
	background-image: url(../images/product_top_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#cywt_1 h2{padding-left:32px;
	padding-right:12px;
	line-height:40px;
	float:left;
	color:#fff;
	font-size:15px;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 10px center;}
#cywt_1 .more{ float:right; margin-top:14px; width:50px; text-align:center;}
#cywt_2{padding:9px; width:330px; float:left;  border:#2b81e0 solid 1px; background-color:#fff; height:340px;}

.hyweb1 { width:330px; height:340px; position: relative; overflow:hidden; }
.hyweb1 li{width:330px;
	background-repeat: no-repeat;
	background-position: center top; height:340px; text-align:center; position:relative;
}
.hyweb1 li h1{ width:330px; height:300px; display:table-cell; vertical-align:middle;}
.hyweb1 li img{ border:0px; width:330px; max-height:300px; }
.hyweb1 li h3{
	width:310px;
 height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:normal; padding-left:10px; padding-right:10px;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:10;
	background-image: url(../images/zzc.png);
	background-repeat: repeat;
	background-position: left top; 	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden; text-align:center;
}
/*���?�?��?*/
.hyweb1 .num {right:10px; bottom:50px;  height:24px;  position: absolute; z-index: 999;	}
.hyweb1 .num li {
	text-align:center;
	width: 18px;
	height: 18px;
	line-height:0px;
	overflow:hidden;
	color:#fff;
	font-size:12px; line-height:18px;
	text-align:center;
	margin-right: 4px;
	margin-left:4px;
	cursor:pointer;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	overflow:hidden;
border-radius:18px; background-color:#2b81e0; font-size:14px; margin-top:3px;transition:all 0.3s ease-in-out 0s;
}
.hyweb1 .num li.on {
background-color:#F58220; width:24px; height:24px;border-radius:24px; margin-top:0px; line-height:24px;transition:all 0.3s ease-in-out 0s;
} 


#news{width:830px; float:left; }
#infoa{
	width:830px;
	float:left;

}
#info_1{
	width:830px;
	float:left;

}
#info_1 .more{ float:right; font-size:14px; width:50px; text-align:center;}
#info_1 .more A{ color:#555; line-height:40px;}
#info_1 .more A:hover{ color:#FF6600;}
.nTaba{
float: left;
width:600px;  height:36px; margin-left:4px;
}

.nTaba  ul{
border:0;
margin:0;
}
.nTaba  li{ width:139px;
	float: left;
		text-align:center;
	cursor: pointer;
	list-style-type: none;
	height:40px;
	line-height:40px;
	font-size: 16px; margin-right:5px; 

}
.nTaba li.active{
	color:#fff;
	background-image: url(../images/tab3_hover.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.nTaba li.normal{
	color:#2A2A2A;
	background-image: url(../images/ntab2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#info_2{ width:810px; padding:9px; border:#ddd solid 1px;border-radius:4px; float:left;height:308px;}
#newsa_1{
	width:810px;
	float:left; 

	}
#newsa_1 img{ width:218px; float:left; height:150px; padding:1px; border:#eee solid 1px; margin-right:12px;}
#newsa_1 h1{ font-size:18px; font-weight:normal; line-height:32px; cursor:pointer; color:#2b81e0}
#newsa_1 span{color:#2b81e0; font-weight:bold;}
#newsa_1 p{ line-height:28px; color:#666; font-size:14px;}
#newsa_1 p A{ color:#2b81e0;}
#newsa_1 p A:hover{
	color:#2b81e0;

}

#news-2{width:810px;
	float:left; margin-top:10px;
}
#news-2 ul{ list-style-type:none;   font-size:12px;  }
#news-2 UL LI.none {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#news-2 UL LI {
	text-align:left;
	WIDTH:390px;
	display:block;
	line-height:28px;
	height:28px;
	float:left;
	OVERFLOW: hidden;
	font-size:13px;
	background-image: url(../images/ico03.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	border-bottom:#ccc dotted 1px; margin-right:5px; margin-left:5px;
	
}
#news-2 UL LI span{ float:right;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#news-2 UL LI A {
padding-left:18px;
color:#444;
}
#news-2 UL LI A:hover {
	padding-left:18px;
	color:#2b81e0;
}
#cjwta{ width:350px; float:right;}
#cywta_2{ padding:9px; width:330px; float:left;  border:#2b81e0 solid 1px; background-color:#fff; height:308px; overflow:hidden;}
#news-3{width:330px;
	float:left; 
}
#news-3 ul{ list-style-type:none;   font-size:12px;  }
#news-3 UL LI.none {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#news-3 UL LI {
	text-align:left;
	WIDTH:330px;
	float:left; 
	
}
#news-3 UL LI .wen{
	padding-left:35px;
	background-image: url(../images/quest_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center; line-height:25px; font-size:14px;
}
#news-3 UL LI .da{	border-bottom:#ddd dotted 1px;	padding-left:35px;
	background-image: url(../images/answer_icon.jpg);
	background-repeat: no-repeat;
	background-position: left 4px; line-height:22px; color:#666; height:70px; overflow:hidden; padding-bottom:3px; padding-top:3px;}
#news-3 UL LI span{ 
	color:#2b81e0;
	
}
#news-3 UL LI A {
color:#333;
}
#news-3 UL LI A:hover {
	color:#2b81e0;
}
#link{
	width:1190px;
	float:left; padding:4px; border:#ddd solid 1px;
}

#link h2{ width:90px; height:55px;
	float:left;
	background-image: url(../images/yqlj.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#link_2{ width:1084px; float:right; font-size:14px; line-height:25px;}

#bottom{
	width:1200px;
	float:left;
	line-height:22px;
}
.site-footer{ color:#fff; }
.ft-grid{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0;
	width:100%;
	padding:0 0 12px;
	border-bottom:1px solid rgba(255,255,255,.18);
}
.ft-brand{
	flex:0 0 auto;
	display:block;
	padding-right:32px;
	border-right:1px solid rgba(255,255,255,.15);
}
.ft-logo{
	display:block;
	max-width:168px;
	max-height:60px;
	width:auto;
	height:auto;
}
.ft-col{ text-align:left; min-width:0; }
.ft-nav{
	flex:0 0 210px;
	padding:0 32px;
	border-right:1px solid rgba(255,255,255,.15);
}
.ft-contact{ flex:1; min-width:0; padding-left:32px; }
.ft-title{
	margin:0 0 8px;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	color:#fff;
	position:relative;
	padding-bottom:5px;
}
.ft-title:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:28px;
	height:2px;
	background:rgba(255,255,255,.55);
	border-radius:1px;
}
.ft-nav-list{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:4px 16px;
}
.ft-nav-list a{
	color:rgba(255,255,255,.92) !important;
	font-size:13px;
	line-height:20px;
	transition:color .2s;
}
.ft-nav-list a:hover{ color:#fff !important; text-decoration:underline; }
.ft-info-list{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	column-gap:24px;
	row-gap:4px;
}
.ft-info-list li{
	margin:0;
	font-size:13px;
	line-height:1.5;
	color:rgba(255,255,255,.9);
}
.ft-info-list li.ft-full{ grid-column:1 / -1; }
.ft-label{
	display:inline-block;
	min-width:56px;
	margin-right:4px;
	color:rgba(255,255,255,.72);
	vertical-align:top;
}
.ft-val{ display:inline; vertical-align:top; }
.ft-info-list a{ color:#fff !important; }
.ft-info-list a:hover{ text-decoration:underline; }
.ft-contact-body{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:20px;
}
.ft-contact-body .ft-info-list{ flex:1; min-width:0; }
.ft-qr{
	display:flex;
	flex-direction:column;
	align-items:center;
	flex-shrink:0;
	gap:4px;
	text-align:center;
}
.ft-qr img{
	width:72px;
	height:72px;
	padding:3px;
	background:#fff;
	border-radius:4px;
}
.ft-qr span{
	font-size:11px;
	color:rgba(255,255,255,.78);
	line-height:1.3;
}
.ft-bar{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:8px 16px;
	padding:10px 0 0;
	font-size:13px;
	line-height:1.6;
	color:rgba(255,255,255,.88);
}
.ft-copy{ margin:0; text-align:left; flex:1 1 auto; }
.ft-meta{ margin:0; text-align:right; flex:0 0 auto; white-space:nowrap; }
.ft-meta a{ color:#fff !important; }
.ft-meta a:hover{ text-decoration:underline; }
.ft-power{ color:rgba(255,255,255,.78); }
.ft-sep{
	margin:0 10px;
	color:rgba(255,255,255,.35);
}
a:link {
	text-decoration: none;
	color:#5a5a5a;
}
a:visited {
	text-decoration: none;
	color:#5a5a5a;
}
a:hover {
	color:#2b81e0;
}
.site-footer a:link,
.site-footer a:visited{
	color:rgba(255,255,255,.92) !important;
}
.site-footer a:hover{
	color:#fff !important;
	text-decoration:underline;
}
.site-footer .ft-info-list a:link,
.site-footer .ft-info-list a:visited,
.site-footer .ft-meta a:link,
.site-footer .ft-meta a:visited{
	color:#fff !important;
}

.hg2{ margin-top:20px;}
.hg{ margin-top:6px;}
.hg1{ margin-top:20px;}
/* ???????? */
.kf-widget{ position:fixed; right:16px; top:28%; z-index:1000; font-family:"Microsoft YaHei",sans-serif;}
.kf-card{ width:204px; background:#fff; border-radius:8px; box-shadow:0 4px 20px rgba(11,137,221,.25); overflow:hidden; border:1px solid #d6e9f8;}
.kf-card-head{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:linear-gradient(135deg,#0B89DD 0%,#1E71E1 100%); color:#fff;}
.kf-card-title{ font-size:14px; font-weight:bold; letter-spacing:1px;}
.kf-card-close{ width:22px; height:22px; border:0; border-radius:50%; background:rgba(255,255,255,.25); color:#fff; font-size:18px; line-height:20px; cursor:pointer; padding:0;}
.kf-card-close:hover{ background:rgba(255,255,255,.4);}
.kf-card-body{ padding:8px;}
.kf-action{ display:block; margin-bottom:8px; border-radius:6px; overflow:hidden; background:#f7fbff; border:1px solid #e3f0fb;}
.kf-action:last-child{ margin-bottom:0;}
.kf-action-phone{ display:flex; align-items:center; padding:10px; transition:background .2s,border-color .2s; cursor:pointer; position:relative;}
.kf-action-phone:hover{ background:#eef6ff; border-color:#b8d9f5;}
.kf-action-btn{ display:flex; align-items:center; width:100%; padding:10px; border:0; background:transparent; cursor:pointer; text-align:left; transition:background .2s;}
.kf-action-btn:hover{ background:#eef6ff;}
.kf-action-ico{ flex-shrink:0; width:36px; height:36px; border-radius:50%; margin-right:10px; background-repeat:no-repeat; background-position:center; background-size:18px 18px;}
.kf-action-phone .kf-action-ico{ background-color:#1E71E1; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1-9.4 0-17-7.6-17-17 0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z'/%3E%3C/svg%3E");}
.kf-action-mobile .kf-action-ico{ background-color:#0B89DD; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M16 1H8C6.9 1 6 1.9 6 3v18c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm-4 19c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm4-3H8V4h8v13z'/%3E%3C/svg%3E");}
.kf-action-wx .kf-action-ico{ background-color:#07C160; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.5 7C5.5 7 3 9 3 11.5c0 1.4.7 2.6 1.8 3.5L4 17l2.3-1.2c.7.2 1.5.3 2.2.3 3 0 5.5-2 5.5-4.5S11.5 7 8.5 7zm-2 3.2c-.4 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8-.4.8-.8.8zm4 0c-.4 0-.8-.3-.8-.8s.3-.8.8-.8.8.3.8.8-.4.8-.8.8zM16 9c-2.8 0-5 1.7-5 3.8 0 2.1 2.2 3.8 5 3.8.6 0 1.2-.1 1.8-.3l2 .9-.5-1.7c.8-.7 1.2-1.6 1.2-2.7C20.5 10.7 18.4 9 16 9zm-1.8 2.8c-.3 0-.6-.3-.6-.6s.3-.6.6-.6.6.3.6.6-.3.6-.6.6zm3.6 0c-.3 0-.6-.3-.6-.6s.3-.6.6-.6.6.3.6.6-.3.6-.6.6z'/%3E%3C/svg%3E");}
.kf-action-text{ flex:1; min-width:0;}
.kf-action-text b{ display:block; font-size:13px; color:#065BC2; line-height:18px; font-weight:bold;}
.kf-action-text small{ display:block; font-size:12px; color:#666; line-height:16px;}
.kf-action-phone .kf-phone-num{ color:#1E71E1; font-weight:bold; font-size:13px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:0.3px;}
.kf-action-mobile .kf-phone-num{ color:#0B89DD; }
.kf-copy-tip{ display:none; position:absolute; left:50%; bottom:4px; transform:translateX(-50%); padding:2px 8px; background:rgba(30,113,225,.92); color:#fff; font-size:11px; border-radius:3px; white-space:nowrap; z-index:2;}
.kf-copy-tip.show{ display:block;}
.kf-action-arrow{ width:8px; height:8px; border-right:2px solid #999; border-bottom:2px solid #999; transform:rotate(45deg); margin-left:4px; transition:transform .2s;}
.kf-action-wx.is-open .kf-action-arrow{ transform:rotate(-135deg); margin-top:4px;}
.kf-qr-panel{ display:none; padding:8px 10px 10px; text-align:center; border-top:1px dashed #dce9f5; background:#fff;}
.kf-action-wx.is-open .kf-qr-panel{ display:block;}
.kf-qr-panel img{ width:110px; height:110px; border:1px solid #e5e5e5; border-radius:4px; padding:3px; background:#fff;}
.kf-qr-panel p{ margin:6px 0 0; font-size:12px; color:#888; line-height:18px;}
.kf-tab{ display:none; width:40px; padding:12px 8px; border:0; border-radius:8px 0 0 8px; background:linear-gradient(135deg,#0B89DD,#1E71E1); color:#fff; font-size:14px; line-height:1.3; letter-spacing:2px; writing-mode:vertical-rl; cursor:pointer; box-shadow:-2px 2px 12px rgba(30,113,225,.35);}
.kf-tab:hover{ opacity:.92;}
.kf-gotop{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; background:#1E71E1; color:#fff; font-size:12px; font-weight:bold; border-radius:6px; box-shadow:0 2px 8px rgba(30,113,225,.35);}
.maximg img{ max-width:100%; height:auto !important}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:����}
.text-secondary{ text-align:center; padding:20px 0}

/* ?????????? */
@media (max-width: 1024px) {
  #body_1, #body_2, #t1, #top, #case, #case_1, #case_2, #case_2 .more,
  #weso, #ljso, #hyweb, #hyweb0, #hyweb1, #hywebys, #main, #cpfl, #cpzsa,
  #pro, #company, #news, #cjwta, #cywt, #link, #adv1, #adv2 {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    float: none;
    height: auto;
    min-height: 0;
  }
  #logo { width: auto; max-width: 65%; float: left; }
  #logo img { max-height: 72px; width: auto; height: auto; }
  #top-1, #tel { width: auto; float: right; text-align: right; }
  #t1 .left, #t1 .right { width: auto; float: none; text-align: center; }
  #dh { height: auto; min-height: 44px; }
  #menu ul { display: flex; flex-wrap: wrap; justify-content: center; }
  #menu ul li { float: none; }
  #menu ul li a { padding: 10px 8px; font-size: 13px; }
  #menu ol { position: static; display: none; }
  #flash, .hyweb, .hywebn { height: auto; min-height: 180px; }
  .hyweb .51buypic li, .hywebn .51buypic li { height: 220px !important; background-size: cover !important; }
  #weso .left, #weso .right { width: 100%; float: none; text-align: center; margin-bottom: 8px; }
  #cpfl, #cpzsa, #prolista, #caselist, #company_2, #news-2, #news-3 { width: 100%; }
  #prolist ul li, #prolista ul li, #caselist ul li, #cywt_2 ul li {
    width: 48% !important;
    margin-right: 2%;
    float: left;
  }
  #prolist ul li.r, #caselist ul li.r { float: left; padding-right: 0; }
  #prolist ul li h1, #prolista ul li h1, #caselist ul li h1 { width: 100%; max-width: 100%; }
  #prolist ul li img, #prolista ul li img, #caselist ul li img { max-width: 100%; height: auto; }
  #company_2 img { width: 100%; max-width: 280px; height: auto; float: none; display: block; margin: 0 auto 12px; }
  #company_2 p { text-indent: 0; }
  #newsa_1 img { width: 100%; max-width: 280px; height: auto; float: none; display: block; margin: 0 auto 10px; }
  #news-2, #news-3 { width: 100%; }
  #adv1, #adv2 { background-size: cover; }
  #adv1 h1 { padding-top: 120px; }
  #adv2 h1, #adv2 h2 { float: none; padding: 120px 10px 0; text-align: center; }
  #bottom{ width:100% !important; }
  .ft-grid{
    flex-wrap:wrap;
    align-items:flex-start;
    gap:16px 0;
    padding-bottom:12px;
  }
  .ft-brand{
    width:100%;
    padding:0 0 12px;
    margin:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .ft-nav{
    flex:1 1 45%;
    padding:0 12px 0 0;
    border-right:0;
  }
  .ft-contact{
    flex:1 1 100%;
    padding:12px 0 0;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .ft-contact-body{ flex-wrap:wrap; align-items:center; }
  .ft-info-list{ grid-template-columns:1fr; column-gap:0; }
  .ft-info-list li.ft-full{ grid-column:auto; }
  .ft-nav-list{ justify-content:flex-start; }
  .ft-bar{ font-size:12px; }
  .ft-meta{ white-space:normal; text-align:right; }
  .kf-widget { right:8px; top:auto; bottom:80px; }
  .kf-card { width:152px; }
}
@media (max-width: 640px) {
  #prolist ul li, #prolista ul li, #caselist ul li, #cywt_2 ul li { width: 100% !important; margin-right: 0; }
  #menu ul li a { padding: 8px 5px; font-size: 12px; }
  .hyweb .51buypic li, .hywebn .51buypic li { height: 160px !important; }
  .ft-brand{ padding-bottom:10px; }
  .ft-logo{ max-height:52px; }
  .ft-nav{ flex:1 1 100%; padding:0; }
  .ft-contact{ padding-top:10px; }
  .ft-contact-body{ flex-direction:row; flex-wrap:wrap; align-items:center; }
  .ft-bar{ flex-direction:column; align-items:flex-start; gap:6px; }
  .ft-meta{ text-align:left; width:100%; white-space:normal; }
}

/* 2026 homepage restructure */
.fgx-section{width:100%;float:left;padding:58px 0;box-sizing:border-box;}
.fgx-container{width:1200px;max-width:calc(100% - 32px);margin:0 auto;box-sizing:border-box;}
.fgx-title{text-align:center;margin-bottom:30px;}
.fgx-title h2{font-size:30px;line-height:1.35;color:#183b64;margin:0 0 8px;font-weight:bold;}
.fgx-title p{font-size:15px;color:#8795a6;margin:0;min-height:20px;}
.fgx-title-light h2{color:#fff;}.fgx-title-light p{color:rgba(255,255,255,.72);}
.fgx-title-left{text-align:left;margin-bottom:20px;}
.fgx-grid{display:grid;gap:22px;}
.fgx-product-grid{grid-template-columns:repeat(3,1fr);}
.fgx-case-grid{grid-template-columns:repeat(4,1fr);}
.fgx-category-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:-8px 0 30px;}
.fgx-category-nav a{padding:8px 22px;border:1px solid #d7e1ec;border-radius:22px;color:#425b76;background:#fff;transition:.2s;}
.fgx-category-nav a:hover{color:#fff;background:#1478d4;border-color:#1478d4;}
.fgx-product-card,.fgx-case-card{background:#fff;box-shadow:0 8px 26px rgba(28,55,88,.1);overflow:hidden;transition:.25s;}
.fgx-product-card:hover,.fgx-case-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(28,55,88,.16);}
.fgx-card-image{display:block;height:205px;overflow:hidden;background:#eef3f7;}
.fgx-card-image img{width:100%;height:100%;object-fit:cover;transition:.35s;}
.fgx-product-card .fgx-card-image,.fgx-case-card .fgx-card-image{display:flex;align-items:center;justify-content:center;padding:12px;background:#f1f5f8;box-sizing:border-box}
.fgx-product-card .fgx-card-image img,.fgx-case-card .fgx-card-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#fff}

/* Footer brand and QR visibility */
.site-footer .ft-grid{align-items:stretch!important;gap:0!important}
.site-footer .ft-brand{display:flex!important;flex:0 0 250px!important;align-items:center!important;justify-content:center!important;margin-right:34px!important;padding:16px 22px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;background:rgba(255,255,255,.92)!important;box-sizing:border-box!important}
.site-footer .ft-logo{display:block!important;width:auto!important;height:auto!important;max-width:205px!important;max-height:82px!important;object-fit:contain!important}
.site-footer .ft-nav{flex:0 0 245px!important;padding:4px 34px 0 0!important}
.site-footer .ft-contact{padding:4px 0 0 34px!important}
.site-footer .ft-contact-body{gap:30px!important}
.site-footer .ft-qr{gap:7px!important}
.site-footer .ft-qr img{width:112px!important;height:112px!important;padding:6px!important;border-radius:7px!important;box-shadow:0 5px 18px rgba(5,42,80,.18)!important;box-sizing:border-box!important}
.site-footer .ft-qr span{font-size:13px!important;color:rgba(255,255,255,.92)!important}
@media(max-width:1024px){.site-footer .ft-brand{width:auto!important;flex:1 1 100%!important;min-height:100px!important;margin:0 0 8px!important;padding:13px 20px!important}.site-footer .ft-logo{max-width:220px!important;max-height:76px!important}.site-footer .ft-nav{flex:1 1 100%!important;padding:0!important}.site-footer .ft-contact{padding-top:14px!important}.site-footer .ft-qr img{width:104px!important;height:104px!important}}

/* Footer logo: crop transparent canvas whitespace, no background panel */
.site-footer .ft-brand{position:relative!important;display:block!important;flex:0 0 300px!important;width:300px!important;height:112px!important;min-height:0!important;margin:0 34px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:hidden!important}
.site-footer .ft-logo{position:absolute!important;left:0!important;top:-48px!important;display:block!important;width:300px!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:initial!important}
@media(max-width:1024px){.site-footer .ft-brand{flex:1 1 100%!important;width:100%!important;height:104px!important;margin:0 0 12px!important}.site-footer .ft-logo{left:50%!important;top:-45px!important;width:280px!important;transform:translateX(-50%)!important}}

/* Footer upper area layout only; keep the copyright/ICP bar unchanged */
.site-footer .ft-grid{display:grid!important;grid-template-columns:270px 300px minmax(0,1fr)!important;align-items:center!important;column-gap:34px!important;padding:4px 0 18px!important}
.site-footer .ft-brand{grid-column:1!important;width:270px!important;height:102px!important;min-height:0!important;margin:0!important}
.site-footer .ft-logo{left:0!important;top:-42px!important;width:270px!important;transform:none!important}
.site-footer .ft-nav{grid-column:2!important;width:auto!important;min-width:0!important;padding:0 34px 0 0!important;border-right:1px solid rgba(255,255,255,.15)!important;box-sizing:border-box!important}
.site-footer .ft-contact{grid-column:3!important;min-width:0!important;padding:0!important}
.site-footer .ft-contact-body{display:grid!important;grid-template-columns:minmax(0,1fr) 126px!important;align-items:center!important;gap:26px!important}
.site-footer .ft-info-list{display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(210px,.8fr)!important;column-gap:28px!important;row-gap:7px!important}
.site-footer .ft-info-list li{min-width:0!important;white-space:nowrap!important}
.site-footer .ft-info-list li.ft-full{grid-column:1/-1!important;white-space:normal!important}
.site-footer .ft-info-list a{white-space:nowrap!important}
@media(max-width:1180px){.site-footer .ft-grid{grid-template-columns:230px 230px minmax(0,1fr)!important;column-gap:24px!important}.site-footer .ft-brand{width:230px!important;height:92px!important}.site-footer .ft-logo{top:-36px!important;width:230px!important}.site-footer .ft-contact-body{grid-template-columns:1fr 112px!important;gap:18px!important}.site-footer .ft-info-list{grid-template-columns:1fr!important}.site-footer .ft-info-list li.ft-full{grid-column:auto!important}}
@media(max-width:1024px){.site-footer .ft-grid{display:flex!important;flex-wrap:wrap!important}.site-footer .ft-brand{width:100%!important;height:96px!important;margin-bottom:10px!important}.site-footer .ft-logo{left:50%!important;top:-38px!important;width:245px!important;transform:translateX(-50%)!important}.site-footer .ft-nav{width:100%!important;padding:0!important;border-right:0!important}.site-footer .ft-contact{width:100%!important;padding-top:14px!important}}

/* Footer logo size adjustment */
.site-footer .ft-brand{width:210px!important;flex-basis:210px!important;height:88px!important}
.site-footer .ft-logo{left:0!important;top:-31px!important;width:180px!important}
@media(max-width:1024px){.site-footer .ft-brand{width:100%!important;flex-basis:100%!important;height:88px!important}.site-footer .ft-logo{left:50%!important;top:-31px!important;width:180px!important;transform:translateX(-50%)!important}}

/* Balanced four-column footer upper area */
.site-footer .ft-grid{display:grid!important;grid-template-columns:210px 300px minmax(560px,1fr)!important;column-gap:42px!important;align-items:center!important;justify-content:stretch!important;padding:10px 18px 20px!important;box-sizing:border-box!important}
.site-footer .ft-brand{grid-column:1!important;justify-self:center!important;width:210px!important;height:88px!important;margin:0!important}
.site-footer .ft-logo{left:15px!important;top:-31px!important;width:180px!important}
.site-footer .ft-nav{grid-column:2!important;width:300px!important;padding:0 38px 0 0!important;border-right:1px solid rgba(255,255,255,.16)!important}
.site-footer .ft-nav-list{grid-template-columns:repeat(2,minmax(90px,1fr))!important;column-gap:30px!important}
.site-footer .ft-contact{grid-column:3!important;width:100%!important;padding:0!important}
.site-footer .ft-contact-body{display:grid!important;grid-template-columns:minmax(0,1fr) 124px!important;gap:36px!important;align-items:center!important}
.site-footer .ft-info-list{display:grid!important;grid-template-columns:repeat(2,minmax(250px,1fr))!important;column-gap:34px!important;row-gap:9px!important}
.site-footer .ft-info-list li.ft-full{grid-column:1/-1!important}
.site-footer .ft-qr{justify-self:end!important}
@media(max-width:1200px){.site-footer .ft-grid{grid-template-columns:190px 250px minmax(0,1fr)!important;column-gap:26px!important;padding-left:0!important;padding-right:0!important}.site-footer .ft-brand{width:190px!important}.site-footer .ft-logo{left:5px!important}.site-footer .ft-nav{width:250px!important;padding-right:25px!important}.site-footer .ft-contact-body{grid-template-columns:1fr 112px!important;gap:20px!important}.site-footer .ft-info-list{grid-template-columns:1fr!important;row-gap:6px!important}.site-footer .ft-info-list li.ft-full{grid-column:auto!important}}
.fgx-product-card:hover img,.fgx-case-card:hover img{transform:scale(1.05);}
.fgx-card-body{padding:18px;}.fgx-card-body h3{font-size:17px;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.fgx-card-body h3 a{color:#243c58;}
.fgx-card-body p{height:46px;overflow:hidden;font-size:13px;color:#7c8998;line-height:23px;margin:0;}
.fgx-more{text-align:center;margin-top:30px;}.fgx-more a,.fgx-button{display:inline-block;padding:10px 30px;border:1px solid #1478d4;border-radius:24px;color:#1478d4;transition:.2s;}.fgx-more a:hover,.fgx-button:hover{background:#1478d4;color:#fff;}
.fgx-advantages{background-image:linear-gradient(125deg,rgba(7,47,94,.95),rgba(16,125,190,.9)),var(--fgx-adv-bg,url(/static/upload/image/20260715/banner/home-steel.jpg));background-position:center;background-size:cover;background-repeat:no-repeat;}
.fgx-advantage-grid{grid-template-columns:repeat(4,1fr);}
.fgx-advantage-card{padding:30px 22px;color:#fff;text-align:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:6px;}
.fgx-advantage-card span{display:inline-block;font-size:28px;font-weight:bold;color:#ffb329;margin-bottom:12px;}.fgx-advantage-card h3{font-size:20px;margin:0 0 12px;}.fgx-advantage-card p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.76);margin:0;}
.fgx-cases,.fgx-news{background:#f5f8fb;}
.fgx-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;}
.fgx-about-image{display:block;height:350px;overflow:hidden;border-radius:5px;box-shadow:0 12px 35px rgba(25,54,88,.16);}.fgx-about-image img{width:100%;height:100%;object-fit:cover;}
.fgx-about-content>h3{font-size:22px;color:#263e59;margin:0 0 15px;}.fgx-about-content>p{font-size:15px;color:#66778a;line-height:2;margin:0 0 24px;}
.fgx-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}.fgx-news-column{background:#fff;padding:0 22px 8px;box-shadow:0 7px 24px rgba(28,55,88,.07);}
.fgx-news-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1478d4;padding:18px 0 12px;}.fgx-news-head h3{font-size:19px;color:#24405e;margin:0;}.fgx-news-head a{font-size:13px;color:#8a98a8;}
.fgx-news-item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px dashed #d8e0e9;color:#40566f;}.fgx-news-item:last-child{border-bottom:0;}.fgx-news-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.fgx-news-item time{flex:none;color:#98a4b1;font-size:12px;}
.fgx-contact-strip{width:100%;float:left;padding:45px 0;color:#fff;background:linear-gradient(110deg,#0758a7,#168dce);}.fgx-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;}.fgx-contact-inner h2{font-size:27px;margin:0 0 10px;}.fgx-contact-inner p{color:rgba(255,255,255,.8);margin:0;}
.fgx-contact-actions{text-align:right;}.fgx-contact-actions strong{display:block;font-size:20px;margin-bottom:14px;}.fgx-contact-actions a{display:inline-block;margin-left:8px;padding:9px 22px;border:1px solid rgba(255,255,255,.75);border-radius:22px;color:#fff;}.fgx-contact-actions a:hover{background:#fff;color:#0864ac;}
.fgx-links{width:100%;float:left;padding:22px 0;background:#fff;border-bottom:1px solid #e6ebf0;}.fgx-links .fgx-container{display:flex;align-items:flex-start;gap:24px;}.fgx-links strong{flex:none;color:#354e69;}.fgx-links div div{display:flex;flex-wrap:wrap;gap:9px 22px;}.fgx-links a{color:#788799;}.fgx-links a:hover{color:#1478d4;}
@media(max-width:1024px){.fgx-product-grid,.fgx-case-grid,.fgx-advantage-grid{grid-template-columns:repeat(2,1fr)}.fgx-about-grid{gap:30px}.fgx-contact-inner{padding:0 10px}}
@media(max-width:680px){
  #headt{height:26px;overflow:hidden;font-size:10px;}
  #t1{height:26px;line-height:26px;white-space:nowrap;}
  #head{padding:8px 0;}
  #top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  #logo{width:105px;max-width:34%;float:none;}
  #logo img{display:block;width:100%;max-height:48px;object-fit:contain;}
  #top-1{width:auto;max-width:64%;float:none;}
  #tel{float:none;margin:0;padding-left:32px;background-size:25px auto;font-size:12px;line-height:18px;white-space:nowrap;}
  #tel .name{font-size:12px;line-height:16px;margin:0;}
  #tel .f22{font-size:15px;line-height:18px;}
  #dh{overflow:hidden;min-height:42px;}
  #menu{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  #menu::-webkit-scrollbar{display:none;}
  #menu ul{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:max-content;min-width:100%;}
  #menu ul li{flex:0 0 auto!important;float:none!important;}
  #menu ul li a{padding:10px 16px!important;font-size:13px!important;white-space:nowrap;}
  #menu ol{display:none!important;}
  .fgx-section{padding:44px 0;}
  .fgx-container{max-width:calc(100% - 24px);}
  .fgx-title{margin-bottom:24px;}
  .fgx-title h2{font-size:25px;}
  .fgx-title p{font-size:13px;line-height:1.7;}
  .fgx-title-left{text-align:center;}
  .fgx-category-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;}
  .fgx-category-nav a{padding:7px 4px;text-align:center;font-size:12px;}
  .fgx-product-grid,.fgx-case-grid,.fgx-advantage-grid,.fgx-about-grid,.fgx-news-grid{grid-template-columns:1fr;}
  .fgx-product-grid,.fgx-case-grid{gap:16px;}
  .fgx-card-image{height:220px;}
  .fgx-card-body{padding:16px;}
  .fgx-card-body p{height:auto;min-height:23px;}
  .fgx-advantage-grid{gap:12px;}
  .fgx-advantage-card{padding:22px 18px;}
  .fgx-about-grid{gap:24px;}
  .fgx-about-image{height:250px;}
  .fgx-about-content{text-align:center;}
  .fgx-about-content>p{text-align:left;font-size:14px;line-height:1.9;}
  .fgx-news-grid{gap:18px;}
  .fgx-news-item time{display:none;}
  .fgx-contact-inner{display:block;text-align:center;}
  .fgx-contact-inner h2{font-size:23px;}
  .fgx-contact-actions{text-align:center;margin-top:22px;}
  .fgx-contact-actions strong{font-size:17px;}
  .fgx-contact-actions a{margin:5px;}
  .fgx-links .fgx-container{display:block;}
  .fgx-links strong{display:block;margin-bottom:12px;}
  .fgx-links div div{gap:10px 16px;}
  .kf-widget{display:none!important;}
}