body {
	margin:0;
	color:#444;
	font-family:"Microsoft YaHei",Verdana,Tahoma,Arial,"WenQuanYi Micro Hei",sans-serif;
	padding-top: 80px;
}
        /* 产品页顶部横幅 */
        .hero {
            background-color: #2C3A4A;
            color: #FFFFFF;
            padding: 60px 0;
            margin-bottom: 40px;
        }
		.hero h1 {
            font-size: 36px;
            font-weight: bold;
            margin-bottom: 15px;
            letter-spacing: 1px;
        }
        .hero p {
            font-size: 16px;
            color: #A0AAB5;
            line-height: 1.6;
        }
        /* ================= 导航栏主体 ================= */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 80px; /* 电脑端固定高度 80px */
            background-color: #FFFFFF;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* 底部悬浮阴影 */
            z-index: 9999; /* 保证始终在最顶层 */
            display: flex;
            justify-content: center;
            border-bottom: 1px solid #E5E7EB;
        }

        /* 内容限制容器 (电脑端宽度1280px) */
        .nav-container {
            width: 100%;
            max-width: 1280px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
        }

        /* Logo 区域 */
        .logo-area {
            display: flex;
            flex-direction: column;
            text-decoration: none;
        }

        .logo-cn {
            font-size: 22px;
            font-weight: 800;
            color: #2C2C2C;
            letter-spacing: 1px;
        }

        .logo-en {
            font-size: 11px;
            font-weight: bold;
            color: #F17625; /* 图片橙色调 */
            letter-spacing: 0.5px;
            margin-top: 2px;
            text-transform: uppercase;
        }

        /* 导航链接区域 */
        .nav-menu {
            display: flex;
            align-items: center;
            list-style: none;
            height: 100%;
        }

        .nav-menu li {
            height: 100%;
            display: flex;
            align-items: center;
        }

        .nav-menu li a {
            text-decoration: none;
            font-size: 15px;
            color: #333333;
            padding: 0 16px;
            height: 100%;
            display: flex;
            align-items: center;
            transition: color 0.3s;
            font-weight: 500;
        }

        .nav-menu li a:hover {
            color: #F17625;
        }

        /* 首页特殊样式 (淡橙色背景) */
        .nav-menu li a.active {
            background-color: #FDF0E8;
            color: #F17625;
            border-radius: 4px;
            height: 40px;
            padding: 0 20px;
            margin: 0 10px;
        }

        /* 右侧联系与按钮区域 */
        .nav-right {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .nav-phone {
            display: flex;
            align-items: center;
            font-size: 15px;
            color: #333333;
            font-weight: 500;
            text-decoration: none;
        }

        .nav-phone svg {
            width: 18px;
            height: 18px;
            margin-right: 6px;
            fill: #333333;
        }

        .btn-consult {
            background-color: #F17625;
            color: #FFFFFF;
            text-decoration: none;
            font-size: 14px;
            font-weight: bold;
            padding: 10px 20px;
            border-radius: 6px;
            transition: background-color 0.3s, transform 0.2s;
            white-space: nowrap;
        }

        .btn-consult:hover {
            background-color: #E0681A;
            transform: translateY(-1px);
        }
		        /* ================= 移动端菜单按钮 (汉堡图标) ================= */
        .menu-toggle {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            padding: 5px;
        }

        .menu-toggle svg {
            width: 28px;
            height: 28px;
            fill: #333333;
        }
p {
 margin:0;
}
a {
 text-decoration:none;color:#333;
}
ul,li {
 margin:0;padding:0;list-style:none;
}
h1 {
	margin:8px 0 15px;
	font-size:14px;
	font-family: "黑体";
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
h6 {
	margin:8px 0 15px;
	font-size:18px;
	font-weight: bold;
	color: #000033;
}
#banner {
	height: 560px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #999999;
	padding-top: 58px;
	background-image: url(../page/banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#sgs {
	background-image: url(../page/03.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 307px;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 32px;
	padding-top: 8px;
}
#banner #zixunbox {
	width: 630px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.bai02 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 60px;
}
.bai03 {
	font-size: 16px;
	font-weight: normal;
	color: #ECECEC;
	margin-bottom: 30px;
}
#celiang {
	height: 63px;
	width: 201px;
	float: left;
	margin-right: 30px;
}
#chakancp {
	float: left;
	height: 63px;
	width: 201px;
}
#cjieshao {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 160px;
	width: 1230px;
	padding-top: 40px;
}
.cjleft {
	float: left;
	margin-right: 50px;
}
.cjleft2 {
	float: left;
}


