@charset "utf-8";

/* 网站主样式表 - 完整美化增强版 */

/* 基础样式 */
body, button, input, select, textarea {
  font-size: 14px;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  border: 0;
  color: #333;
  line-height: 1.6;
  background: #f8f9fa;
}

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 清除浮动 */
.clearfix:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* 分页样式 */
.page_list {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 2px;
}

.page_list a {
  border: 1px solid #e1e4e8;
  color: #492b08;
  padding: 8px 12px;
  margin-right: 4px;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.page_list a:hover,
.page_list a:active {
  border-color: #667eea;
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.page_list span.current {
  border: 1px solid #667eea;
  padding: 8px 12px;
  font-weight: bold;
  margin-right: 4px;
  color: #FFF;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 6px;
}

.page_list span.disabled {
  border: 1px solid #f3f3f3;
  padding: 8px 12px;
  margin-right: 4px;
  color: #CCC;
  border-radius: 6px;
}

/* 布局样式 */
.index_content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

.contain {
  width: 1200px;
  margin: 0 auto;
}

.mt80 {
  margin-top: 80px;
}

.mt60 {
  margin-top: 60px;
}

.mt50 {
  margin-top: 50px;
}

.mt30 {
  margin-top: 30px;
}

.mbb {
  margin-bottom: 20px;
}

/* 头部样式美化 */
.top {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  width: 350px;
  float: left;
  padding-top: 26px;
  transition: all 0.3s ease;
}

.logo:hover {
  transform: translateY(-2px);
}

.logo img {
  height: 70px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  transition: all 0.3s ease;
}

.tel {
  width: 420px;
  float: right;
  text-align: right;
}

.tel span {
  position: absolute;
  top: 56px;
  left: 34px;
  font-size: 24px;
  font-weight: bold;
  color: #0086f1;
}

.tel p {
  padding-left: 56px;
  padding-top: 34px;
}

.h_top {
  background: linear-gradient(135deg, #23aead 0%, #1a8c8b 100%);
  height: 45px;
  line-height: 45px;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.h_top a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.h_top a:hover {
  color: #e6f7ff;
}

.t_mid {
  width: 500px;
  float: left;
  font-size: 15px;
  line-height: 30px;
  padding-top: 35px;
}

.t_mid p {
  font-size: 18px;
  font-weight: bold;
}

.fixednav {
  box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
}

.t_top {
  line-height: 40px;
  color: #fff;
}

.t_left {
  width: 500px;
  float: left;
}

.t_right {
  width: 420px;
  float: right;
}

.remen {
  background-color: #f8f8f8;
  line-height: 56px;
}

/* 导航区域美化 */
#index_nav {
  width: auto;
  float: right;
  height: 123px;
}

#MainMenu {
  height: 123px;
  line-height: 123px;
}

/* 轮播图美化 */
.FrontPublic_slideShow01-d3_c1 IMG {
  border: none;
}

.FrontPublic_slideShow01-d3_c1 UL {
  list-style-type: none;
  list-style-image: none;
}

.FrontPublic_slideShow01-d3_c1 A {
  color: #538c9f;
  text-decoration: none;
}

.FrontPublic_slideShow01-d3_c1 A:hover {
  color: #84b263;
}

.FrontPublic_slideShow01-d3_c1 DIV .wrapper {
  position: relative;
  margin: auto;
  height: 600px;
  overflow: hidden;
}

.FrontPublic_slideShow01-d3_c1 .fn-clear {
  zoom: 1;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter {
  position: relative;
  background: none transparent scroll repeat 0% 0%;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter UL {
  display: none;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .container_skitter {
  position: relative;
  overflow: hidden;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .image {
  position: relative;
  overflow: hidden;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .image IMG {
  display: none;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone {
  z-index: 20;
  position: absolute;
  width: 100px;
  display: none;
  overflow: hidden;
  top: 0px;
  left: 0px;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .box_clone IMG {
  z-index: 20;
  position: absolute;
  top: 0px;
  left: 0px;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .prev_button,
.FrontPublic_slideShow01-d3_c1 .box_skitter .next_button {
  z-index: 100;
  position: absolute;
  margin-top: -25px;
  text-indent: -9999em;
  width: 57px;
  height: 62px;
  overflow: hidden;
  top: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.8;
  border-radius: 50%;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .prev_button {
  background: url(../images/prev.png) no-repeat left top;
  left: 15%;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .next_button {
  background: url(../images/next.png) no-repeat left top;
  right: 15%;
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .prev_button:hover,
.FrontPublic_slideShow01-d3_c1 .box_skitter .next_button:hover {
  opacity: 1;
  transform: scale(1.1);
}

.FrontPublic_slideShow01-d3_c1 .box_skitter .label_skitter {
  z-index: 150;
  position: absolute;
  display: none;
}

.FrontPublic_slideShow01-d3_c1 .loading {
  z-index: 10000;
  position: absolute;
  text-indent: -9999em;
  margin: -16px;
  width: 31px;
  background: url(../images/ajax-loader.gif) no-repeat left top;
  height: 31px;
  color: #fff;
  overflow: hidden;
  top: 50%;
  right: 50%;
}

.FrontPublic_slideShow01-d3_c1 #slideshow {
  position: absolute;
  width: 100%;
  height: 600px;
  margin-left: -50%;
  left: 50%;
}

.FrontPublic_slideShow01-d3_c1 #slideshow UL {
  display: none;
}
.index-products ul li a p{display:block;line-height:30px;display:block;color:#333; text-align:left;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold; }
/* 搜索框样式美化 */
.s_sousuo {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.index_search {
  height: 70px;
  line-height: 70px;
  width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid #e1e4e8;
}

.index_search_nr {
  float: left;
  width: 600px;
  color: #666;
  padding-left: 15px;
}

.index_search_sou {
  float: right;
  width: 350px;
  height: 44px;
  margin-top: 13px;
  display: flex;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#index_searchid {
  float: left;
  line-height: 44px;
  height: 44px;
  width: 80px;
  border: none;
  border-right: 1px solid #e1e4e8;
  background: #fff;
  padding: 0 15px;
  font-size: 14px;
}

#index_searchtext {
  float: left;
  border: none;
  height: 44px;
  line-height: 44px;
  width: 200px;
  margin: 0px;
  padding: 0 15px;
  background: #fff;
  font-size: 14px;
}

#index_searchbutton {
  float: left;
  border: none;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  cursor: pointer;
  height: 44px;
  width: 60px;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s ease;
}

#index_searchbutton:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

/* 产品区域美化 */
.al_bg {
  width: 1250px;
  margin: 50px auto;
}

.al_left {
  width: 668px;
  float: left;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.al_left p {
  position: absolute;
  bottom: 20px;
  font-size: 16px;
  color: #fff;
  left: 30px;
  width: 668px;
  background: linear-gradient(transparent, rgba(0,0,0,0.7));
  padding: 20px;
  margin: 0;
}

.index-newproducts {
  width: 560px;
  float: right;
}

.productsroll {
  position: relative;
}

/* 产品滚动样式美化 */
#LeftArr1,
#RightArr1 {
  background: url(../images/product_arrow.gif) no-repeat center top;
  width: 39px;
  height: 160px;
  cursor: pointer;
  position: absolute;
  top: 35px;
  z-index: 1;
  transition: all 0.3s ease;
  opacity: 0.8;
}

#LeftArr1 {
  background-position: -10px 0px;
  float: left;
  left: 8px;
}

#RightArr1 {
  background-position: -50px 0px;
  float: right;
  right: 0px;
}

#LeftArr1:hover,
#RightArr1:hover {
  opacity: 1;
  transform: scale(1.1);
}

#ScrollBox {
  overflow: hidden;
  border-radius: 12px;
}

#ScrollBox li {
  float: left;
  display: inline;
  width: 260px;
  text-align: center;
  margin: 0 8px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}

#ScrollBox li:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

#ScrollBox li a {
  display: block;
  text-decoration: none;
}

#ScrollBox li a:link,
#ScrollBox li a:visited,
#ScrollBox li a:active {
  color: #333;
}

#ScrollBox li a:hover {
  color: #c71800;
}

#ScrollBox li a span {
  display: block;
  line-height: 40px;
  background: linear-gradient(transparent, rgba(0,0,0,0.7));
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: #fff;
  padding: 10px;
}

/* 服务背景样式美化 */
.fw_bg {
  background: url(../images/fw_bg.jpg) no-repeat center top;
  height: 563px;
  position: relative;
}

.fw_bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

.fw_bg ul li {
  color: #fff;
  font-size: 16px;
  width: 250px;
  text-align: center;
  padding-top: 290px;
  float: left;
  margin-right: 70px;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}

.fw_bg ul li:hover {
  transform: translateY(-10px);
}

/* 新闻背景样式美化 */
.new_bg {
  background: url(../images/new_bg.jpg) no-repeat center top;
  padding: 60px 0;
}

.new_bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,249,250,0.9) 100%);
}

