@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0;}
body {font-size: 14px; color: #333; margin:0px;background:#EEE; }
a{ color:#333; text-decoration:none;}
a:active, a:hover{ color: #333; text-decoration:none;}
:focus{outline:0}
img { border-style: none;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,dl {list-style:none;}
li{ list-style:none;}
input,button{ vertical-align:middle}
.clear{display:block;height:0;clear:both;content:"";overflow:hidden;visibility:hidden;}

.site-header{
  width:100%;
  background:#1A535C;
  height: clamp(50px, 10vw, 80px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.site-header h1{
  color:#fff;
  font-size:clamp(16px, 4vw, 30px);
  font-weight:bold;
  white-space:nowrap;
  padding:0 10px;
}/*banner*/
#wrapper { width: 100%; overflow: hidden; background:#FFF;  }
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:6px; height:6px; opacity:0.8; line-height: 99em; background:#FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #da251c; }

/*图标链接*/
.icolink {
    margin-top: 15px;
    /* overflow:hidden;  <-- 建议去掉这个，防止遮挡阴影 */
}

/* 关键修改：针对 ul 设置 flex */
.icolink ul {
    display: flex;           /* 开启弹性布局 */
    justify-content: center; /* 整体居中 */
    padding: 0;              /* 去掉默认内边距 */
    margin: 0;               /* 去掉默认外边距 */
    list-style: none;        /* 去掉列表圆点 */
}

/* 关键修改：针对 li 设置平分宽度 */
.icolink li {
    width: 33.33%;           /* 3个平分，每个占 1/3 */
    text-align: center;      /* 内容居中 */
    box-sizing: border-box;  /* 防止边框撑破布局 */
    font-size: 20px;
    font-weight: bold;
}

/* 保持原有的图片和文字样式 */
.icolink li img {
    width: 150px;
    height: 150px;
    display: block;          /* 图片变块级以便居中 */
    margin: 0 auto;          /* 图片水平居中 */
}

.icolink li p {
    margin: 0;
    padding: 3px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*新品发布*/
.tit{ height:34px; line-height:34px; margin:20px 10px 0; line-height:34px; border-bottom:1px solid #1A535C;}
.tit a{ float:right; font-size:14px;}
.tit div{ float:left;  position:relative; }
.tit div span{ width:20px; height:34px; display:inline-block; background:#1A535C; position:absolute; right:-10px; top:0;transform:skew(30deg,0deg);
-ms-transform:skew(30deg,0deg); /* IE 9 */
-moz-transform:skew(30deg,0deg); /* Firefox */
-webkit-transform:skew(30deg,0deg); /* Safari and Chrome */
-o-transform:skew(30deg,0deg); /* Opera */}
.tit div strong{ background:#1A535C; display:inline-block; padding:0 15px; color:#FFF; font-size:16px; float:left;}



/* 新品推荐商品列表 - 图片完整显示+视觉统一终极版 */
.txd li{
  /* 电脑端2列，间距自适应 */
  width: calc(50% - 10px);
  float: left;
  text-align: center;
  margin-top: 15px;
  margin-right: 10px;
  box-sizing: border-box;
}

/* 媒体查询：屏幕宽度小于768px（手机/平板），自动变1列 */
@media screen and (max-width: 768px) {
  .txd li{
    width: 100%; /* 手机端100%宽度，单列显示 */
    margin-right: 0; /* 取消右边距 */
  }
}

.txt li{
  /* 2列布局，精准平分，无空档 */
  width: calc(50% - 10px);
  float: left;
  text-align: center;
  margin-top: 15px;
  margin-right: 20px;
  box-sizing: border-box;

  /* 统一卡片样式，视觉边界一致 */
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  background: #fff;
}

/* 清除每一行第2个li的右间距，避免换行错位 */
.txt li:nth-child(2n){
  margin-right: 0;
}

/* 鼠标悬停效果，提升交互感 */
.txt li:hover{
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.txt li a{
  display: block;
  height: 100%;
}

/* 核心：图片完整显示+视觉大小统一 */
.txt li img{
  width: 100%;
  height: 460px; /* 统一所有图片的容器高度，视觉完全对齐 */
  object-fit: contain; /* 100%完整显示图片，不裁剪、不变形 */
  object-position: center; /* 图片居中，留白均匀 */
  background: #f8f9fa; /* 统一浅灰背景，把留白变成设计感，消除大小差 */
  display: block;
  padding: 15px; /* 内边距，让图片不贴边，视觉更舒展 */
  box-sizing: border-box;
}

.txt li p{
  margin: 0;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  font-weight: 500;
  background: #fff;
  color: #1A535C; /* 主题色，和头部呼应 */
  border-top: 1px solid #eee; /* 分割线，层次清晰 */
}
/*底部*/
.foot{ background:#fff; border-top:1px solid #DDD; margin-top:10px; padding:15px; line-height:24px; font-size:15px; color:#fff; text-align:center;}


/*新闻*/
.lanm{ position:fixed; left:0; top:0; width:100%; height:45px; left:0; top:0; z-index:998; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee433b), to(#da251c));
background-image: -webkit-linear-gradient(top, #ee433b, #da251c);
background-image: linear-gradient(to bottom, #ee433b, #da251c);
display:box; display:-webkit-box; display:-moz-box;}
.lanm span{ width:40px; height:100%; display:block;}
.lanm h1{ display:block; color:#FFF; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; line-height:45px; text-align:center; font-size:18px; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#back a{ display:block; height:100%; background:url(../images/back.png) no-repeat center; background-size:10px auto}
#lm{ height:100%; background:url(../images/lm.png) no-repeat center; background-size:auto 15px; -webkit-background-size:auto 15px; -moz-background-size:auto 15px; -o-background-size:auto 15px;}
.lanm .submenu{ position:absolute; width:100%; left:0; top:45px; background:#FFF; display:none;}
.lanm .submenu a{ display:block; height:40px; line-height:40px; border-bottom:1px solid #E8E8E8; margin:0 10px; background:url(../images/arr.png) no-repeat right center;background-size:auto 12px;}
.lanm .submenu a:last-child{ border:none;}
.zhezhao2{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index:990;display:none}


.newslist { padding-top:45px;}
.newslist li { border-bottom: 1px solid #DDD; }
.newslist li a { display: block; overflow: hidden; padding: 20px 10px; }
.newslist li img { width: 80px; height: 60px; float: left; margin-right: 10px; }
.newslist li h1 { font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newslist li p { margin: 0; padding: 0; line-height: 30px; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pagelist { margin: 20px 10px; height: 40px; background:#FFF; font-weight: bold; line-height: 40px; display: box; font-size: 16px; border: 1px solid #ff5959; display: -moz-box; display: -webkit-box; border-radius: 5px; }
.pagelist span { display: block; text-align: center; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; }
.pagelist span a { display: block; color:#ff5959;}
.page { width:30px; overflow:hidden;  border-left: 1px solid #ff5959; border-right: 1px solid #ff5959;}
.page select{ font-size:16px; height:40px; background:none; text-align:center; border:none; font-family: Arial; color:#ff5959; -webkit-appearance:none; -moz-appearance: none; appearance:none; }

/*产品展示*/
.imglist{ padding-top:45px; }

/*宣传视频*/
.video{ padding:45px 10px 10px ;}
.video li{ margin-top:10px; background:#FFF; box-shadow:0 0 5px #CCC;}
.video li img{ width:100%; height:auto; display:block;}
.video li div{ height:36px; padding:0 10px; line-height:36px; font-size:12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 👇 页脚固定在底部 + 不影响原有头部/轮播样式 终极方案 */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 最外层容器，包裹所有内容，不影响原有结构 */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* 主体内容区：只让内容区占满剩余空间，不影响头部轮播 */
#wrapper {
    flex: 1 0 auto; /* 关键：flex-grow:1 占满剩余空间，flex-shrink:0 不压缩 */
}

/* 页脚样式：固定在底部，不影响头部 */
footer {
    flex-shrink: 0; /* 关键：禁止页脚被压缩 */
    width: 100%;
    background: #f8f9fa;
    padding: 30px 20px;
    border-top: 1px solid #eee;
    margin-top: auto;
}

/* 👇 额外兜底：强制轮播容器高度，防止被压缩（如果还是不显示就加这个） */
.swipe {
    width: 100%;
    height: auto !important;
    overflow: hidden;
}
#slider {
    height: auto !important;
}
#slider img {
    width: 100%;
    height: auto;
    display: block;
}