.zero {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
	width: 0px;
}

.dabai01 {
	font-size: 50px;
	font-weight: bold;
	color: #FFFFFF;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.cheng01 {
	font-size: 50px;
	font-weight: bold;
	color: #e8742a;
}


#banner2 {
	height: 289px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.clear {
	clear:both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}
#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	background-image: url(../page/headbg.jpg);
	background-repeat: repeat-x;
}
#top {
	width:1260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
	padding: 0px;
}
.logo {
	float:left;
	margin: 0px;
	padding: 0px;
}
.nav {
	height: 54px;
	width: 1260px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	line-height: 54px;
}
.nav ul {

}
.nav li {
	float:left;
	font-size: 16px;
	line-height: 54px;
	text-align: center;
	width: 100px;
	display: block;
	height: 54px;
}
.nav a {
	border-radius:5px;
	font-weight:bold;
	color:#FFFFFF;
	line-height: 54px;
}
#main {
	width:1260px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#item {
 margin-top:12px;
}
.text-ul {
	float:left;
	width:260px;
	height:380px;
	background-color:#1E344C;
	border:1px solid #ccc;
	line-height:2.4;
	padding-top: 15px;
}
#leibox {
	background-color: #FFFFFF;
	margin: 10px;
	height: 300px;
}
#leitext {
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#pinyin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00B5B5;
	text-align: center;
	line-height: 20px;
}

.text-ul h3 {
	margin-left:15px;
}
.text-ul ul {
 margin-left:15px;
}
.text-ul li:before {
 content:"+";padding-right:5px;color:#aaa;
}
.pic-ul {
	float:right;
	width:979px;
	height:390px;
	padding-left: 7px;
}
.pic-ul h3 {
 margin-left:15px;
}
.pic-ul li {
	width:322px;
	text-align:center;
	float:left;
}
.pic-ul li img {
	width:300px;
	height:280px;
	border:1px solid #ccc;
	padding:3px;
}
.pic-ul0 {
	float:right;
	width:979px;
	height:auto;
	background-color:#fff;
	padding-left: 7px;
}
.pic-ul0 h3 {
 margin-left:15px;
}
.pic-ul0 li {
	width:242px;
	text-align:center;
	float:left;
}
.pic-ul0 li img {
	width:220px;
	height:150px;
	border:1px solid #ccc;
	padding:3px;
}
.pic-ul5 {
	background-color:#fff;
}
.pic-ul5 h3 {
 margin-left:15px;
}
.pic-ul5 li {
	width:240px;
	text-align:center;
	float:left;
	list-style-image: none;
	list-style-type: none;
}
.pic-ul5 li img {
	width:218px;
	height:160px;
	border:1px solid #ccc;
	padding:1px;
}
#xiangguan {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0C6569;
	height: 28px;
	line-height: 28px;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#item2 {
	margin-top:12px;
	margin-bottom: 12px;
}
#jishubox {
	background-color: #2B3A4A;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #CCCCCC;
	padding-top: 80px;
}
#jishup {
	float: left;
	margin-top: 10px;
}
.chengseck {
	font-size: 16px;
	color: #FF9900;
}


.text-ul1 {
	width:580px;
	height:600px;
	background-color:#2b3a4a;
	line-height:2.4;
	float: left;
	margin-right: 30px;
}
.text-ul1 h3 {
 margin-left:15px;
}
.text-ul1 ul {

}
.text-ul1 li {
	color:#FFFFFF;
	background-image: none;
	height: 50px;
	width: 580px;
	line-height: 50px;
	font-size: 16px;
	margin-bottom: 10px;
	background-color: #374454;
	border-radius:12px;
}
.text-ul2 {
	width:1280px;
	height:280px;
	background-color:#fff;
	line-height:2.4;
}
.text-ul2 span {
	padding-left: 55px;
	font-size: 14px;
	color: #838383;
}