.new_hs {
  font-size: 28px;
  text-align: center;
  color: #333;
  padding-top: 128px;
  position: relative;
  z-index: 1;
}

.new_h {
  width: 200px;
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 13px;
}

.new_img {
  width: 344px;
  float: left;
  background: url(../images/new_img.jpg) no-repeat center top;
  height: 227px;
  color: #fff;
  margin-right: 60px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.new_img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.3) 0%, rgba(118,75,162,0.3) 100%);
}

.new_img p {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-top: 95px;
  padding-left: 30px;
  position: relative;
  z-index: 1;
}

.new_img span {
  font-size: 18px;
  padding-left: 30px;
  display: block;
  position: relative;
  z-index: 1;
}

.new_top dl {
  width: 344px;
  float: left;
}

.new_top dl dt {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
  font-weight: bold;
}

.new_top dl dd {
  line-height: 30px;
  color: #666;
}

/* 新闻列表美化 */
.index-news {
  width: 379px;
  float: left;
  margin-right: 30px;
  background: #fff;
  box-shadow: 0 5px 25px rgba(0,0,0,0.08);
  padding: 25px;
  box-sizing: border-box;
  border-radius: 12px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.index-news::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  transform: scaleY(0);
  transition: transform 0.3s ease;
}

.index-news:hover::before {
  transform: scaleY(1);
}

.index-news:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.index-news dt {
  width: 291px;
  float: left;
}

.index-news dd {
  line-height: 30px;
  width: 402px;
  float: right;
  margin-top: 5px;
}

.index-news dd p {
  font-size: 22px;
  font-weight: bold;
  color: #333;
}

.index-news dt span {
  display: block;
  margin-bottom: 10px;
  margin-top: 13px;
  color: #666;
}

.index-news ul {
  padding-top: 10px;
}

.index-news ul li {
  height: 40px;
  line-height: 40px;
  background: url(../images/nlibg.jpg) no-repeat 8px center;
  transition: all 0.3s ease;
  border-radius: 5px;
  padding: 0 10px;
}

.index-news ul li:hover {
  background-color: #f8f9fa;
  transform: translateX(5px);
}

