@charset "utf-8";
/*全局*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei", "SimSun", sans-serif;
}
/* 全局禁止浏览器自动调整文本大小 */
html {
  -webkit-text-size-adjust: 100%;
  /* 兼容其他内核（非必需，主要针对 WebKit） */
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  margin: 0 auto;
  max-width: 1100px;
  background-color: #ededed;  
}
img{border: 0;}
a{color: #454545; text-decoration: none;}        
body {
 background-color: #fffaf2;
 color: #333333;
 -webkit-tap-highlight-color: transparent; /* 全局禁用点击高亮 */
 tap-highlight-color: transparent;
 /* 不要加 outline: none！不要加 appearance！ */
  /* 清除移动端点击高亮（灰色背景） */
 -webkit-user-select: none;
 user-select: none;
 /* 字体抗锯齿，让文字更清晰 */
 -webkit-font-smoothing: antialiased;
 font-smoothing: antialiased;
 /* 基础字体，适配移动端 */
 font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif; 
}

/* 2. 单独给可点击元素（按钮/链接等）重置需要的属性 */
button,
a,
input,
[role="button"],
.nav-btn { /* 包含你的自定义按钮类 */
  outline: none; /* 移除点击后的焦点轮廓（仅给可点击元素加） */
  -webkit-appearance: none; /* 重置移动端按钮/输入框默认样式 */
  appearance: none;
}

/* 3. 可选：恢复键盘导航的焦点样式（提升可访问性） */

a:focus-visible,
.nav-btn:focus-visible {
  outline: 2px solid #ff6c6e; /* 自定义焦点样式（比默认蓝色更美观） */
  outline-offset: 2px; /* 焦点轮廓偏移，避免遮挡元素 */
}        
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 0.1rem 0 0.1rem;
}

/* 头部样式 */
header {
  background-color: #f0f0f0;
}

.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1rem 0.1rem;
  margin-bottom: 0.3rem;
  height: 1.15rem;  
}

.logo {
  display: flex;
  align-items: center;
}

.chuangxin {
  height: 0.7rem;
}
.dongji{
  height: 0.65rem;
}
.logo-text {
  margin-left: 0.14rem;
  margin-right: 0.14rem;
  color: aliceblue;
  background-color: #ff7e1e;
  width: 0.06rem;
  height: 0.75rem;
  margin-top: 0.05rem;
}



.logo-main {
  font-size: 18px;
  font-weight: bold;
  color: #d81e06;
}

.logo-sub {
  font-size: 14px;
  color: #666666;
}

.search-bar {
  display: flex;
  margin-top: 0.15rem;
}

.search-btn {
  width: 0.62rem;
  height: 0.62rem;		
  background-color: #ff2727;
  color: white;
  border: none;
  padding: 0 0.17rem;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.2s; 
}
/* 修改placeholder颜色 */
.search-input::-webkit-input-placeholder {
  color: #ccc; /* 自定义颜色，比如淡灰色 */
  opacity: 1;
}
.search-input::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.search-input:-ms-input-placeholder {
  color: #ccc;
}
.search-input::placeholder {
  color: #ccc;
} 
.search-img {
  display: block;
  background-image: url(../images/sou.png);
  height: 0.3rem;
  width: 0.3rem;
  background-repeat: no-repeat;
  background-size: contain;		
}  		 

/* 透明遮罩层：全屏、半透明、默认隐藏 */
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色遮罩 */
  display: none; /* 默认隐藏 */
  justify-content: center;
  align-items: center;
  z-index: 999; /* 确保遮罩在最上层 */
}

/* 搜索输入框容器（弹窗主体） */
.search-modal {
  width: 90%;
  max-width: 600px; /* 限制最大宽度，适配大屏 */
  background-color: #fff;
  padding: 1.12rem 0.24rem 0.6rem 0.24rem;
  border-radius: 6px; /* 圆角更柔和 */
  display: flex;
  margin: 2rem auto 0; 	
  align-items: center;
  gap: 0.2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 轻微阴影提升层次感 */
  flex-wrap: wrap;
}

.search-modal .search-btn{
  width: 0.8rem;
  height: 0.8rem; 
  padding: 0 0.2rem;
}
.search-modal .search-img{
  height: 0.45rem;
  width: 0.45rem;
}


