body{font-family:"Microsoft Yahei";text-align:center;font-size:14px;color:#5B5B5B; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}
/*头部*/
.header{ width:100%; margin:0px auto; position:relative; }
/* .banner img{ width:100%; height:auto;} */
.header .head{ display:flex; justify-content: space-between; width:96%; margin:0px auto; max-width:1200px; height:92px; text-align:left;}
.head .logo{ width:220px; height:63px; float:left; margin-top:15px;}
.head .logo img{ width:220px; height:63px;  border: none !important;outline: none; display: block; }
.head .nav{ width:750px; float:left; margin-left:90px; text-align:left;}
.head .nav li{ display:inline-block;   zoom:1; height:89px; border-bottom:3px solid #FFF; line-height:89px; margin-right:13px;}
.head .nav li a{ font-size:16px; color:#004587; display:inline-block;   zoom:1; height:89px; line-height:89px; padding:0px 27px;}
.head .nav li.now{ border-bottom:3px solid #909194; background:#004588;}
.head .nav li.now a{ color:#FFF;}
.head .nav li a:hover {color: #007bff;}
.head .nav_m{ display:none; position:relative; width:100%;}
.nav_m .n_icon{ display:block; width:22px; height:18px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:10px; top:-50px; z-index:9999; cursor:pointer;}
.nav_m ul{ width:100%; border-top:3px solid #002F79; display:none;}
.nav_m ul li{ width:100%; height:38px; line-height:38px; border-bottom:1px dashed #ddd;}
.nav_m ul li a{ display:block; width:94%; height:38px; line-height:38px; padding:0px 3%; color:#555;}
.nav_m ul li a:hover{ color:#002F79;}
/*幻灯片*/
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto;}
.banner_s img{ width:1920px; height:215px; vertical-align:top;}
.banner_s .jt{ width:1920px; height:15px; background:url(../images/jt.png) no-repeat; position:absolute; bottom:0px; z-index:99;}
/*幻灯片*/
.i_box{ width:100%; padding:50px 0; margin:0px auto;}
.i_box .box_h{ width:100%; text-align:center;}
.box_h .title{display:inline-block;   zoom:1; width:200px; height:40px; line-height:40px; border:1px solid #ddd; position:relative; top:0px; z-index:99; font-size:24px; color:#8F9193; position:relative;}
.box_h .line{ width:110px; height:1px; background:#ddd; position:absolute; top:20px;}
.slt .box_h .line{ background:#004588;}
.slt .box_h .title{ color:#004588; border:1px solid #004588;}
.box_h .line_l{ left:-110px;}
.box_h .line_r{ right:-110px;}
.box_h p{ width:100%; height:33px; line-height:33px; font-size:16px; color:#8F9193;}
.i_box .box_m{ margin-top:60px;}
.fw{ width:100%; position:relative; height:452px; border-bottom:1px solid #bbb; padding:0px;}
.fw .fw_bg{ width:100%; height:452px; position:absolute; left:0px; top:0px; z-index:1; overflow:hidden;}
.fw .fw_bg img{ width:1920px; height:452px; vertical-align:top;}
.fw .fw_m{ width:100%; position:relative; z-index:2;}
.fw .box_h{ padding-top:50px;}
.fw .box_h .line{ background:#bbb;}
.fw .box_h .title{ border:1px solid #bbb;}
.fw .box_m{ margin-top:20px;}
.f_m .f_mr .line{ display:block; float:right; width:13px; height:3px; background:#57585A; float:right;}
.f_m .f_mr .tl{ display:inline-block; zoom:1; width:auto; height:22px; line-height:22px; font-size:14px; background:url(../images/tel.png) no-repeat; padding-left:27px;}
.f_m .f_mr .num{ width:100%; height:45px; line-height:45px;}
.f_m .f_mr .num img{ width:45px; height:45px; vertical-align:top; margin:0px 5px;}
.f_m .f_mr .num em{display:inline-block; zoom:1; height:45px; line-height:45px; margin-left:10px; vertical-align:top; font-size:30px;}
.banner_s{ width:100%; height:auto; vertical-align:top;}
.banner_s img{ width:1920px; height:270px; vertical-align:top;}
.scd{ width:100%; max-width:1200px; margin:0px auto; }
.scd .scd_l{ width:205px; height:100%; border-right:1px solid #ddd; float:left;}
.scd .scd_r{ float:center;}
.scd_r .head{ width:100%; height:60px;  padding-top:40px; border-bottom:1px solid #ddd; font-size:30px; color:#333333; text-align: left;}
.scd_r .head em{ font-size:18px; margin-left:10px; margin-top:15px;}
.scd_r .s_ctn{ width:100%; padding:20px 0; max-width: 100%;} 
.scd_r .s_ctn .pro_da{ width:100%; margin-bottom:60px;}
.pro_db{ width:100%; margin-bottom:50px;}
.pro_db div{ width:47%; float:right; font-size:14px; color:#6D6D6D; line-height:175%;}
.pro_db .h_bg{ float:left; background:url(../images/line_a.png) no-repeat right center;}
.pages{ width:100%; text-align:center; margin-bottom:50px;}
.pages a{ display:inline-block; zoom:1; height:30px; line-height:30px; border:1px solid #ddd; min-width:8px; font-size:14px; color:#333; padding:0px 12px;}
.pages a.now , .pages a:hover{ background:#004588; color:#FFF; border:1px solid #004588;}
.service_a {display: flex; align-items: center;}
.service_a .service_img{ width:500px; }
.service_a .service_img img{ width:445px; height:300px; padding: 20px;}
.service_a .service_m{ align-items: center; justify-content: center; display: flex; flex-direction: column; width:600px; padding: 20px;}
.service_a .service_m h3{ width:100%; font-weight:normal; border-bottom:1px dashed #ddd; padding:12px 0; margin-top:10px;}
.service_a .service_m h3 a{ font-size:22px; color:#333333}
.service_a .service_m .des{ width:100%; font-size:18px; color:#3B3B3B; line-height:185%; margin-top:15px;  text-align: justify; direction: ltr;  text-indent: 2em;}
.service_a .service_m .more{ width:100%; text-align:right; margin-top:30px;}
.service_a .service_m .more a{ display:inline-block; zoom:1; font-size:12px; color:#FFFFFF; width:93px; height:25px; text-align:center; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#004587;}
.sv_l{ width:100%;display: none;}
.sv_l li{ width:32%; float:left; margin-left:1%; text-align:center; height:auto; margin-bottom:80px;}
.sv_l li b{ display:block; width:90%; margin:0px auto; padding:10px 0; font-size:20px; color:#555555; font-weight:normal;}
.sv_l li p{ width:80%; margin:0px auto; font-size:13px; color:#555555; line-height:170%; margin-top:10px;}
.about{ padding-bottom:70px;}
.about img{ width:100%; height:auto; vertical-align:top; margin-bottom:20px;}

/*===============about 相关=====================*/

.about-section {
  display: none;
  padding: 80px 0;
  min-height: 600px;
  background-color: #fff;
}

.about-section.active {
  display: block;
}

/* === 容器 === */
.about-container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .about-container .about-nav ul{
    gap:10px;
  }
  .about-container .about-nav a{
    font-size: 15px;
  }
}
/* === 页面顶部导航栏 === */
.about-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 16px 0;
}

/* === 导航菜单样式 === */
.about-nav ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 60px;
  margin: 0;
  padding: 0;
}

.about-nav a {
  color: #333;
  text-decoration: none;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.about-nav a:hover {
  background-color: #e6f7ff;
  color: #0077cc;
}

.about-nav a.active {
  color: #0077cc;
  border-bottom: 2px solid #0077cc;
  font-weight: bold;
}

/* === 内容区块 === */
.about-container .section {
  margin-bottom: 80px;
}

.about-container .sec-title {
  font-size: 38px;
  font-weight: 600;
  color: #222;
  margin-bottom: 20px;
  position: relative;
  padding-left: 14px;
}
@media (max-width: 768px) {

  .about-container .sec-title {
    font-size: 24px;
  }
  .about-section {
    padding: 30px;
  }
  .contact-title {
    font-size: 20px !important;
  }
   .contact-spacer {
    display: flex;     
    justify-content: center;
    align-items: center;    
    gap: 10px;
    height: 58px;                   
  }
  .about-container .section p {
    text-align: justify; 
    direction: ltr; 
    text-indent: 2em;
    
  }
  .about-container .contact-info p {
    text-align: center; 
  }
  .contact-row {
    display: block !important;                
    margin-bottom: 0 !important; 

  }
  .contact-wrapper {
    margin-top: 30px !important;
  }
  .label {
    font-weight: bold;    
    min-width: 100px; 
    font-size: 17px !important;    
    text-align: left;     
  }

  .value {
    text-align: center;    
    flex: 1;              
    padding-left: 20px ;  
  }
}

.about-container p {
  font-size: 17px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 18px;
  text-align: left;
  text-indent: 2em;
}

.about-container .section img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;  /* 水平居中 */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}


.contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 80px;
  align-items: center;
  margin-top: 60px;
}

.contact-info {
  flex: 1;
  min-width: 300px;
  max-width: 600px;
}

.contact-title {
  font-size: 30px;
  font-weight: 800;
  color: #222;
  margin-bottom: 12px;
}

.contact-spacer {
  height: 58px;
}

.contact-map {
  flex: 1;
  min-width: 600px;
  max-width: 900px;
}

.contact-map img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.contact-row {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 12px;
}

.contact-row .label {
  font-weight: 800;
  font-size: 20px;
  color: #222;
  flex: 1;
}

.contact-row .value {
  flex: 1;
  font-size: 17px;
  color: #555;
}

.amap-icon img {
  position: relative;
  top: -30px; /* 往上拉 */
}
.mobile-nav {
  display: none;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  flex-direction: column;
}
/* === 移动端菜单切换按钮 === */
.mobile-menu-toggle {
  display: none;
}
/* === 响应式优化 === */
@media (max-width: 768px) {
  .mobile-menu-toggle {
    display: grid;
    font-size: 24px;
    cursor: pointer;
    /* padding: 15px; */
    padding-left: 15px;
    text-align: right;
    color: #004587;

  }
  .hamburger-icon {
    line-height: 1;          /* 消除文字间隙 */
    display: grid;  
    align-items: center;     
    justify-content: center; 
  }
  .head .nav {
    display: none; /* 隐藏桌面端菜单 */
  }
  .mobile-nav {
    display: none;
    position: fixed;
    top: 60px;
    right: 0;
    width: 35%; /* 建议固定宽度 */
    /* height: calc(100vh - 60px); */
    background: #fff;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    z-index: 9999;
    flex-direction: column;
    transform: translateX(100%); /* 完全移出视口 */
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* 关键修复属性 */
    margin-left: auto !important; /* 强制右对齐 */
    left: auto !important; /* 清除可能的左定位 */
  }

  .mobile-nav.active {
    display: block;
    transform: translateX(0);
  }

  /* 菜单项样式增强 */
  .mobile-nav li {
    padding: 12px 20px;
    border-bottom: 1px solid #f0f0f0;
  }

  .mobile-nav li:last-child {
    border-bottom: none;
  }

  .mobile-nav li a {
    color: #333;
    font-weight: 500;
  }

  /* 子菜单特殊样式 */
  .mobile-nav .mega-menu {
    padding-left: 15px;
    background: #f9f9f9;
  }

  .mega-menu {
    display: none;
    padding-left: 20px;
    background: #f9f9f9;
  }
  
  .submenu-toggle {
    position: absolute;
    right: 20px;
    font-size: 20px;
  }
  
  .has-submenu.active .mega-menu {
    display: block;
  }
  
  .has-submenu.active .submenu-toggle {
    transform: rotate(45deg);
  }
  .nav_m {
    display: block; /* 显示移动端导航 */
  }
  .header .head .logo {
    display:flex;
    margin-bottom: 10px !important;
    align-items: left;     /* 内部元素垂直居中 */
    /* justify-content: center; */
    margin-top: 0px !important;
  }
  .logo img {
    display: flex ;
    align-items: center;     /* 内部元素垂直居中 */
    justify-content: center; 
    max-width: 110px; /* 缩小 Logo */
    max-height: 32px;
    margin-top: 20px;
  }

  .tools {
    display: flex;
    align-items: right;
    gap: 10px;
  }
  .banner p{
    font-size: 16px; /* 缩小字体 */
  }

  .search-container {
    width: 100%;
  }

  .search-input {
    width: 100%;
  }
}

/* === 图片样式 === */
.about-container img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.trial-form {
  display: flex;
  flex-direction: column;
  gap: 40px; /* 上下间距拉大 */
  max-width: 500px;
  margin: 0 auto; /* 居中 */
  padding: 20px;
  text-align: left;
}

.trial-form input,
.trial-form textarea {
  padding: 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
}

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

.trial-form button {
  width: 100px; /* 按钮宽度限制 */
  align-self: center; /* 按钮居中 */
  background-color: #007BFF;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border: none;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.trial-form button:hover {
  background-color: #0056b3;
}

#trialResult {
  margin-top: 20px;
  text-align: center;
  color: green;
  font-weight: bold;
}


  /*=========header相关=================*/
/* 外层下拉菜单：全屏展开 */
.mega-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

/* 鼠标悬停时显示下拉 */
.nav li.has-submenu:hover > .mega-menu {
  display: block;
}

/* 内部内容区域，控制最大宽度和居中 */
.menu-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 40px;
}

/* 子菜单横向排列 */
.menu-inner ul {
  display: flex;
  list-style: none;
  gap: 40px;
}

.menu-inner li a {
  position: relative; /* 为 ::after 定位 */
  display: block;
  font-size: 15px;
  color: #333 !important;
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 5px;
  transition: color 0.3s;
}

.menu-inner li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: #007bff;
  transition: width 0.3s ease;
}

.menu-inner li a:hover {
  color: #007bff !important;
}

.menu-inner li a:hover::after {
  width: 100%;
}

.menu-inner li > a.active {
  color: #007bff !important;
  font-weight: bold;
}

.menu-inner li > a.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #007bff;
}
/*==============product=================*/
/* 容器 */
.chipsoft-container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

/* 头部 */
.chipsoft-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 16px 0
}


.center-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.chipsoft-nav ul {
  list-style: none;
  display: flex;
  gap: 40px; /* 项目之间间距更大一点更美观 */
  margin: 0;
  padding: 0;
}

.chipsoft-nav a {
  color: #333;
  text-decoration: none;
  font-size: 21px;
  padding: 8px 12px;
  transition: color 0.3s;
  margin: 0 60px;
}

.chipsoft-nav a.active {
  color: #00aaff;
  border-bottom: 2px solid #00aaff;
}
/* 移动端样式（≤768px） */
@media (max-width: 768px) {
  .chipsoft-header {
    padding: 12px 0;
    position: sticky;
    overflow-x: auto; /* 允许横向滚动 */
    -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
  }
  .chipsoft-section .chipsoft-container h2 {
    font-size: 24px !important;
  }
  .chipsoft-brief p {
    font-size: 18px !important;
    text-align: left;
    text-indent: 2em; /* 保持首行缩进 */
  }

  .chipsoft-nav ul {
    display: flex;
    gap: 5px; /* 缩小间距 */
    padding: 0 15px; /* 添加左右内边距 */
    min-width: max-content; /* 防止flex换行 */
  }

  .chipsoft-nav a {
    font-size: 16px; /* 调小字号 */
    padding: 8px 12px;
    margin: 0; /* 移除大间距 */
    white-space: nowrap; /* 防止文字换行 */
    border-bottom: 2px solid transparent; /* 为active状态预留空间 */
  }

  /* 激活状态样式 */
  .chipsoft-nav a.active {
    color: #00aaff;
    border-bottom-color: #00aaff;
  }

  /* 隐藏滚动条（可选） */
  .chipsoft-header::-webkit-scrollbar {
    display: none;
  }
}

/* 小屏幕优化（≤480px） */
@media (max-width: 480px) {
  .chipsoft-nav a {
    font-size: 16px;
    padding: 6px 10px;
  }
}
/* 主视觉区域 */

.chipsoft-btn {
  display: inline-block;
  padding: 10px 30px;
  background-color: #00aaff;
  color: #fff;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.chipsoft-btn:hover {
  background-color: #0088cc;
}

/* 功能特点 */
.chipsoft-section {
  padding: 60px 0;
  min-height: 500px;
}

.chipsoft-features {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.chipsoft-feature {
  flex: 1;
  min-width: 250px;
  text-align: center;
}

.chipsoft-feature img {
  width: 80px;
  margin-bottom: 20px;
}

.chipsoft-section .chipsoft-container h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
  color: #003366;
}

.chipsoft-feature h3 {
  font-size: 20px;
  margin: 16px 0 22px;
  color: #0078D7;
  text-align: center;
}

.chipsoft-feature p {
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  color: #555;
}

/* 界面展示 */
.chipsoft-screenshots {
  background-color: #f9f9f9;
}

.chipsoft-gallery {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

.chipsoft-gallery img {
  width: 500px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/* 移动端（1列）*/
@media (max-width: 576px) {
  .chipsoft-gallery {
    gap: 15px;
  }
  .chipsoft-gallery img {
    width: 100% !important; 
  }
}

/* 下载区域 */
.chipsoft-download {
  background-color: #f9f9f9;
  text-align: center;
}
.chipsoft-download p {
  font-size: 21px;
  color: #333;
  margin-bottom: 20px;
}

.chipsoft-download h2 {
  font-size: 31px;
  color: #333;
  margin-bottom: 20px;
}

/*产品简介*/

.chipsoft-brief {
  text-align: center;  /* 让图片和文字都靠左 */
}

.chipsoft-brief p {
  font-size: 20px;
  line-height: 1.8;
  text-align: justify; 
  direction: ltr; 
  text-indent: 2em;  /* 首行缩进 */;
  color: #555;
  margin-bottom: 40px;
}

.chipsoft-brief img {
  max-width: 100%;     /* 关键：限制图片不超过父容器宽度 */
  height: auto;        /* 高度自动，保持比例 */
  margin: 0 auto 20px; /* 居中 + 间距 */
  
}


/*  banner图片样式  */
/* 让 li 内部包裹容器相对定位 */
.slide-overlay {
  position: relative;
}

/* 图片暗化效果 */
.slide-overlay img {
  width: 100%;
  display: block;
  filter: brightness(50%);
}

/* 文字 + logo 居中叠加在图片上 */
.slide-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 2;
}



/* 标语文字 */
.slide-text {
  font-size: 65px;
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

/*提交反馈*/
.success-message {
  width: 300px; /* 固定宽度 */
  margin: 15px auto; /* 水平居中 */
  color: green;
  margin-top: 15px;
  padding: 10px;
  background-color: #f0fff0;
  border: 1px solid #a0d8a0;
  border-radius: 4px;
}

.error-message {
  width: 300px; /* 固定宽度 */
  margin: 15px auto; /* 水平居中 */
  color: #d32f2f;
  margin-top: 15px;
  padding: 10px;
  background-color: #fff0f0;
  border: 1px solid #ffb6b6;
  border-radius: 4px;
}
.tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 ;
    position: relative; /* 建立新的定位上下文 */
    z-index: 10;

} 

/* 用户登录区域 (user-auth) */
.tools .user-auth {
    align-items: center;
    display: flex;
    order: 2; /* 确保在搜索框之后 */
}
#usernameDisplay {
    color: #333;
    margin-right: 5px;
}

#loginLink, #logoutLink {
    font-size: 14px;
    color: #004587;
    text-decoration: none;
    /* margin-left: 10px; */
    padding: 5px 10px;
    border-radius: 3px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#loginLink:hover, #logoutLink:hover {
    background-color: #004587;
    color: #fff;
}

/* 搜索容器 - 新增定位上下文 */
.tools .search-container {
  position: relative;
  margin-left: 0; /* 与原布局保持一致 */
  order: 1;
}

/* 搜索框 - 改为绝对定位 */
.tools .search-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  z-index: 100; /* 确保悬浮在上层 */

}

/* 初始隐藏搜索输入框 */
.tools .search-input {
  width: 0;
  opacity: 0;
  transition: all 0.3s ease;
  border: none;
  border-bottom: 0 solid #ddd;
  padding: 5px 0;
}

/* 搜索按钮 */
.tools .search-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  color: #004587;
  transition: color 0.3s ease;
}

/* 搜索图标悬停效果 */
.tools .search-btn:hover .search-icon {
  color: #fff;
}

/* 激活状态下的搜索输入框 */
.tools .search-box.active .search-input {
  width: 150px !important; /* 设置宽度为150px */
  opacity: 1;
  padding: 5px 10px;
  display: block !important;
  border-bottom: 0.5px solid #004587;
  box-sizing: border-box !important; 
  background-color: transparent !important;  /* 背景透明 */
  border-radius: 15px !important;          /* 四个角圆角 */
  border: 0.5px solid #004587 !important;    /* 完整边框(可选) */
}

/* 搜索图标与登录图标统一效果 */
.tools .search-btn {
  font-size: 14px;
  color: #004587;
  text-decoration: none;
  margin-left: 10px;
  padding: 5px 10px;
  border-radius: 3px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.tools .search-btn:hover {
  background-color: #004587;
  color: #fff;
}

/*service 相关*/
/* 移动端响应式样式 (≤768px) */
@media (max-width: 768px) {
  /* 基础布局调整 */
  /* .scd {
    display: flex;
    justify-content: center; 
    align-items: center;    
    min-height: 100vh;      
  }
  .scd_r {
    padding: 0 15px !important;
    width: 80%; 
    max-width: 1200px; 
    
  } */

  /* 标题样式 */
  .scd_r .head {
    height: 40px !important;
    display: flex; /* 使用 Flexbox 布局 */;
    font-size: 24px !important;
    padding: 10px 10px !important;
  }
  .head em {
    font-size: 14px !important;
    margin-top: 5px !important;
    display: block;
  }
  .service_a .service_m h3 a{ 
    font-size:18px; 
    color:#333333
  }
  .service_a .service_m .des{ 
    text-align: justify; 
    direction: ltr; 
    text-indent: 2em;
  }
  /* 服务内容区块 */
  .service_a {
    flex-direction: column; /* 改为垂直布局 */
  }
  .service_img {   
    justify-content: center; 
    padding: 2px;
    max-width: 100%; /* 限制图片最大宽度 */
    margin-bottom: 20px;
  }
  .service_img img {
    width: 100% !important;
    height: auto  !important;
    border-radius: 8px;
    max-width: 100%;         /* 防止溢出 */
    padding: 5px 0 !important;         /* 调整间距 */
    display: grid;
    justify-content: center; 
  }
  .service_m {
    width: 100% !important;
    padding: 0;
  }

  /* 描述文本 */
  .des {
    font-size: 14px !important;
    line-height: 1.7;
  }

  /* 分割线优化 */
  hr {
    width: 100% !important;
    margin: 15px 0 !important;
  }

  /* 服务列表 */
  .sv_l {
    grid-template-columns: 1fr; /* 单列布局 */
    gap: 20px;
  }
  .sv_l li {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
  }
  .sv_l b a {
    font-size: 16px;
    color: #0066cc;
  }
  .sv_l p {
    margin-top: 8px;
    font-size: 13px !important;
  }

  /* 联系信息 */
  .service_m > div p {
    font-size: 14px !important;
    line-height: 1.6;
  }
}

/* 小屏幕优化 (≤480px) */
@media (max-width: 480px) {
  .head {
    font-size: 18px;
  }
  .des {
    font-size: 13px !important;
  }
  .sv_l li {
    padding: 12px;
  }
}