.index-news ul li a {
  color: #555;
  font-size: 14px;
  padding-left: 32px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.index-news ul li a:hover {
  color: #667eea;
}

.index-news ul li img {
  float: left;
  margin-right: 10px;
  border-radius: 4px;
}

.index-news ul li h3 {
  font-size: 100%;
  font-weight: bold;
  line-height: 25px;
  color: #333;
}

.index-news ul li p {
  color: #666;
}

.index-news ul li a span {
  color: #666;
  float: right;
  margin-right: 10px;
}

.n_more {
  width: 120px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: block;
  padding: 10px 20px;
  color: #fff;
  margin-top: 15px;
  text-decoration: none;
  text-align: center;
  border-radius: 25px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.n_more:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(102,126,234,0.3);
}

.index-hang {
  width: 407px;
  float: right;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}

.index-hang ul {
  padding-top: 20px;
}

.index-hang ul li {
  position: relative;
  height: 49px;
  line-height: 49px;
  border-bottom: 1px dashed #e1e4e8;
  transition: all 0.3s ease;
}

.index-hang ul li:hover {
  background-color: #f8f9fa;
  border-radius: 6px;
  padding-left: 10px;
}

.index-hang ul li::before {
  content: '';
  display: block;
  height: 3px;
  width: 10px;
  background: #667eea;
  position: absolute;
  top: 20px;
  left: 5px;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.index-hang ul li:hover::before {
  width: 15px;
  background: #764ba2;
}

.index-hang ul li a {
  color: #333;
  font-size: 14px;
  padding-left: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.index-hang ul li a:hover {
  color: #667eea;
}

.new_con {
  color: #595959;
  font-size: 14px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
}

.new01 {
  margin-top: 20px;
  border-bottom: 1px dashed #e1e4e8;
  padding-bottom: 13px;
  transition: all 0.3s ease;
}

.new01:hover {
  border-color: #667eea;
}

.new_title {
  color: #262626;
  font-size: 14px;
  background: url(../images/q.jpg) no-repeat 1px 4px;
  display: block;
  padding-left: 28px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.new_title:hover {
  color: #667eea;
}

.new_con {
  background: url(../images/a.jpg) no-repeat 1px 5px;
  padding-left: 28px;
}

.new01 a:hover {
  color: #eba602;
}

/* 关于我们样式美化 */
.intro_bg {
  margin-top: 50px;
  background: url(../images/intro_bg.jpg) no-repeat center top;
  height: 733px;
  position: relative;
}

.intro_bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,249,250,0.9) 100%);
}

.index-about {
  font-size: 15px;
  background-color: #f8f8f8;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}

.intro_con {
  width: 625px;
  float: left;
  padding: 30px;
  line-height: 1.8;
  color: #333;
  background: #fff;
}

.gong {
  width: 489px;
  float: right;
  border-radius: 0 12px 12px 0;
  overflow: hidden;
}

.gong img {
  transition: all 0.4s ease;
}

.gong:hover img {
  transform: scale(1.05);
}

.intro_h {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #333;
  position: relative;
}

.intro_h::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 3px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 2px;
}

.intro_h p {
  background-color: #079392;
  height: 2px;
  width: 50px;
  margin: 10px 0px;
}

.intro_con a:hover {
  color: #667eea;
}

.a_more {
  color: #fff;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  width: 140px;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  text-decoration: none;
  border-radius: 25px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.a_more:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(102,126,234,0.4);
}

/* 优势背景样式美化 */
.ys_bg {
  background: url(../images/ys_bg.jpg) no-repeat center top;
  height: 1014px;
}

.ys_bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

/* 优势区域标题布局修正 */
.ys_h {
  text-align: center;
  padding-top: 102px;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.ys_h p {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 12px;
  color: #000;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  line-height: 1.2;
}

.ys_h span {
  color: #fff;
  font-size: 16px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  display: block;
  line-height: 1.5;
}

/* 确保整个优势区域容器正确 */
.ys_bg {
  background: url(../images/ys_bg.jpg) no-repeat center top;
  height: 1014px;
  position: relative;
  width: 100%;
  text-align: center; /* 居中对齐 */
}

/* 传统浮动布局 - 确保6个对话框正确分2行 */
.ys {
  color: #fff;
  padding-top: 170px;
  position: relative;
  z-index: 1;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden; /* 清除浮动 */
}

.ys dl {
  width: 385px;
  float: left;
  text-align: center;
  font-size: 15px;
  height: 135px;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 5px;
  margin: 0 20px 20px 0;
  transition: all 0.3s ease;
  border: 1px solid rgba(255,255,255,0.2);
  box-sizing: border-box;
}

/* 每行第三个去掉右边距 */
.ys dl:nth-child(3n) {
  margin-right: 0;
}

/* 第四行开始清除浮动 */
.ys dl:nth-child(3n+1) {
  clear: both;
}

.ys dl:hover {
  transform: translateY(-10px);
  background: rgba(255,255,255,0.2);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.ys dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1px;
  color: #fff;
}

.ys dd {
  color: rgba(255,255,255,0.9);
  line-height: 1.6;
}

/* 联系背景样式美化 */
.con_bg {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  padding: 60px 0;
  position: relative;
}

.con_bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/pattern.png');
  opacity: 0.1;
}

.con_dh {
  width: 300px;
  float: left;
  position: relative;
  z-index: 1;
}

.con_dh ul li {
  width: 90px;
  float: left;
  line-height: 30px;
}

.con_dh .menulevel {
  display: none;
}

.con_dh li a {
  color: #ecf0f1;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 5px 0;
  display: block;
}

.con_dh li a:hover {
  color: #3498db;
  transform: translateX(5px);
}

.con_h {
  font-size: 20px;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  font-weight: bold;
}

.con_h p {
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  height: 3px;
  width: 50px;
  margin-top: 10px;
  border-radius: 2px;
}

.index_contact {
  width: 300px;
  float: left;
  font-size: 14px;
  color: #ecf0f1;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}

.index_contact img {
  position: relative;
  top: 6px;
  margin-right: 8px;
  filter: brightness(0) invert(1);
}

.ma {
  width: 115px;
  float: right;
  position: relative;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.ma img {
  transition: all 0.3s ease;
}

.ma:hover img {
  transform: scale(1.05);
}

.foot_left {
  width: 350px;
  float: left;
}

.foot_right {
  width: 777px;
  float: right;
  padding-top: 50px;
}

.c_cont {
  padding: 70px 0px 0px 50px;
  background: url(../images/c_cont.jpg) no-repeat right top;
  padding-bottom: 100px;
  border-radius: 12px;
}

#product_c a {
  display: block;
  float: left;
  height: 140px;
  margin-bottom: 10px;
  margin-left: 10px;
  text-align: center;
  width: 150px;
  text-decoration: none;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}

#product_c a:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

#product_c {
  width: 668px;
}

/* 分类标题样式美化 */
.index_title {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
  position: relative;
}

.index_title p {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 38px;
  font-weight: bold;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 5px 0;
  position: relative;
}

.index_title p::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 2px;
}

.index_title span {
  color: #666;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 20px;
  display: block;
}

.index_title span b {
  color: #189f9e;
}

.index_title span:before {
  content: '';
  vertical-align: middle;
  margin-right: 15px;
  display: inline-block;
  height: 1px;
  width: 54px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.index_title span:after {
  content: '';
  vertical-align: middle;
  margin-left: 15px;
  display: inline-block;
  height: 1px;
  width: 54px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 产品背景样式美化 */
.pro_bg {
  background: url(../images/pro_bg.jpg) no-repeat center top;
  padding-bottom: 60px;
  position: relative;
}

.pro_bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,249,250,0.9) 100%);
}

.index_title1 {
  text-align: center;
  font-size: 15px;
  color: #333;
  position: relative;
  z-index: 1;
}

.index_title1 span {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}

.index_title1 p {
  margin-top: 10px;
}