.text-ul2 h3 {
 margin-left:15px;
}
.text-ul2 ul {
}
.text-ul2 li {
	color:#2B3A4A;
	background-image: url(../page/newsbg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 96px;
	width: 369px;
	margin-right: 20px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 18px;
	line-height: 30px;
}
.text-ul2 p {
	padding-left: 25px;
}

.text-ul3 {
	float:right;
	width:971px;
	background-color:#fff;
	line-height:2.4;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.text-ul3 h3 {
 margin-left:15px;
}
.text-ul3 ul {
 margin-left:15px;
}
.text-ul3 li:before {
 content:"+";padding-right:5px;color:#aaa;
}
.text-neiye {
	float:right;
	width:966px;
	background-color:#fff;
	line-height:2.4;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 0px;
}
.pic-ul2 {
	float:left;
	width:630px;
	height:530px;
	background-color:#fff;
	border:1px solid #ccc;
	padding: 15px;
}
.newspage {
	padding-bottom: 15px;
	padding-left: 15px;
}

.pic-ul3 {
	float:right;
	width:720px;
	height:auto;
	background-color:#fff;
	border:1px solid #ccc;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.pic-ul2 h3 {
 margin-left:15px;
}
.pic-ul2 li {
	width:245px;
	text-align:center;
	float:left;
}
.pic-ul2 li img {
	width:220px;
	height:150px;
	border:1px solid #ccc;
	padding:3px;
}
#case {
	height:1400px;
	margin-top:12px;
	padding:20px;
}
.text-ul1 span {
	color: #FF9900;
	padding-left: 25px;
}

#jishubox a:link {
	color: #FFFFFF;
}
#jishubox a:visited {
	color: #FFFFFF;
}
#jishubox a:hover {
}
#jishubox a:active {
	color: #FFFFFF;
}

#case h3 {
	text-align:center;
	color: #2A3A4A;
	font-size: 36px;
	font-weight: bold;
}
#case li {
	width:561px;
	float:left;
	text-align:center;
	height: 600px;
	background-color: #FFFFFF;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-radius:12px;
}
#case li img {
	height:auto;
	background-color: #FFFFFF;
}
.cjbeijing {
	float: left;
	height: 70px;
	width: 115px;
	margin-right: 20px;
	padding-top: 14px;
	background-color: #F1F2F6;
	border-radius:12px;
}
.cjjsbxo {
	padding-left: 20px;
	padding-top: 20px;
}
.chakanxiangqing {
	height: 50px;
	width: 136px;
	clear: both;
	padding-top: 20px;
	padding-left: 20px;
}
.chakanxiangqing img {
	height: 50px;
	width: 136px;
}
#xzbox {
	height: auto;
	width: 1280px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;
}
#xzbox h3 {
	text-align:center;
	color: #2A3A4A;
	font-size: 36px;
	font-weight: bold;
	line-height: 42px;
}
.xiaju {
	margin-bottom: 20px;
}

.xz01 {
	float: left;
	height: 206px;
	width: 271px;
	margin-right: 30px;
}




#news {
 background-color:#fff;
 border:1px solid #ccc;
 padding:30px 30px 0;
 margin-top:12px;
}
.news-item {
 overflow:hidden;
 padding-bottom:30px;
}
.item_img img {
 width:200px;
 height:150px;
}
.item_img {
 float:left;
}
.item_content {
 width:700px;
 float:right;
 line-height:2;
}
.item_content h5 {
 font-size:18px;
 margin:0;
}
#tel {
	margin-top:12px;
	height: 550px;
	width: 100%;
}
#tel img {
	display:block;
}
#tel .center h3 {
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer {
	background-color:#282737;
	color:#eee;
	text-align:center;
	font-size:14px;
	padding:15px 0;
}
#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (min-width:640px) { .tel-wap {display:none;}}
@media screen and (min-width:640px) { #banner3 {display:none;}}
.center {
	width: 1260px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.guanggao {
	height: 144px;
	width: 1244px;
	margin-top: 20px;
}
.dbg02 {
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	width: 100%;
	background-color: #f0f2f5;
	height: auto;
}
.left {
	float: left;
	line-height: 43px;
	height: 43px;
}
.right {
	float: right;
	line-height: 43px;
	height: 43px;
}
#lan .left h3 {
	font-size: 18px;
	line-height: 43px;
	font-weight: bold;
	color: #002F2F;
	margin: 0px;
	padding: 0px;
	height: 43px;
}
#lan {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #002F2F;
	background-image: url(../Images/right_name.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
	margin-bottom: 15px;
}
#youqing {
	color: #FFFFFF;
	line-height: 25px;
	background-color: #242B38;
	text-align: center;
	width:100%;
	font-size: 12px;
	height: 50px;
	padding-top: 10px;
}
#youqing a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#youqing a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#youqing a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#youqing a:active {
	color: #FFFFFF;
	text-decoration: none;
}#usbox {
	background-color: #f2f2f2;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#uszi {
	float: left;
	width: 630px;
}