/* 搜索输入框样式 */
.search-input {
  flex: 1; /* 占满剩余宽度 */
  height: 0.86rem;
  padding: 0 0.36rem;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-size: 0.32rem;
  outline: none;
  transition: border-color 0.3s;
}

.search-input::placeholder {
  color: #999; /* 占位符灰色 */
}

.search-input:focus {
  border-color: #f4333c; /* 聚焦时边框变红，匹配主题色 */
}

.search-btn:hover {
  background-color: #d9252d;
}		

.tips-text{ 
  font-size: 0.28rem;
  color: #a3967d;
  margin-left: 0.4rem;
  width: 90%;
  visibility: visible; 
}

@media (min-width: 540px)  {
 .container {
   padding: 0 0.1rem;
   margin-bottom: 0.25rem;
  }
  .chuangxin {
    height: 0.68rem;
  }
  .dongji{
    height: 0.66rem;
  }
  .logo-text {
    margin-left: 0.15rem;
    margin-right: 0.15rem;  
    height: 0.7rem;
    margin-top: 0.2rem;
  }  
  .header-top {
    margin-bottom: 0.15rem;
  }
  .search-btn {
    width: 0.55rem;
    height: 0.55rem;		
    padding: 0 0.14rem;
  }  
  .search-img {
    height: 0.3rem;
    width: 0.3rem;
  }   
  .search-bar {
    margin-top: 0.2rem;
  } 
  .search-input {
    height: 0.72rem;
    padding: 0 0.32rem;
    font-size: 0.28rem;
  }
  .search-modal .search-btn {
    width: 0.72rem;
    height: 0.72rem;
    padding: 0 0.18rem;
  }  
  .search-modal .search-img {
    height: 0.37rem;
    width: 0.37rem;
  }
  .tips-text {
    font-size: 0.24rem;
    margin-left: 0.4rem;
  } 
  .search-modal{
    width: 88%;
    padding: 1rem 0.24rem 0.6rem 0.24rem;
    margin: 1.95rem auto 0;
  }
}

/* 导航栏样式 */
.navbar {
  background-color: #cd0000; /* 红色背景 */
  display: flex;
  align-items: center;
  position: relative;
  height: auto; /* 高度随内容自适应 */
 /* padding: 4px 0;  上下加内边距，优化视觉 */			
}

/* 导航菜单 */
.nav-menu {
  display: flex;
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0px 5px 0px 5px;
  height: auto; /* 解除高度限制 */
  align-items: flex-start; /* 多行时顶部对齐 */
  gap: 2px 0; /* 菜单项之间的间距（上下2px，左右0） */			
}

/* 菜单项 */
.nav-item {
  display: flex;
  align-items: center;   
  height: 1.15rem; /* 移动端统一点击高度，更易操作 */
  flex-shrink: 0; /* 防止菜单项被挤压变形 */	
  display: none;	
  background-color: #cd0000;
}

