@media screen and (min-width:1024px) {
.headerr{ display:none;}
.sidebar{ display:none;}
.swiper{ display:none;}
.footer-menu{ display:none;}
.fold-input { display:none;}
.fold-item { display:none;}
.f_img2{ display:none;}
.pro_list2{ display:none;}
}
@media screen and (max-width:1024px) {
.top{ display:none;}
.toper{ display:none;}
.containter{ display:none;}




.ysbg{ display:none;}
.shadow{ display:none;}
.index_pro{
	width: 100%;
	padding-top: 30px;
/*	min-height: 950px;*/
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.index_tit{
	width: 100%;
	margin: 0 auto;
	background: url(../images/titbg.png) center 1px no-repeat;
	font-size: 26px;
	color:#1eb848;
	text-align: center;
	line-height: 1;
}
.pro_com{ display:none;}








.bodybg{
	width: 100%;
	background-image: url(../images/bodybg.jpg);
	background-repeat: repeat;
	background-position: left top;
	clear: both;
	float: left;
	
}

.footbg{
	width:100%;
	float:left;
	background:#f1f1f1;
	padding-top:0px;
	clear: both;
}
.foot{width:100%; float:left; height:390px;}
.footnav{ display:none;}
.foottel{ 
float:left;
text-align:center;
	line-height:30px;
	color:#666;
	width:100%;
	padding-left:0px;
	padding-bottom:20px;
}
.foottel span,.footicp span{
	margin:0 0px;
	font-family: "微软雅黑";
	font-size: 14px;
}
.f_img {
	float:left;
	width:100%;

}
.subpages{
	width:100%;
	float:left;
}
.left{ display:none;}

.right{
	width:100%;
	float:left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	padding-top: 12px;
	margin-top: 10px;
	margin-left:0px;
	border-radius:3px;
}
.righttitle{ float:left;width:100%; background:url(../images/index_introduction3.jpg) no-repeat 0 0; height:43px; line-height:43px;color:#fff; font:500 16px/43px "微软雅黑"; }
.righttitle span{ float:left;text-indent:42px;}
.righttitle p{ display:none;}
.zhu{
	font-size:14px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.zhu .title{
	font-size:16px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	margin-bottom: 0px;
}
.gsimg img{ width:100%;}




.pro_list{ display:none;}
.pro_list2{ margin-top:0px; width:100%;}

.pro_list2 ul li{
	border:1px solid #E8E8E8;
	width:48%;
	float:left;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 15px;
	margin-left: 3px;
	padding: 4px;
}
.pro_list2 ul li img{ float:left; width:100%;}
.pro_list2 ul .nomar{ margin-right:0px;}

.pro_list2 ul li .ys{ width:48%;display:block; /*background:#eee;*/ height:36px; line-height:36px; color:#333; font-size:14px; text-align:center; overflow:hidden;}

.pro_list2 ul li:hover{
	border:1px solid #3091FA;
	padding: 4px;
}


.newslist{ width:100%; float:left;}
.newslist ul li span{ float:right; font-size:12px; color:#333;}

.newslist ul li{
	height:35px;
	line-height:35px;
	overflow:hidden;
	background:url(../images/list.jpg) no-repeat 5px;
	padding-left:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.newslist ul li a{ color:#333; padding-right:10px;}

.newslist ul li a:hover{
	color:#CC0000;
	padding-left: 5px;
}



















/* 基础重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}

/* 顶部导航栏 */
.headerr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  z-index: 999;
}

/* 菜单按钮 */
.menu-btn {
  font-size: 24px;
  border: none;
  background: none;
  cursor: pointer;
  color: #333;
}

/* 侧边菜单容器 */
.sidebar {
  position: fixed;
  top: 0;
  left: -280px; /* 默认隐藏 */
  width: 280px;
  height: 100vh;
  background: #fff;
  box-shadow: 2px 0 10px rgba(0,0,0,0.1);
  z-index: 1000;
  transition: 0.3s ease; /* 滑入动画 */
  padding: 20px;
  padding-top: 70px;
}

/* 菜单打开时的样式 */
.sidebar.active {
  left: 0;
}

/* 菜单列表 */
.sidebar ul {
  list-style: none;
}
.sidebar li {
  margin: 15px 0;
}
.sidebar a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  display: block;
  padding: 10px 0;
}
.sidebar a:hover {
  color: #007bff;
}

/* 关闭按钮 */
.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 22px;
  border: none;
  background: none;
  cursor: pointer;
}

/* 遮罩层 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}


/* 焦点图容器 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 焦点图容器 */
.swiper {
  position: relative;
  width: 100%;
  height: 180px; /* 手机端高度，可自行修改 */
  overflow: hidden;
}

/* 图片包裹层 */
.swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}

/* 单张图片 */
.swiper-slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保证图片不变形 */
}

/* 左右箭头 */
.swiper-btn {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: rgba(0,0,0,0.3);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}
.prev { left: 10px; }
.next { right: 10px; }

/* 指示器 */
.pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
}
.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff6600;
}
.dot.active {
  background: #0066CC;
}

/*产品分类*/
/* 折叠面板容器 */
.fold-item{
  background:#fff;
  border-radius:6px;
  margin-bottom:0px;
  overflow:hidden;
}
/* 隐藏原生复选框 */
.fold-input{display:none;}

/* 标题栏 */
.fold-title{
  display:block;
  padding:14px 16px;
  position:relative;
  cursor:pointer;
  font-size:15px;
  color: #0066CC;
  font-weight:bold;
}
/* 右侧箭头 */
.fold-title::after{
  content:"▼";
  position:absolute;
  right:16px;
  top:14px;
  font-size:15px;
  color:#999;
}
/* 展开后箭头翻转 */
.fold-input:checked + .fold-title::after{
  content:"▲";
}

/* 内容区域 默认隐藏 */
.fold-content{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.25s ease;
  border-top:1px solid #eee;
}
/* 选中后展开内容 */
.fold-input:checked ~ .fold-content{
  max-height:100%;
}

/* 产品项样式 */
.product{
 padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 22px;
  border-bottom:1px solid #eee;
  background:url(pro_ic1_hover.png) no-repeat 4px center;
  font-size:14px;
  width:33%;
  float:left;
}
/*.product:last-child{border-bottom:none;}*/

*{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* 核心：底部固定菜单（无JS） */
.footer-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  border-top: 1px solid #eee;
  display: flex;
  z-index: 999;
}

/* 菜单项目 */
.menu-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #000;
  font-size: 12px;
  gap: 4px;
}

/* 点击高亮效果（纯CSS） */
.menu-item:active {
  color: #0066cc;
}

/* 图标样式（文字代替图标，可换图片） */
.icon {
  font-size: 22px;
  line-height: 1;
  
}




























}