.index_title1 span:before {
  content: '';
  vertical-align: middle;
  margin-right: 15px;
  display: inline-block;
  height: 14px;
  width: 27px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  height: 2px;
}

.index_title1 span:after {
  content: '';
  vertical-align: middle;
  margin-left: 15px;
  display: inline-block;
  height: 14px;
  width: 27px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  height: 2px;
}

#sort_div {
  width: 1140px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.lei_img {
  text-align: center;
  margin-top: 25px;
}

.lei_h {
  background: url(../images/lei_bg.jpg) no-repeat center top;
  color: #fff;
  height: 116px;
  font-size: 18px;
  text-align: center;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.lei_h::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.3) 0%, rgba(118,75,162,0.3) 100%);
}

.lei_h p {
  font-size: 23px;
  font-weight: bold;
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.lei_h span {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  color: #e6f7ff;
  position: relative;
  z-index: 1;
}

.sort_div ul {
  padding-bottom: 17px;
  text-align: center;
}

.sort_div ul li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 46px;
  line-height: 46px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  width: 172px;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  text-align: center;
  border-radius: 25px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.sort_div ul li::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s;
}

.sort_div ul li:hover::before {
  left: 100%;
}

.sort_div ul li:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(102,126,234,0.3);
}

.sort_div ul li:nth-last-child(1) {
  margin-right: 0;
}

.sort_div ul li a {
  height: 46px;
  font-size: 16px;
  color: #fff;
  line-height: 46px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  position: relative;
  z-index: 1;
  font-weight: 500;
}

.sort_div ul li a:hover {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
}

.sort_div ul li ul li {
  height: 30px;
  line-height: 30px;
  background: url(../images/clibg1.jpg) no-repeat 20px center;
  margin-bottom: 0px;
  border-radius: 0;
}

.sort_div ul li ul li a {
  color: #333;
  padding-left: 36px;
}

.sort_div ul li ul li a:hover {
  color: #0668cb;
}

.xinw {
  padding-top: 50px;
  position: relative;
  z-index: 1;
}

.xinw p {
  color: #fff;
}

.lei_bt {
  padding-left: 20px;
}

.lei_bt p {
  padding-top: 20px;
  font-size: 14px;
  margin-bottom: 8px;
  color: #333;
  font-weight: 500;
}

.lei_bt span {
  color: #667eea;
  font-weight: bold;
}

.p_more {
  height: 35px;
  line-height: 35px;
  display: block;
  color: #fff;
  width: 100px;
  float: right;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  font-size: 12px;
  margin-top: 12px;
  text-align: center;
  text-decoration: none;
  border-radius: 18px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.p_more:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(102,126,234,0.3);
}

.index_tu {
  background: url(../images/tu_bg.jpg) no-repeat center top;
  height: 283px;
  color: #fff;
  font-size: 16px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.index_tu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.3) 0%, rgba(118,75,162,0.3) 100%);
}

.index_tu p {
  padding-top: 155px;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  text-align: center;
}

/* 产品列表样式美化 */
.index-products {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

.index-products ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* 在产品列表样式部分进行修正 */

/* 产品列表样式美化 */
.index-products ul li {
  float: left;
  /*text-align: center;*/
  width: 572px;
  margin: 0px 10px 30px 17px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.index-products ul li:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

/* 修正：将整个产品卡片包含在a标签内 */
.index-products ul li a {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
}

.index-products ul li img {
  border: none;
  max-width: 100%;
  transition: all 0.4s ease;
}

.index-products ul li:hover img {
  transform: scale(1.05);
}

.index-products ul li a:link,
.index-products ul li a:visited,
.index-products ul li a:active {
  color: #333;
  font-size: 15px;
}

/* 修正：将p_con移到a标签内 */
.p_imgs {
  width: 270px;
  float: left;
  overflow: hidden;
  border-radius: 12px 0 0 12px;
}

.p_con {
  width: 276px;
  float: left;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  height: 176px;
  padding: 12px;
  position: relative;
  overflow: hidden;
  border-radius: 0 12px 12px 0;
}

.p_con::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  transition: left 0.6s;
}

.index-products ul li:hover .p_con::before {
  left: 100%;
}

/* 悬停详情效果增强 */
.index-products li .xq1 {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 205px;
  color: #fff;
  text-align: center;
  background: linear-gradient(135deg, rgba(102,126,234,0.9) 0%, rgba(118,75,162,0.9) 100%);
  height: 100%;
  width: 100%;
  z-index: 99;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 12px;
}

.index-products ul li:hover .xq1 {
  opacity: 1;
  transform: scale(1);
}

.xq1 img {
  margin-bottom: 15px;
  filter: brightness(0) invert(1);
  transition: all 0.3s ease;
}

.pro_more {
  text-align: left;
  margin-top: 10px;
}

.index-right {
  float: left;
  padding: 0px 15px 0px 5px;
  width: 240px;
  overflow: hidden;
}

.index-search {
  padding-bottom: 5px;
}

.index-search h2 {
  background-position: 0px -136px;
}

.index-search p {
  padding: 5px 0px 5px 10px;
}

#searchid {
  line-height: 20px;
  padding: 2px;
}

#searchtext {
  border: 1px solid #e1e4e8;
  background: #fff;
  height: 20px;
  line-height: 20px;
  padding: 2px;
  width: 200px;
  border-radius: 4px;
}

#searchbutton {
  border: none;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  cursor: pointer;
  height: 21px;
  width: 64px;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s ease;
}

#searchbutton:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

.index-jobs h2 {
  background-position: 0px -170px;
}

.index-jobs {
  padding-bottom: 5px;
}

.index-jobs ul li {
  padding: 4px 0px;
}

/*********** 页面布局 ***********/
#page_main {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 30px;
}

#page_main2 {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 30px;
}

/* 左侧边栏美化 */
.page-left {
  width: 260px;
  float: left;
  border: 1px solid #e1e4e8;
  padding-bottom: 30px;
  margin-top: 16px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  overflow: hidden;
}