/* 菜单项链接 */
.nav-link {
  color: white;
  text-decoration: none;
  padding: 0 0.25rem;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 0.33rem;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
/* 移动端最后一项仍右对齐 */
.nav-item-last {
  margin-left: auto; /* 保持右对齐 */
  /*height: 44px;  匹配移动端菜单项高度 */
  display: flex;
  /* 可选：如果希望移动端最后一项单独占一行，添加以下 */
  /* width: 100%; */
  /* margin-left: 0; */
  margin-right: 0.01rem;
}        

.nav-link .short-name {
  display: none;
}

.nav-link .full-name {
  display: inline-block; /* 正常隐藏完整名称 */
  text-align: center;
}		

/* 菜单项悬停效果 - 添加红色背景和三角形 */

.curnav {
  display: flex;
}
/* 首页特殊样式 - 向上高出导航栏的立体效果 */
.curnav .nav-link {
  background-color: #ff1017;
  position: relative;
  z-index: 10;
  height: 1.24rem;
  margin-top: -0.3rem;
  border-top-right-radius: 4px;
  padding: 0 0.25rem;
  font-size:0.35rem;
  font-weight: 600;
}       
.curnav .nav-link::after {
  content: '';
  position: absolute;
  left: -0.39rem;
  top: 0;
  width: 0;
  height: 0;
  border-right: 0.4rem solid #ff1017;
  border-top: 0.3rem solid transparent;
}

.navindex .nav-link{
  padding: 0 0.32rem 0 0.32rem;
  margin-left: 0.25rem;
  letter-spacing: 0.08rem;
}
.navindex .nav-link::after {
  left: -0.29rem;
  border-right: 0.3rem solid #ff1017;
  border-top: 0.2rem solid transparent;
}
/* 菜单项悬停时的立体效果 */
.nav-click{
  background-color: #ff1017!important;
  position: relative;
  z-index: 10;
  height: 1.28rem;
  margin-top: -4px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;			
}

.nav-item-first{
  z-index: 20;
}
.nav-item-first a{
  margin-right: 0.05rem;
}
.curnav .short-name,.curnav .dropdown-arrow{
  display: none;		
}
.curnav .full-name{
  display: inline-block;		
}		


.dropdown-more {
  margin-left: 5px;
  background-image: url(../images/more.png);
  height: 0.38rem;
  width: 0.38rem;
  background-repeat: no-repeat;
  background-size: contain;				
}        
/* 下拉菜单 */
.dropdown-menu {
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #ffefef;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  list-style-type: none;
  text-align: center;	
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.show {
  opacity: 1;
  visibility: visible;
  color: #f56c6c;
} 


/* 下拉菜单项 */
.dropdown-item {
  padding: 0.39rem 0.1rem;
  width: 50%;
  border-bottom: 1px solid #f5d9d9;
  border-right: 1px solid #ffdbdb;			
  font-size: 0.35rem;
}

/* 下拉菜单项链接 */
.dropdown-link {
  color: #161616;
  text-decoration: none;
  display: block;
  transition: background-color 0.2s;
}

/* 下拉菜单项悬停效果 */
.dropdown-link:hover {
  background-color: #fff;
  color: #e60012;
}        

/* 280px ≤ 视口宽度 ≤ 320px 时生效 */
@media (min-width: 280px) and (max-width: 319px) {
  .nav-link {}
}

/* 视口宽度 ≥ 320px 时生效 */
@media (min-width: 520px) {
  .nav-item {
    height: 0.86rem; /* 移动端统一点击高度，更易操作 */
  }
  .nav-link {
    font-size: 0.26rem;
  }  
  .curnav .nav-link {
    height: 0.96rem;
    font-size:0.27rem;
  } 

  .dropdown-item {
    padding: 0.25rem 0.1rem;
    font-size: 0.24rem;
  }
  .nav-click{
    height: 0.96rem;
  }  
}

/* 主题宣传区 */
.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hero-image {
  width: 100%;
  height: 0;  /* 让padding-top决定高度 */	
  padding-top: 55%; /*替换为实际比例的百分比 */			
  background-image: url('../images/bigpic.png');
  background-size: cover;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  margin-top: -1px;
}

/* 文字容器：全屏覆盖，便于子元素定位 */
.hero-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* 标题样式 */
.title-container {
  text-align: center;
  margin-bottom: 0.45rem;
}
.htitle-container{
  text-align: center;
  width:100%;
  margin-top: 0.87rem;
  margin-bottom: 0.77rem;
}
.main-title {
  font-size: 0.4rem;
  color: #333;
  margin-bottom: 0.15rem;
  font-weight: bold;
  letter-spacing: 0.02rem;
}

.sub-title {
  font-size: 0.28rem;
  color: #d10000;
  text-transform: uppercase;
  letter-spacing: 0.02rem;
}
.title-line {
  width: 1.5rem;;
  background-color: #da002d;
  height: 0.05rem;
  margin: 0 auto;
  margin-top: 0.15rem;		
}

/* 轮播容器 - 隐藏溢出，核心是轨道无限滚动 */
.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* 轮播轨道 - 极致顺滑的过渡（无卡顿） */
.carousel-track {
  display: flex;
  transition: transform 0.5s ease-out; /* 最自然的过渡曲线 */
  will-change: transform; /* 硬件加速，避免卡顿 */
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* 兼容iOS Safari/安卓微信浏览器 */  
}

/* 卡片样式 - 6张卡片统一布局，无任何错位 */
.card {
  flex: 0 0 auto;
  width: 3rem;
  margin: 0 0.29rem;
  position: relative;
  cursor: pointer;
  height: 4rem; /* 固定高度，消除视觉错位 */
}

/* 卡片图片容器 - 核心：波浪效果载体 */
.card-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.72rem;
  position: relative; /* 为波浪伪元素定位 */
}

/* 图片基础样式 */
.card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
/* 给卡片里的所有a标签加这行样式，完美恢复点击跳转 */
.card-img a {
  pointer-events: auto !important;
  touch-action: manipulation;
}
/* 悬浮放大 + 波浪动效增强 */
.card:hover .card-img img {
  transform: scale(1.08); /* 悬浮放大更细腻 */
}


/* 标题/链接 - 悬浮渐显，精准居中在图片上 */
.card-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.card-title,
.card-link {
  position: relative;
  background: rgb(255 142 51 / 94%);
  color: #ffffff;
  padding: 0.14rem 0 0.14rem 0.2rem;
  border-radius: 0 6px 6px 0;
  pointer-events: none;
  z-index: 2; /* 确保文字在波浪上层 */
  /* white-space: nowrap */
  text-overflow: ellipsis;
  overflow: hidden;
}

.card-title {
  margin-top: -1.78rem;
  font-size: 0.33rem;
  font-weight: 500;
  line-height: 1.5;
  width: 90%;			
}

.card-link {
  margin-top: 20px;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  pointer-events: auto;
  display: none;
}


/* 导航区域 */
.carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.77rem;
  gap: 0.29rem;
}