#uspage {
	float: left;
	margin-right: 30px;
}
#usname {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #DD0202;
	font-family: "黑体";
	height: 50px;
}
#zhinan {
	background-color: #FFFFFF;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-radius:20px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
}
#znleft {
	float: left;
	width: 45%;
	margin-right: 5%;
}
#znright {
	background-color: #2B3A4A;
	height: 300px;
	width: 39%;
	float: left;
	border-radius: 12px;
	padding: 3%;
}
#znhuibox {
	font-size: 14px;
	line-height: 26px;
	color: #E6E7EC;
	background-color: #3d4957;
	height: 80px;
	width: 100%;
	border-radius: 12px;
	margin-bottom: 10px;
}
#znchengbox {
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	background-color: #4d3f3c;
	height: 80px;
	width: 100%;
	border-radius: 12px;
	border: 1px solid #BF4D00;
}
#znhuibox p {
	padding: 20px;
}
#znchengbox span {
	color: #e8742a;
	font-size: 24px;
}

#znname {
	background-color: #fdf1e9;
	background-image: url(../page/zhinan.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	height: 30px;
	line-height: 30px;
	width: 160px;
	padding-left: 30px;
	border-radius:12px;
}
.dalanhei {
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	color: #2B3A4A;
	height: 40px;
}
    .step-list {
      counter-reset: step;      /* 初始化计数器 */
      list-style: none;         /* 去掉默认数字 */
      padding: 0;
      margin: 0;
      max-width: 420px;
    }

    .step-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
    }

    .step-list li::before {
      counter-increment: step;  /* 每项递增 */
      content: counter(step);   /* 显示 1、2、3 */
      flex: 0 0 auto;
      min-width: 22px;
      height: 22px;
      padding: 0 4px;
      box-sizing: border-box;
      border-radius: 999px;     /* 胶囊圆角，也可写 50% 做圆形 */
      background: linear-gradient(135deg, #fdf1e9, #fdf1e9);
      color: #e8742a;
      font-size: 14px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 2px;
	  margin-right: 15px;
      
    }

/* 主容器 */
.cost-comparison-card {
  width: 100%;
  max-width: 500px;
  background-color: var(--bg-main);
  border-radius: 16px;
  padding: 24px;
  box-sizing: border-box;
}

/* 标题 */
.card-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
}

/* 列表容器 */
.comparison-list {
  display: flex;
  flex-direction: column;
  gap: 12px; /* 两个卡片之间的间距 */
}

/* 对比项卡片 */
.comparison-item {
	display: flex;
	justify-content: space-between; /* 两端对齐 */
	align-items: center;
	border-radius: 12px;
}

/* 卡片颜色变体 */
.item-red {
	background-color: #3c4855;
	height: 60px;
	border-radius: 12px;
	padding: 12px;
}

.item-orange {
	background-color: #4b3d3a;
	border: 1px solid #7b4e36;
	height: 60px;
	padding: 12px;
	margin-top: 15px;
}

/* 左侧信息区 */
.item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.item-name {
	color: #d1d5db;
	font-size: 18px;
	width: 100%;
	line-height: 25px;
}

.item-detail {
	color: #949ba8;
	font-size: 15px;
}

/* 右侧价格区 */
.item-price {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #f87171;
}
.item-price2 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #e8742a;
}
.item-red .item-price {
  color: var(--color-red);
}

.item-orange .item-price {
  color: var(--color-orange);
}

/* 底部总结文字 */
.summary-text {
	color: #e8742a;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}
#lantelbox {
	 width: 100%;
            height: 320px; /* 严格按照要求设定高度 */
            background-color: #242B38; /* 提取的深蓝色背景 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            /* 使用常用的无衬线中文字体，保证排版美观 */
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
            padding: 0 20px;
}

        /* 主容器 */
        .container {
            text-align: center;
            max-width: 800px;
            width: 100%;
        }

        /* 主标题样式 */
        .title {
            font-size: 42px;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 20px;
            color: #ffffff;
            /* 添加细微的文字阴影以增强立体感 */
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        }

        /* 副标题样式 */
        .subtitle {
            font-size: 16px;
            font-weight: 400;
            color: #b0b8c4; /* 浅灰蓝色文字 */
            margin-bottom: 45px;
            letter-spacing: 0.5px;
        }

        /* 按钮组容器 */
        .button-group {
            display: flex;
            justify-content: center;
            gap: 20px; /* 按钮之间的间距 */
            flex-wrap: wrap;
        }

        /* 基础按钮样式 */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px; /* 图标与文字的间距 */
            padding: 16px 32px;
            font-size: 18px;
            font-weight: 600;
            border-radius: 8px; /* 圆角 */
            cursor: pointer;
            text-decoration: none;
            transition: all 0.3s ease;
            letter-spacing: 1px;
        }

        /* 橙色的预约按钮 */
        .btn-primary {
	background-color: #e87a24; /* 匹配原图的橙色 */
	color: #ffffff;
	border: none;
	/* 添加底部投影，模拟原图按钮发光/浮起的效果 */
            box-shadow: 0 6px 16px rgba(232, 122, 36, 0.4);
	margin-right: 15px;
        }

        .btn-primary:hover {
            background-color: #d16a18;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(232, 122, 36, 0.6);
        }

        /* 右侧的电话按钮 */
        .btn-secondary {
            background-color: transparent;
            color: #ffffff;
            border: 1px solid #5a6678; /* 边框颜色 */
        }

        .btn-secondary:hover {
            border-color: #8a96a8;
            background-color: rgba(255, 255, 255, 0.05);
            transform: translateY(-2px);
        }
		        /* 页脚开始 */