.left-contact {
  padding-top: 5px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.left-contact h2 {
  background-position: 0px -204px;
}

.left-contact p {
  line-height: 35px;
  padding: 15px 5px 15px 20px;
  color: #333;
}

.left-contact p span {
  font-weight: bold;
  color: #667eea;
}

/* 右侧内容区美化 */
.page-right {
  float: right;
  padding: 15px 0px 20px 0px;
  width: 885px;
  overflow: hidden;
}

.page-right2 {
  width: 1200px;
  margin: 0 auto;
}

.site-nav {
  border-bottom: 1px solid #e1e4e8;
  height: 30px;
  margin-bottom: 20px;
  line-height: 30px;
  text-align: left;
  background: #f8f9fa;
  padding: 0 15px;
  border-radius: 6px;
}

.site-nav span {
  color: #667eea;
  font-weight: bold;
}

.site-nav2 {
  width: 1200px;
  margin: 20px auto;
  border-bottom: 1px dashed #e1e4e8;
  height: 60px;
  line-height: 60px;
  background: #fff;
  padding: 0 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.site-nav2 span {
  color: #4a1d00;
  font-weight: bold;
}

.site_left {
  width: 500px;
  float: left;
  color: #333;
}

.site_right {
  width: 215px;
  float: right;
  font-size: 20px;
  color: #166ac9;
}

.site_right span {
  font-size: 18px;
  color: #667eea;
  font-weight: normal;
}

.page-single,
.page-products,
.page-news,
.page-newsdetail,
.page-jobs,
.page-jobsdetail {
  margin-bottom: 10px;
}

.productsdetail-title,
.newsdetail-title,
.jobsdetail-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px dashed #e1e4e8;
  margin-bottom: 10px;
  color: #333;
}

.page-news {
  line-height: 32px;
  font-size: 13px;
}

.page-news table {
  width: 98%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.page-news table th {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  border: none 0px;
  font-size: 12px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.page-news table th.news-time {
  width: 100px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}

.page-news table th.news-title {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}

.page-news table td {
  border-bottom: 1px solid #e1e4e8;
  padding: 12px 8px;
  background: #fff;
}

.page-news table td.time-list {
  color: #666;
  text-align: center;
}

.page-jobs table {
  width: 98%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.page-jobs table th {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  border: none 0px;
  font-size: 12px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.page-jobs table th.jobs-time {
  width: 100px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}

.page-jobs table th.jobs-title {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}

.page-jobs table td {
  border-bottom: 1px dashed #e1e4e8;
  padding: 12px 8px;
  background: #fff;
}

.page-jobs table td.time-list {
  color: #666;
  text-align: center;
}

/* 留言表单美化 */
.page-guestbook {
  width: 600px;
  margin: 0px auto;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}

.page-guestbook dl dt,
.page-guestbook dl dd {
  float: left;
  padding: 8px;
  margin-top: 10px;
}

.page-guestbook dl dt {
  width: 100px;
  text-align: right;
  line-height: 44px;
  color: #333;
  font-weight: 500;
}

.page-guestbook dl dd {
  width: 450px;
}

.page-guestbook dl dd input {
  border: 1px solid #e1e4e8;
  padding: 12px 15px;
  background: #fff;
  height: 44px;
  line-height: 44px;
  width: 100%;
  border-radius: 8px;
  transition: all 0.3s ease;
  box-sizing: border-box;
  font-size: 14px;
}

.page-guestbook dl dd input:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.1);
  outline: none;
}

.page-guestbook dl dd span {
  color: #ff4757;
  margin-left: 10px;
  font-weight: bold;
}

.page-guestbook .Content {
  width: 100%;
  height: 120px;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 12px 15px;
  box-sizing: border-box;
  font-size: 14px;
  resize: vertical;
  transition: all 0.3s ease;
}

.page-guestbook .Content:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.1);
  outline: none;
}

#checkcode {
  width: 100px;
  text-align: center;
}

.page-guestbook p {
  text-align: center;
  clear: both;
  margin-bottom: 10px;
}

/* 友情链接美化 */
#friendlink {
  color: #333;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

#friendlink a {
  color: #666;
  display: inline-block;
  padding: 4px 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 6px;
}

#friendlink a:hover {
  color: #667eea;
  background: #f8f9fa;
  transform: translateY(-2px);
}

#copyright {
  font-size: 14px;
  background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%);
  line-height: 1.6;
  padding: 30px 0;
  margin-top: 1px;
}

.fenzhan {
  padding-top: 1px;
  color: #bdc3c7;
}

.fenzhan a {
  color: #ecf0f1;
  text-decoration: none;
  transition: color 0.3s ease;
}

.fenzhan a:hover {
  color: #3498db;
}

.foot {
  color: #bdc3c7;
  text-align: center;
  padding: 20px 0;
}

.foot a {
  color: #ecf0f1;
  text-decoration: none;
  transition: color 0.3s ease;
  margin: 0 10px;
}

.foot a:hover {
  color: #3498db;
}

/* 新闻列表页样式美化 */
ul,
li {
  list-style: none;
}

a,
a:visited,
a:active {
  color: #333333;
  text-decoration: none;
}

a:hover {
  color: #667eea;
  text-decoration: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

ul.newsList li {
  border: 1px solid #f8f8f8;
  padding: 20px;
  margin-bottom: 25px;
  padding-left: 25px;
  background-color: #fff;
  border-left: 4px solid #667eea;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

ul.newsList li::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(102,126,234,0.05), transparent);
  transition: left 0.6s;
}

ul.newsList li:hover::before {
  left: 100%;
}

ul.newsList li:hover {
  transform: translateX(5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.page-news {
  margin: 0 auto;
  width: 100%;
  font-size: 15px;
  line-height: 1.6;
}

/* 新闻详情页样式美化 */
#shownews h1.title {
  font-size: 24px;
  text-align: center;
  height: auto;
  line-height: 1.4;
  padding: 20px 0;
  color: #333;
  font-weight: bold;
  border-bottom: 1px solid #e1e4e8;
  margin-bottom: 20px;
}

.hits {
  border-bottom: 1px solid #e1e4e8;
  margin-bottom: 20px;
  height: auto;
  line-height: 1.6;
  padding: 15px 0;
  color: #666;
  background: #f8f9fa;
  padding: 15px 20px;
  border-radius: 8px;
}

.hits a {
  color: #667eea;
  text-decoration: none;
  transition: all 0.3s ease;
}

.hits a:hover {
  color: #764ba2;
}

.page {
  line-height: 1.6;
  border-top: 1px dotted #e1e4e8;
  border-bottom: 1px dotted #e1e4e8;
  padding: 20px 0;
  margin: 20px 0;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
}

#shownews .text {
  margin: 20px 0;
  line-height: 1.8;
  color: #333;
}