/* 导航按钮 */
.nav-btn {
  width: 0.81rem;
  height: 0.81rem;
  border-radius: 50%;
  border: none;
  background: #fffcf2;
  color: #ff6c6e;
  font-size: 0.35rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}



/* 按钮禁用状态样式 */
.nav-btn:disabled {
  background: #eee;
  color: #999;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  opacity: 0.7;
}

/* 进度条 - 无缝同步滚动进度 */
.nav-line {
  width: 3.85rem;
  height: 0.12rem;
  background: #f5f5f5;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.nav-progress {
  height: 100%;
  background: linear-gradient(90deg, #ff7172, #faa7b5);
  width: 0%;
  transition: width 0.5s ease-out; /* 和滚动过渡同步 */
  border-radius: 3px;
}
.activebtn {
  background: #da003c;
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 3px 6px rgba(0,123,255,0.3);
}

/* 整体容器：左右布局 */
.img-container {
  display: flex;
  gap: 0.48rem; /* 左右区域间距 */
  margin: 0 auto;
  padding: 0 0.29rem;
  flex-direction: column;
}

/* 左侧大图区域 */
.left-big-img {
  flex: 1; /* 占剩余宽度（可改为固定宽度，如width: 600px） */
  position: relative; /* 为标题定位做准备 */
  border-radius: 6px;
  overflow: hidden; /* 裁剪图片超出部分 */
  transition: transform 0.3s;
  background: #f6f5e9;
  padding-bottom: 0.1rem;
}

/* 右侧小图区域：内部两行两列 */
.right-small-imgs {
  flex: 1; /* 占剩余宽度（可改为固定宽度） */
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 两列均分 */
  gap: 0.23rem; /* 小图之间的间距 */
}

/* 小图项：每个小图容器 */
.small-img-item {
  position: relative; /* 为标题定位做准备 */
  border-radius: 8px;
  overflow: hidden; /* 裁剪图片超出部分 */
  transition: transform 0.3s;
  background: #f6f5e9;
  margin-bottom: 0.19rem;
}

/* 所有图片样式：适配容器，保持比例 */
.left-big-img img,.small-img-item img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持图片比例，覆盖容器 */
  display: block; /* 去除图片默认间隙 */
  cursor: pointer;
}

/* 大图高度（可按需调整） */
.left-big-img img {
  height:4rem /*固定大图高度，也可改为auto自适应 */
}

/* 小图高度（可按需调整） */
.small-img-item img {
  height: 2.08rem; /* 适配两行布局，高度=（大图高度 - 间距）/2 */
}