.yejiao {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: #F4F5F7; /* 为了突出页脚，外层给一个浅色背景 */
        }

        /* 页脚主容器 */
        .footer {
            width: 100%;
            background-color: #2b3a4a; /* 还原图片背景色 */
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            /* 电脑端高度固定 480px */
            height: 480px; 
        }

        /* 内容限制容器：电脑端宽度 1280px 居中，手机端 100% */
        .footer-container {
            width: 100%;
            max-width: 1280px;
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 0 20px;
        }

        /* 上半部分：四列内容区域 */
        .footer-top {
            display: flex;
            justify-content: space-between;
            flex: 1;
            padding-top: 60px;
            padding-bottom: 40px;
        }

        /* 列通用样式 */
        .footer-col {
            padding-right: 20px;
        }

        /* 列宽分配 */
        .col-brand { flex: 1.4; }
        .col-products { flex: 0.8; }
        .col-services { flex: 0.8; }
        .col-contact { flex: 1.2; padding-right: 0; }

        /* 标题样式 */
        .footer-title {
            font-size: 20px;
            font-weight: 600;
            color: #FFFFFF;
            margin-bottom: 8px;
        }

        .footer-subtitle {
            font-size: 14px;
            color: #F17625; /* 图片橙色 */
            font-weight: 600;
            margin-bottom: 24px;
        }

        /* 文本与段落样式 */
        .footer-text {
            font-size: 14px;
            color: #D1D5DB;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        /* 列表样式 */
        .footer-list {
            list-style: none;
        }

        .footer-list li {
            font-size: 14px;
            color: #D1D5DB;
            margin-bottom: 14px;
            cursor: pointer;
            transition: color 0.3s;
        }

        .footer-list li:hover {
            color: #FFFFFF;
        }

        /* 带图标的列表 */
        .icon-list {
            list-style: none;
            margin-top: 20px;
        }

        .icon-list li {
            display: flex;
            align-items: flex-start;
            font-size: 14px;
            color: #D1D5DB;
            margin-bottom: 14px;
        }

        .icon-list li svg {
            width: 16px;
            height: 16px;
            margin-right: 10px;
            fill: #F17625; /* 图标橙色 */
            flex-shrink: 0;
            margin-top: 3px;
        }

        /* 联系方式模块特殊样式 */
        .contact-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .contact-item svg {
            width: 18px;
            height: 18px;
            margin-right: 12px;
            fill: #F17625;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .contact-content {
            display: flex;
            flex-direction: column;
            font-size: 14px;
            color: #D1D5DB;
            line-height: 1.6;
        }

        .contact-label {
            font-size: 13px;
            color: #9CA3AF;
            margin-bottom: 2px;
        }

        .contact-value-phone {
            font-size: 20px;
            font-weight: bold;
            color: #FFFFFF;
        }

        /* 底部版权与链接区域 */
        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 25px 0;
            border-top: 1px solid #3A424F; /* 细微分割线 */
        }

        .footer-copyright {
            font-size: 13px;
            color: #9CA3AF;
            line-height: 1.6;
        }

        .footer-links {
            display: flex;
            gap: 30px;
        }

        .footer-links a {
            font-size: 13px;
            color: #9CA3AF;
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: #FFFFFF;
        }
		
 .footer a {
            font-size: 13px;
            color: #9CA3AF;
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer a:hover {
            color: #FFFFFF;
        }