.related {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
  padding: 20px;
  margin-top: 30px;
}

#shownews .related {
  font-weight: bold;
  height: auto;
  line-height: 1.6;
  font-size: 16px;
  margin-top: 30px;
  color: #333;
  border: none;
}

#shownews .related-list li {
  border-bottom: 1px dashed #e1e4e8;
  background: url(../images/icon1.gif) no-repeat left center;
  padding-left: 10px;
  float: left;
  height: auto;
  line-height: 1.6;
  padding: 8px 0 8px 25px;
  width: 267px;
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

#shownews .related-list li:hover {
  background-color: #fff;
  border-radius: 4px;
  padding-left: 30px;
}

#shownews .related-list li a,
#shownews .related-list li a:active,
#shownews .related-list li a:visited {
  color: #666;
  transition: all 0.3s ease;
}

#shownews .related-list li a:hover {
  color: #667eea;
}

/* 产品列表页样式美化 */
#ShowImages {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#ShowImages li {
  display: inline;
  float: left;
  margin: 6px 12px;
  text-align: center;
  margin-bottom: 16px;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
}

#ShowImages li:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

#ShowImages .images_img a {
  border: none;
  display: block;
  height: 180px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 245px;
  text-decoration: none;
}

#ShowImages .images_img img {
  max-height: 180px;
  max-width: 100%;
  transition: all 0.4s ease;
}

#ShowImages li:hover .images_img img {
  transform: scale(1.1);
}

#ShowImages .images_title a {
  height: 50px;
  line-height: 50px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  display: block;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 0 15px;
}

#ShowImages li:hover .images_title a {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}

/* 图片列表页样式美化 */
#ShowImages .images_img1 a {
  border: none;
  display: block;
  height: 260px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 245px;
  text-decoration: none;
  border-radius: 12px;
}

#ShowImages .images_img1 a:hover {
  background: none;
  border: none;
}

#ShowImages .images_img1 img {
  max-height: 260px;
  max-width: 100%;
  border-radius: 12px;
}

/* 下载列表页样式美化 */
.downloadtimes {
  width: 80px;
  text-align: center;
  background: #f8f9fa;
  padding: 8px;
  border-radius: 6px;
  font-weight: bold;
  color: #667eea;
}

/* 下载详细页样式美化 */
.download {
  margin-bottom: 10px;
}

.download li {
  line-height: 1.6;
  border-bottom: 1px dotted #e1e4e8;
  padding: 12px 0;
  transition: all 0.3s ease;
}

.download li:hover {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 12px 15px;
}

.downloadRight {
  width: 85%;
}

/* 招聘列表页样式美化 */
.jobList li {
  float: left;
  line-height: 1.6;
  border-bottom: 1px dotted #e1e4e8;
  text-align: center;
  padding: 12px 0;
  transition: all 0.3s ease;
}

.jobList li:hover {
  background: #f8f9fa;
  border-radius: 6px;
}

.jobtime {
  width: 15%;
  color: #666;
}

.jobPosition {
  width: 40%;
  color: #333;
  font-weight: 500;
}

/* 招聘详情页样式美化 */
.showjobList li {
  line-height: 1.6;
  border-bottom: 1px dotted #e1e4e8;
  padding: 12px 0;
}

.jobDescription {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  height: auto;
  line-height: 1.6;
  margin: 20px 0;
  text-indent: 10px;
  padding: 15px;
  border-radius: 8px;
  font-weight: bold;
  color: #333;
}

/* 招聘应聘页面样式美化 */
.submit {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  width: 242px;
  height: 50px;
  color: #ffffff;
  line-height: 50px;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 16px;
  text-align: center;
  float: left;
  margin-top: 30px;
  margin-left: 90px;
  border-radius: 25px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.submit:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(102,126,234,0.4);
}