/* 图片标题样式：透明背景 + 叠加在图片上方 */
.img-title {
  width: 100%;
  color: #3e3e3e; 
  /*color: #ffffff; */
  font-size: 0.33rem;
  font-weight: 500;
  padding: 0.12rem 0.2rem 0.3rem 0.15rem;
  overflow: hidden; /* 隐藏溢出内容 */
  /*text-shadow: 0 0 18px rgb(182 0 0);*/
}
.img-title a{
   display: -webkit-box;
   width: 100%;
   height: auto;
   line-height: 0.46rem;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   white-space: normal;
   overflow: hidden;
}

.left-big-img .img-title{
   padding-top: 0.2rem;
}

.content-container2,.content-container3 {
  margin: 0 auto;
  flex-wrap: wrap; /* 移动端自动换行 */
  padding: 0 0.25rem;
}		
.content-container2 {
  display: flex;
}				
/* 左侧大卡片 */
.left-card {
  flex: 1 1 350px; /* 最小宽度350px，自适应占比 */
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  overflow: hidden;
}

/* 右侧卡片容器：网格布局 */
.right-cards {
  flex: 2 1 700px; /* 占比更高，最小宽度700px */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

/* 通用卡片样式（左侧大卡片/右侧小卡片） */
.pb2card {
  background-color: #fffdfd;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  overflow: hidden;
}

/* 卡片内图片样式 */
.pb2card-img {
  width: 100%;
  height: 165px; /* 统一图片高度 */
  object-fit: cover; /* 保持比例，裁剪溢出 */
  display: block; /* 消除图片下方空隙 */
}

/* 左侧大卡片图片单独调整（更高） */
.left-card .pb2card-img {
  height: 280px;
}

/* 卡片文字区域 */
.pb2card-content {
  padding: 15px;
}

.pb2card-title {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.4;
}

.pb2card-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.3;
}

/* 卡片网格布局：适配不同设备 */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  gap: 0.45rem; /* 卡片间距 */
/*grid-template-columns: repeat(auto-fill, minmax(45%, 2fr));*/
/*gap: 10px;	两列先不用*/		
}

/* 卡片样式 */
.video-card {
  background-color:#fefff6;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 柔和阴影 */
  transition: transform 0.3s ease; /* hover 动效 */
  cursor: pointer;
  margin-bottom: 0;
}

/* 卡片 hover 效果：轻微上浮 */
.video-card:hover {
    transform: translateY(-5px);
}

/* 卡片图片 */
.p3card-img {
    width: 100%;
    height: 3.4rem; /* 图片固定高度 */
    object-fit: cover; /* 图片裁剪，保持比例 */
}

/* 卡片标题 */
.p3card-title {
  font-size: 0.33rem;
  color: #333;
  line-height: 1.4;
  font-weight: 500;
  padding: 0.05rem 0.29rem 0.32rem 0.29rem;
}	
	
/* 底部整体样式 */
.footer {
  background-color: #cd0000; /* 红色背景 */
  color: #ffffff; /* 白色文字 */
  padding: 15px 0;
  font-size: 14px;
  margin-top: 50px;
}

/* 容器居中 */
.footer-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0 0.15rem;
  flex-wrap: wrap;
  justify-content: space-around;
}
	.footer-content{
	  width: 77%;
	}
	.footer-nav {
	  margin-right: 0.1rem;
	  font-size: 0.27rem;
	}
/* 导航链接样式 */
.footer-nav a {
  color: #fff;
  text-decoration: none;
  line-height: 2;
}
.footer-nav span {
  margin: 0 0.05rem;
  color: #ffdada;
}

/* 邮箱、版权信息间距 */
.footer-email{
  margin-top: 0.32rem;
  text-align: center;
  width: 100%;
  font-size: 0.27rem;
}
.footer-copyright {
  margin-top: 5px;
  text-align: center;
  width: 100%;
  line-height: 0.55rem;
  font-size: 0.27rem;
}
/* 二维码样式 */
.footer-qr img {
  width: 1.6rem; /* 二维码尺寸可调整 */
  height: auto;
}		
.footer-copyright a{
	 color: white;
}		


@media (min-width: 520px) {
 .title-container {
   margin-bottom: 0.7rem;
 } 
 .main-title {
   font-size: 0.33rem;
   margin-bottom: 0.11rem;
 } 
 .sub-title {
   font-size: 0.2rem;
 } 
 .title-line {
   width: 1.2rem;
   margin-top: 0.12rem;
 } 
	.footer-nav {
	  font-size: 0.23rem;
	} 
 .htitle-container {
   margin-top: 0.6rem;
   margin-bottom: 0.6rem;
 }	
 .img-container {
   gap: 0.35rem;
   padding: 0 0.2rem; 
 } 
 .img-title {
   font-size: 0.26rem;
   padding: 0.12rem 0.1rem 0.22rem 0.18rem;
 } 
 .img-title a {
   line-height: 0.38rem;
 } 
 .p3card-title {
   font-size: 0.26rem;
   padding: 0rem 0.2rem 0.25rem 0.25rem;
 }	 
 .footer-qr img {
   width: 1.1rem;
 }	
 .footer-email {
   font-size: 0.23rem;
 } 
 .footer-copyright {
  line-height: 0.45rem;
  font-size: 0.23rem;
 } 
 .card {
  width: 2.78rem;
  height: 3.8rem;
 } 
 .carousel-nav{
  margin-top: 0.6rem;
 }
 .card-title {
  font-size: 0.28rem;
 }
 .nav-btn {
  width: 0.6rem;
  height: 0.6rem;
  font-size: 0.3rem;
 }
 .nav-line {
   width: 3.5rem;
   height: 0.09rem;
 }
 
}


/* 隐藏织梦默认分页 */
.newpagelist {
    display: none !important;
}

.disabled {
    background: #cccccc;
    cursor: not-allowed;
    display: none;
}
.search_liebiao_top span{
  font-size: 0.35rem;
  display: block;
  border: 1px solid #ededed;
  border-right: none;
  border-left: none;
  background-color: #f6f5e9;
  margin-top: 0.1rem;
  margin-bottom: 0.15rem;
  line-height: 1.5;
  padding: 0.28rem 0.28rem 0.28rem 0.3rem;
}
.e2{display: grid; grid-template-columns: 1fr;} 
.e2 li{ width:100%; overflow:hidden; padding:0.22rem 0.2rem; border-bottom:1px solid #EEE;display: flex;}
.e2 li a.preview{ margin-right:0.22rem; display:inline;}
.e2 li a.preview img{ width:2rem; height:1.2rem; display:block; padding:1px; border:1px solid #EEE;}
.e2 li a.preview:hover img{ border:1px solid #AAA; }
.e2 li a.title{ display: block;overflow:hidden; font-weight: 500;font-size:0.31rem; color: #272727; line-height: 1.5;}
.e2 span.info{ display:block; line-height:0.5rem; color:#AAA; padding-left:0.1875rem; font-size:0.25rem; margin-top: 0.15rem;}
.e2 span.info small{ color:#AAA; font-size:0.25rem; margin-left:0.05rem; }
.e2 span.info a{ color:#690;}
.e2 p.intro{ color:#676767; line-height:0.4rem; margin-left:0.07rem; padding-left:0.15rem; padding-right:0.15rem; font-size:0.25rem; font-weight:bold; }

@media (min-width: 520px) {
  .search_liebiao_top span {
      font-size: 0.28rem;
      padding-top: 0.24rem;
      padding-bottom: 0.24rem;
  }
  .e2 li a.title {
      font-size: 0.26rem;
  }  
}

@media (min-width: 700px) {
 .card-img {
   border-radius: 0.66rem;
 } 
}



@media (min-width: 900px) {
  .video-card {
    margin-bottom: 0.2rem;
  }
  .card-grid {
    gap: 0.22rem;
    grid-template-columns: repeat(auto-fill, minmax(400px, 2fr));
  }
  .p3card-img {
    height: 2.5rem;
  }  
  .e2{grid-template-columns: repeat(2, 1fr);} 
  .e2 li a.preview img {
    width: 1.8rem;
    height: 1.1rem;
  }
}

.beian-image{
   width: 0.3rem;
   vertical-align: text-top;
   margin-right: 4px;
}