.reset {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  width: 242px;
  line-height: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
  border: 1px solid #e1e4e8;
  cursor: pointer;
  border-radius: 25px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.reset:hover {
  background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* 内页相关产品样式美化 */
.related_cp p {
  line-height: 1.6;
  text-indent: 2em;
  color: #333;
}

.related_cp td {
  line-height: 1.6;
}

.related_cp ul {
  width: 100%;
  height: auto;
  padding-top: 5px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.related_cp ul li {
  text-align: center;
  width: 126px;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.related_cp ul li:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.related_cp ul li p {
  line-height: 1.4;
  height: auto;
  text-align: center;
  text-indent: 0em;
  padding: 10px;
  margin: 0;
}

.related_cp ul li p a {
  line-height: 1.4;
  height: auto;
  text-align: center;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.3s ease;
}

.related_cp ul li p a:hover {
  color: #667eea;
}

.related_cp ul li img {
  border: 1px solid #e1e4e8;
  width: 100px;
  height: 88px;
  padding: 5px;
  max-width: 100%;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.related_cp ul li a:hover img {
  border-color: #667eea;
  transform: scale(1.05);
}

/* 产品展示页询盘页面样式美化 */
.chanpin_xp {
  width: 600px;
  margin: 0px auto;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}

.chanpin_xp dl dt,
.chanpin_xp dl dd {
  float: left;
  padding: 8px;
  margin-top: 10px;
}

.chanpin_xp dl dt {
  width: 100px;
  text-align: right;
  color: #333;
  font-weight: 500;
  line-height: 44px;
}

.chanpin_xp dl dd {
  width: 450px;
  margin-left: 0;
  margin-top: 10px;
}

.chanpin_xp dl dd input {
  border: 1px solid #e1e4e8;
  padding: 12px 15px;
  background: #fff;
  height: 44px;
  line-height: 44px;
  width: 100%;
  border-radius: 8px;
  transition: all 0.3s ease;
  box-sizing: border-box;
  font-size: 14px;
}

.chanpin_xp dl dd input:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.1);
  outline: none;
}

.chanpin_xp dl dd span {
  color: #ff4757;
  margin-left: 10px;
  font-weight: bold;
}

.chanpin_xp .Content {
  width: 100%;
  height: 120px;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  padding: 12px 15px;
  box-sizing: border-box;
  font-size: 14px;
  resize: vertical;
  transition: all 0.3s ease;
}

.chanpin_xp .Content:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.1);
  outline: none;
}

.chanpin_xp p {
  text-align: center;
  clear: both;
  margin-bottom: 10px;
}

/* 产品页搜索框样式美化 */
.head-search {
  margin: 0 auto;
  margin-top: 15px;
  overflow: hidden;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 15px;
  border-radius: 8px;
}

.f_l {
  float: left;
}

.f_r {
  float: right;
}

.ss {
  padding-top: 10px;
  margin-top: -7px;
  font-size: 13px;
  font-weight: bold;
  padding-left: 18px;
  color: #333;
}

.head-search .txt-keyword {
  border: 1px solid #e1e4e8;
  border-right: none;
  width: 200px;
  height: 36px;
  float: left;
  color: #333;
  font-size: 14px;
  padding: 0 15px;
  border-radius: 18px 0 0 18px;
  background: #fff;
}

.head-search .btn-search {
  width: 80px;
  height: 36px;
  border: none;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  border-radius: 0 18px 18px 0;
  transition: all 0.3s ease;
  font-weight: 500;
}

.head-search .btn-search:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

.ssk {
  width: 580px;
}

/* 产品展示列表样式美化 */
.lbtu {
  width: 695px;
  height: auto;
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.lbtup {
  height: auto;
  padding-top: 20px;
  overflow: hidden;
}

.lbtup li {
  list-style-type: none;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e1e4e8;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}

.lbtup li:hover {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 10px;
  margin: -10px -10px 0 -10px;
}

.lbtu_left {
  width: 110px;
  margin-top: 15px;
  float: left;
}

.lbtu_left img {
  border: 1px solid #e1e4e8;
  width: 100px;
  height: 88px;
  padding: 5px;
  max-width: 100%;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.lbtu_left a:hover img {
  border-color: #667eea;
  transform: scale(1.05);
}

.lbtu_right {
  width: 505px;
  margin-top: 25px;
  float: right;
}

.lbtu_right li {
  float: left;
  border: none;
  padding: 0;
  margin: 0;
}

.bt {
  line-height: 1.4;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.bt a {
  text-decoration: none;
  color: #333;
  transition: all 0.3s ease;
}

.bt a:hover {
  color: #667eea;
}

.lbt a:hover {
  color: #667eea;
}

.wenzi {
  font-size: 12px;
  line-height: 1.6;
  width: 180px;
  color: #666;
}

.wenzi span a {
  color: #667eea;
  text-decoration: none;
  font-weight: 500;
}

.right_tb ul li {
  float: left;
  padding-left: 10px;
}

/* 产品图片悬停效果美化 */
.page-products .images_img img {
  transition: all 0.4s ease;
}

.page-products .images_img a img:hover {
  transform: scale(1.1);
}

/* 内页背景样式美化 */
.ny_xinwen {
  background: url(../images/xinwen.jpg) no-repeat center top;
  height: 400px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ny_xinwen::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

.ny_liuyan {
  background: url(../images/liuyan.jpg) no-repeat center top;
  height: 400px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ny_liuyan::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

.ny_jianjie {
  background: url(../images/jianjie.jpg) no-repeat center center;
  height: 450px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ny_jianjie::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

.ny_chanpin {
  background: url(../images/chanpin.jpg) no-repeat center center;
  height: 450px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ny_chanpin::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

.ny_tupian {
  background: url(../images/jianjie.jpg) no-repeat center top;
  height: 400px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ny_tupian::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

.ny_lianxi {
  background: url(../images/lxwm.jpg) no-repeat center top;
  height: 400px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.ny_lianxi::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
}

.banners img {
  width: 100%;
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

#proinfo_c {
  line-height: 1.8;
  color: #333;
}

/* 分页美化 */
.pagebar {
  padding: 30px;
  overflow: hidden;
  clear: both;
  text-align: center;
}

.pagebar .pagination {
  display: inline-flex;
  justify-content: center;
  margin-top: 10px;
  background: #fff;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.pagination a {
  background: #fff;
  border: 1px solid #e1e4e8;
  color: #333;
  font-size: 14px;
  padding: 10px 15px;
  margin: 0 4px;
  border-radius: 8px;
  line-height: 100%;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  font-weight: 500;
}

.pagination a:hover {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(102,126,234,0.3);
}

.pagination a.page-num-current {
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: 1px solid transparent;
  box-shadow: 0 5px 15px rgba(102,126,234,0.3);
}

.pagination .st {
  font-family: "Microsoft YaHei", Arial, sans-serif;
}

.text-secondary {
  text-align: center;
  padding: 40px 0;
  color: #666;
  font-size: 16px;
}

/* 内页联系样式美化 */
.lx-bt {
  text-align: center;
  margin-top: 44px;
  padding: 40px 0;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 12px;
}

.bt-dzi {
  font-size: 28px;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
}

.bt-xzi {
  font-size: 16px;
  color: #666;
  margin-top: 18px;
  margin-bottom: 18px;
  line-height: 1.6;
}

.lx-lx {
  width: 287px;
  float: left;
  margin-bottom: 35px;
  margin-top: 33px;
  text-align: center;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.lx-lx:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.lx-mz {
  font-size: 14px;
  color: #666;
  margin-top: 15px;
  text-align: center;
}

.lx-zi {
  font-size: 16px;
  color: #333;
  text-align: center;
  font-weight: 500;
}

.nylx_left {
  width: 330px;
  float: left;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.nylx_left p {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.ly_left {
  width: 320px;
  float: left;
  line-height: 1.6;
  margin-top: 35px;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.ly_left span {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
  display: block;
  color: #333;
  border-bottom: 3px solid #667eea;
  padding-bottom: 10px;
}

.ly_left img {
  margin-top: 30px;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* 浮动客服样式美化 */
#floatDivBoxs {
  width: 170px;
  background: #fff;
  position: fixed;
  top: 100px;
  right: 0px;
  z-index: 999;
  border-radius: 12px 0 0 12px;
  box-shadow: -5px 5px 25px rgba(0,0,0,0.1);
  overflow: hidden;
}

#floatDivBoxs .floatDtt {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  font-size: 16px;
  text-indent: 22px;
  position: relative;
  font-weight: bold;
}

#floatDivBoxs .floatDqq {
  padding: 0 15px;
}

#floatDivBoxs .floatDqq li {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  border-bottom: 1px solid #e1e4e8;
  text-align: right;
  transition: all 0.3s ease;
}

#floatDivBoxs .floatDqq li:hover {
  background: #f8f9fa;
}

#floatDivBoxs .floatDqq li img {
  float: left;
  margin-top: 7px;
  max-width: 100%;
  border-radius: 4px;
}

#floatDivBoxs .floatDtxt {
  font-size: 14px;
  color: #333;
  padding: 15px;
  line-height: 1.6;
}

#floatDivBoxs .floatDtel {
  padding: 0 0 15px 15px;
}

#floatDivBoxs .floatImg {
  text-align: center;
  padding: 15px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

#floatDivBoxs .floatImg img {
  margin-bottom: 8px;
  max-width: 100%;
  border-radius: 6px;
}

#floatDivBoxs .floatDtel img {
  display: block;
  max-width: 100%;
  border-radius: 6px;
}

#floatDivBoxs .floatDbg {
  width: 100%;
  height: 20px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}

.floatShadow {
  background: #fff;
  box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}

#rightArrow {
  width: 50px;
  height: 129px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 999;
  border-radius: 8px 0 0 8px;
  box-shadow: -3px 3px 15px rgba(0,0,0,0.2);
}

#rightArrow a {
  display: block;
  height: 45px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  text-decoration: none;
  font-weight: bold;
}

.ptitle {
  text-align: center;
  border-bottom: 1px solid #e1e4e8;
  padding-bottom: 20px;
  margin-bottom: 30px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
}

/* 内容图片自适应美化 */
.ab_img img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.ab_img p {
  text-wrap: inherit !important;
  line-height: 1.8;
  color: #333;
}

.ab_img p span {
  text-wrap: inherit !important;
}

/* 加载动画 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.index-products ul li,
.index-news,
#ShowImages li,
.lx-lx,
.nylx_left,
.ly_left {
  animation: fadeInUp 0.6s ease forwards;
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

/* 响应式改进 */
@media screen and (max-width: 1200px) {
  .contain, .top, #page_main, #page_main2 {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  
  .index_content {
    width: 100%;
    padding: 30px 20px;
  }
  
  #sort_div {
    width: 100%;
  }
}

/* 打印样式 */
@media print {
  .index_top, .h_top, .con_bg, #floatDivBoxs, #rightArrow {
    display: none;
  }
  
  body {
    background: #fff;
    color: #000;
  }
  
  a {
    color: #000;
    text-decoration: none;
  }
}

/* 特殊效果类 */
.glass-effect {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.shadow-lg {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.hover-lift {
  transition: all 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.gradient-text {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.border-gradient {
  border: 2px solid transparent;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* 工艺图轮播样式 */
.craft-slider-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 5px 0;
}

.craft-slider {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.craft-slider-container {
  overflow: hidden;
  border-radius: 15px;
}

.craft-slider-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.craft-slide {
  min-width: 23.33%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 10px;
}

.craft-slide img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.craft-slide:hover img {
  transform: scale(1.05);
}

.craft-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,0.8));
  color: white;
  padding: 20px;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.craft-slide:hover .craft-info {
  transform: translateY(0);
}

.craft-info h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.craft-info p {
  font-size: 14px;
  opacity: 0.9;
}

/* 导航按钮 */
.craft-prev, .craft-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 24px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.craft-prev:hover, .craft-next:hover {
  background: #667eea;
  color: white;
}

.craft-prev {
  left: 20px;
}

.craft-next {
  right: 20px;
}

/* 指示点 */
.craft-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}

.craft-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.craft-dot.active {
  background: #667eea;
  transform: scale(1.2);
}

.craft-dot:hover {
  background: rgba(255,255,255,0.8);
}
/* 搜索按钮容器 - 确保不换行 */
.search-btn-item {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.search-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* 搜索图标按钮 - 修复样式 */
.search-icon-btn {
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #666;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

.search-icon-btn:hover {
  background: #f5f5f5;
  color: #007bff;
}

/* 确保导航菜单项水平排列 */
#MainMenu > ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

#MainMenu > ul > li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

/* 搜索面板样式 - 精确定位 */
.search-panel {
  position: absolute;
  top: 100%;
  right: 0;
  width: 0;
  height: 50px;
  background: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  margin-top: 5px;
}

.search-panel.active {
  width: 320px;
  opacity: 1;
  visibility: visible;
}

.search-container {
  padding: 8px 12px;
  /*width: 100%;*/
  height: 100%;
}

.search-form {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 8px;
  margin: 0;
}

.search-input-wrapper {
  position: relative;
  flex: 1;
  height: 100%;
  margin: 0;
}

#searchInput {
  width: 100%;
  height: 34px;
  padding: 0 35px 0 15px;
  border: 1.5px solid #e0e0e0;
  border-radius: 20px;
  outline: none;
  font-size: 14px;
  transition: all 0.3s ease;
  background: #f8f9fa;
  font-family: inherit;
  margin: 0;
  box-sizing: border-box;
}

#searchInput:focus {
  border-color: #007bff;
  background: white;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

#searchInput::placeholder {
  color: #999;
  font-size: 13px;
}

/* 关闭按钮 */
.search-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 0;
  margin: 0;
}

.search-close:hover {
  color: #666;
  background: #f0f0f0;
}

.search-panel.active .search-close {
  display: flex;
}

/* 搜索提交按钮 */
.search-submit {
  width: 36px;
  height: 36px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
}

.search-submit:hover {
  background: #0056b3;
  transform: scale(1.05);
}

/* 清除浮动影响 */
#index_nav {
  float: left;
}

#MainMenu {
  float: left;
}

/* 确保整体布局正确 */
.index_top .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.logo {
  float: left;
}

#index_nav {
  float: left;
  flex: 1;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .search-panel.active {
    width: 280px;
    right: -5px;
  }
  
  .search-container {
    padding: 6px 10px;
  }
  
  #searchInput {
    height: 32px;
    padding: 0 30px 0 12px;
    font-size: 13px;
  }
  
  .search-icon-btn {
    width: 32px;
    height: 32px;
  }
  
  .search-submit {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 480px) {
  .search-panel.active {
    width: 250px;
  }
  
  #searchInput::placeholder {
    font-size: 12px;
  }
}

/* 修复可能存在的冲突样式 */
.ddsmoothmenu ul li {
  position: relative;
}

.ddsmoothmenu ul li a {
  display: block;
  text-decoration: none;
}

/* 确保搜索按钮与其他菜单项对齐 */
.search-btn-item a, 
.search-btn-item button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  line-height: normal !important;
}