/* CSS Document */
body{ margin:0px; padding:0px; background-color:#FFFFFF;  font-family:"\5FAE\8F6F\96C5\9ED1"; }
img{ border:0px}
ul,li{ padding:0px; margin:0px; list-style-type:none}
A:link { COLOR: #000; TEXT-DECORATION: none }
A:visited { COLOR: #000; TEXT-DECORATION: none }
A:hover { COLOR: #000; TEXT-DECORATION: none }

A.a1:link { COLOR: #fff; TEXT-DECORATION: none}
A.a1:visited { COLOR: #fff; TEXT-DECORATION: none}
A.a1:hover {	COLOR: #fff; TEXT-DECORATION: underline}
H1{ padding:0px;font-size:22px; line-height:28px; font-weight:bold;}
.header{width:100%; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #666;text-align:center;font-weight:bold; background-color:#fff; margin-bottom:2px;  }

.top_1{ width:30%;float:left; text-align:center}
.top_2{ width:70%;text-align:right;float:left; padding-top:20px;}
.top_2 img{width:15%; margin-right:8px;}

.nymenu{ background-color:#f8f8f8; border:1px solid #eeeeee; padding:15px; padding-left:30px; padding-right:30px; position:absolute; right:0px; text-align:center}
.nymenu_k{ font-size:14px; line-height:30px;}

.sypic{ width:100%; height:auto; text-align:center; padding-top:2px; clear:both}

.synews{ clear:both}
.synews div{ margin-top:4px; height:34px; line-height:34px; padding-left:4px; border:1px solid #eeeeee; background-color:#f8f8f8;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.synews_more{margin-top:4px;background-color:#5fc583;height:34px; line-height:34px; text-align:right; padding-right:4px; }
.synews_more A:link { COLOR: #fff; TEXT-DECORATION: none }
.synews_more A:visited { COLOR: #fff; TEXT-DECORATION: none }
.synews_more A:hover { COLOR: #fff; TEXT-DECORATION: none;}

.synews_k{border:1px solid #eeeeee; line-height:30px; font-size:18px; background-color:#f8f8f8; padding:8px; margin-top:4px;}
.synews_k A:link { COLOR: #5cc781; TEXT-DECORATION: none }
.synews_k A:visited { COLOR: #5cc781; TEXT-DECORATION: none }
.synews_k A:hover { COLOR: #5cc781; TEXT-DECORATION: none;}

.lmnav{ width:100%; margin-top:4px; clear:both; background-color:#f7f7f7; height:36px;}
.lmnav div{ width:25%; float:left;  line-height:36px; text-align:center}


.title{ width:100%; text-align:center; border-bottom:1px solid #b1b1b1; min-height:40px; line-height:40px; clear:both;}

.home{ width:25%; float:left; text-align:center}
.home img{ width:70%; padding-bottom:5px; padding-top:5px; }

.bt{ width:50%;float:left;text-align:center;font-size:120%;color:#4a6a9b; font-weight:bold;font-family: "\5FAE\8F6F\96C5\9ED1";}

.back{ width:25%; float:left;text-align:center}
.back img{ width:70%;padding-bottom:5px; padding-top:5px;  }

.banner{ width:100%;clear:both; }
.banner img{width:100%}

.cp{ width:100%; margin-bottom:15px; clear:both}
.cp img{width:100%}


.menu{ width:100%; text-align:center;background-color:#f3f3f3; }
.menu div{float:left; font-size:12px; width:33%;text-align:center; padding-bottom:5px; }
.menu img{ width:99%}

.lmbt{ border-bottom:1px solid #dadada; border-top:1px solid #dadada; height:36px; line-height:36px; color:#b80000; clear:both; font-size:15px; font-weight:bold; padding-left:10px;}
.lmbt span{ font-size:11px; color:#000000}
.sy_list{ clear:both; width:100%;}
.sy_list_pic{ width:33%; font-size:12px; line-height:24px; float:left; text-align:center; padding-top:10px; padding-bottom:10px;}
.sy_list_pic img{ width:90%}

.cxbt{ width:100%; border-bottom:1px solid #eeeeee; height:40px; line-height:40px;clear:both;}
.cxbt1{ width:6%; float:left; padding-top:7px;}
.cxbt2{ width:50%;float:left; text-align:left; font-weight:bold}
.cxbt3{ width:30%;float:right; padding-top:10px;text-align:right}

.flbt2{ width:25%;overflow:hidden; font-size:14px; color:#000000; font-weight:bold;  float:left; text-align:left}
.flname{ margin:10px; background-color:#FFFFFF; height:40px; line-height:40px;}
.nybt{font-weight:bold; font-size:16px; height:40px; line-height:40px;border-bottom:1px solid #dadada; padding-left:10px;  color:#000;clear:both; padding-top:6px;background-color:#f3f3f3;}
.nybt_1{ width:80%;  float:left}
.nybt_2{ width:10%; float:left}
.nybt_3{ width:10%; float:left}

.xian{ background-image:url(images/xian.jpg); background-repeat:repeat-x; width:98%; height:8px;}
hr{width:96%;border:0px;border-top:1px solid #c7c7c7;border-bottom:1px solid #ffffff; clear:both;}

.kk{ width:100%; height:50px; line-height:50px;}
.k1{ width:4%; float:left; text-align:right}
.k2{ width:92%;background-image:url(images/kb2.gif);float:left; color:#000000;font-family: "\5FAE\8F6F\96C5\9ED1"; font-size:24px; font-weight:bold; text-align:left; }
.k3{ width:4%;float:left}

.k2 div{ float:left}




.pic{ padding-top:5px; padding-left:5px; padding-right:15px;}
.nr{ padding:10px; padding-top:20px; line-height:20px; font-family: "\5FAE\8F6F\96C5\9ED1"; font-size:16px;word-break: break-all; word-wrap:break-word;}


.nr img{width:100%; height:auto;text-align:left}
.nr iframe{width:100%; height:auto;}
.nr2{line-height:20px; font-family: "\5FAE\8F6F\96C5\9ED1"; font-size:16px;}
.nr2 img{width:100%;height:100%;text-align:center; padding-bottom:5px}
.nr2 p{ padding:0px; margin:0px}
.nr2 table{ width:100%;}
.nr2 embed{ width:100%;}
.nr2 iframe{ width:100%; height:300px}

.petshow{ border-bottom:1px solid #666666; padding-bottom:5px; background-color:#f7f7f7; }
.petshow_1{ float:left; width:40%}
.petshow_2{ float:left; width:60%}
.petshow_tl{ border-bottom:1px solid #666666; padding-bottom:5px; padding-top:5px; font-weight:bold; clear:both; margin-bottom:3px;}
.petshow_sp{ padding-top:5px; clear:both}


.tiao{ width:100%; text-align:center}
.tt{ width:90%;MARGIN-RIGHT: auto; MARGIN-LEFT: auto;MARGIN-bottom:5px; background-image:url(images/bj2.jpg); border: 1px solid #c4c4c4; border-top:0px; text-align:left; padding-left:10px; padding-top:8px; padding-bottom:8px; font-family: "\5FAE\8F6F\96C5\9ED1";}


.tt2{ width:90%;MARGIN-RIGHT: auto; MARGIN-LEFT: auto;MARGIN-bottom:5px; background-image:url(images/cx.jpg); border: 1px solid #c4c4c4; border-top:0px; text-align:left; padding-left:10px; padding-top:8px; padding-bottom:8px;}


.yg1{ width:40%; float:left}
.yg1 img{ border:1px solid #c4c4c4; background-color:#FFFFFF; padding:2px; width:100%}
.yg2{width:60%; float:left}
.yg2 div{ padding-left:5px;background-image:url(images/bj2.jpg); border: 1px solid #c4c4c4; border-top:0px; margin-left:10px; margin-bottom:8px; height:27px; line-height:27px; }

.news{ padding-top:5px; padding-bottom:5px;border-bottom:#c4c4c4 1px dotted;}
.newsnr{padding:10px; line-height:24px;}
.newsnr img{ width:50%}
.newstl{ font-weight:bold; border-bottom: 1px solid #c4c4c4; text-align:center}
.cxlist{ text-align:center;width:100%; }
.cx{MARGIN-RIGHT: auto; MARGIN-LEFT: auto; width:95%;background-image:url(images/cx.jpg); height:100px;border: 1px solid #c4c4c4; }
.jg{ color:#ff4404}
.pr{ float:left; width:50%; line-height:25px; text-align:center}
.pr img{ width:100%; border:0px}


.dbt{ background-image:url(images/probg.jpg); height:80px; width:100%; line-height:80px; font-size:30px;font-weight:bold; color:#fff; padding-left:10px;}
.gd{ height:10px; clear:both}



.ditp{width:100%;}

.di_1{ float:left; width:25%; text-align:center; padding-top:15px;}
.di_2{ float:left; width:50%; text-align:center;padding-top:5px;}
.di_home{float:left; width:20%;text-align:center; position:relative}
.di_3{float:left; width:25%;text-align:center;padding-top:15px;}
.di_4{float:left; width:25%;text-align:center;padding-top:15px;}
.xwfl{ width:100%;background-image:url(images/tbg.jpg);height:40px; line-height:40px;  }
.xwfl div{ float:left; padding-left:15px; list-style-type:none; }
.xwlist{ width:100%;}
.xwlist li{ margin-bottom:5px; font-size:14px; list-style-type:square; width:100%; border-bottom:1px solid #cccccc; overflow:hidden}

#container{  
  min-height:100%;  
  position:relative;  
 }
 
.piclist{ width:100%; padding-top:10px; border-bottom:10px; clear:both}
.piclist div{ width:25%; text-align:center; float:left}
.piclist img{ width:95%;}  

.list1{ width:100%;padding-top:10px; overflow:hidden}
.list_left{ width:30%; float:left}
.list_right{ width:70%; float:left; }

.nya_1{background-color:#f7f7f7; }
.nya_1 A:link { COLOR: #000; TEXT-DECORATION: none }
.nya_1 A:visited { COLOR: #000; TEXT-DECORATION: none }
.nya_1 A:hover { COLOR: #00; TEXT-DECORATION: none;}

.nya_2{background:#01acf2}
.nya_2 A:link { COLOR: #fff; TEXT-DECORATION: none }
.nya_2 A:visited { COLOR: #fff; TEXT-DECORATION: none }
.nya_2 A:hover { COLOR: #fff; TEXT-DECORATION: none;}


.hy{ width:100%; clear:both; padding-bottom:15px;}
.hy_left{ width:30%; text-align:right; height:32px; line-height:32px; float:left}
.hy_right{ width:70%; text-align:left; float:left}
.input01 {FONT-SIZE:14pt;COLOR:#000000;height:32px;  line-height:32px;width:90%;
BORDER-RIGHT: #dadada 1px solid; 
BORDER-TOP: #dadada 1px solid; 
BORDER-LEFT: #dadada 1px solid;
BORDER-BOTTOM: #dadada 1px solid;
background-color:#fff;
}
.tb2{ border-left:1px solid #cccccc; border-top:1px solid #cccccc; margin-bottom:15px;}
.tb2 td{ border-rihgt:1px solid #cccccc; border-bottom:1px solid #cccccc}
.mingxi{border:1px solid #cccccc;border-bottom:0px; width:100%; margin-bottom:15px;}
.mingxi li{border-bottom:1px solid #cccccc; height:30px; line-height:30px;}


.flmain{ width:100%;}
.flmain ul{ float:left; height:30px; width:50%}
.flmain li{ margin:2px; text-align:center; border:1px solid #cccccc;}
/* =====================================================================
   手机版视觉增强层（2026 迭代）
   原则：只叠加圆角 / 阴影 / 过渡动效，绝不修改任何 width / float /
   display / position —— 因此不会影响原有栅格与排版结构。
   如不需要，删除本段即可完全还原。
   ===================================================================== */
:root{
  --m-brand:#5cc781;          /* 沿用手机版原有绿色主色 */
  --m-brand-dark:#43a862;
  --m-radius-s:8px;
  --m-radius:12px;
  --m-radius-l:16px;
  --m-shadow:0 2px 8px rgba(24,36,52,.08);
  --m-shadow-hover:0 6px 18px rgba(24,36,52,.16);
}

/* 全局：字体渲染与点击体验 */
body{
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  text-rendering:optimizeLegibility;
}
a{ -webkit-tap-highlight-color:rgba(0,0,0,0); transition:color .2s ease, opacity .2s ease; }
a:active{ opacity:.7; }
img{ -webkit-user-select:none; user-select:none; }

/* 图片统一柔和入场（只播一次，不影响布局） */
@keyframes mFadeIn{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;} }
.sypic img, .banner img, .pr img, .piclist img, .menu img,
.sy_list_pic img, .yg1 img, .nr img, .nr2 img, .list_left img{
  animation:mFadeIn .38s ease-out both;
}

/* 1) 顶部/栏目横幅：圆角刻意调小（6px），与下方 12px 卡片形成层级对比 */
.sypic img, .banner img{
  border-radius:6px;
  box-shadow:var(--m-shadow);
  overflow:hidden;
}
.sypic{ padding-top:6px; }

/* 2) 商品 / 相册网格卡片：圆角卡片 + 点击微动 */
.pr > div, .sy_list_pic{
  transition:transform .25s ease, box-shadow .25s ease;
}
.pr img, .piclist img, .menu img, .sy_list_pic img{
  border-radius:var(--m-radius);
  box-shadow:var(--m-shadow);
  background:#fafbfc;
  transition:transform .28s ease, box-shadow .28s ease;
}
.pr:active img, .piclist:active img, .menu:active img{
  transform:scale(.97);
  box-shadow:var(--m-shadow-hover);
}
.sy_list_pic img{ border-radius:var(--m-radius-s); }

/* 3) 首页新闻列表：圆角条目 */
.synews div{
  border-radius:var(--m-radius-s);
  box-shadow:0 1px 3px rgba(24,36,52,.05);
  transition:background-color .2s ease, transform .2s ease;
}
.synews div:active{ background-color:#eef7f1; transform:scale(.995); }
.synews_more{ border-radius:var(--m-radius-s); }
.synews_k{ border-radius:var(--m-radius); box-shadow:var(--m-shadow); }

/* 4) 栏目标题条 / 导航条 */
.nybt, .lmbt{
  border-radius:0 0 var(--m-radius-s) var(--m-radius-s);
  box-shadow:0 1px 4px rgba(24,36,52,.06);
}
.lmnav{ border-radius:var(--m-radius-s); overflow:hidden; }
.lmnav div, .xwfl{ transition:background-color .2s ease; }
.nya_2{ border-radius:var(--m-radius-s); }

/* 5) 内容区图片 / 详情页 */
.nr img, .nr2 img{
  border-radius:var(--m-radius);
  box-shadow:var(--m-shadow);
}
.petshow{
  border-radius:var(--m-radius);
  box-shadow:var(--m-shadow);
  overflow:hidden;
}
.petshow img{ border-radius:var(--m-radius-s); }
.petshow_tl{ border-radius:var(--m-radius-s); }
.news{ border-radius:var(--m-radius-s); }
.newsnr img{ border-radius:var(--m-radius-s); box-shadow:var(--m-shadow); }
.newstl{ border-radius:var(--m-radius-s); }

/* 全站图片素材统一四角圆角（上、下边角一致；assets/img 小图标不受影响） */
img[src*="uploads/"]{ border-radius:var(--m-radius-s); }

/* 6) 列表 / 表单 / 表格圆角 */
.xwlist li{ border-radius:var(--m-radius-s); transition:background-color .2s ease; }
.xwlist li:active{ background-color:#f4f8f5; }
.tt, .tt2, .cx, .cxbt, .flname, .mingxi, .tb2{
  border-radius:var(--m-radius-s);
}
.yg1 img{ border-radius:var(--m-radius-s); }
.yg2 div{ border-radius:6px; }
.input01, textarea, select{
  border-radius:8px !important;
  transition:box-shadow .2s ease, border-color .2s ease;
}
.input01:focus, textarea:focus, select:focus{
  border-color:var(--m-brand) !important;
  box-shadow:0 0 0 3px rgba(92,199,129,.18);
  outline:none;
}

/* 7) 底部导航（m/foot.php） */
#bottomNav{
  border-radius:16px 16px 0 0;
  box-shadow:0 -2px 12px rgba(24,36,52,.10);
  backdrop-filter:saturate(140%) blur(6px);
  -webkit-backdrop-filter:saturate(140%) blur(6px);
}
#bottomNav img{
  transition:transform .22s ease, opacity .22s ease;
}
#bottomNav div:active img{ transform:scale(.88); opacity:.75; }

/* 8) 降低动效偏好：系统开启"减少动态效果"时关闭动画 */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

/* =====================================================================
   手机页面后台富文本输出块统一规范化
   背景：后台编辑器生成的 <p> 默认带 margin，图片常写死 width:685px，
   导致首页二维码/版权区空行大、图片溢出。前端统一收敛。
   ===================================================================== */
.m-page-block{
  padding:4px 10px;
  background:#fff;
  line-height:1.6;
  word-break:break-all;
  word-wrap:break-word;
}
.m-page-block p,
.m-page-block div{
  margin:0 0 4px 0;
  padding:0;
}
.m-page-block p:last-child,
.m-page-block div:last-child{
  margin-bottom:0;
}
.m-page-block img{
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  border-radius:var(--m-radius-s);
}
.m-page-block br + br{
  display:none;   /* 连续多个 <br> 不再产生额外空行 */
}
.m-page-intro{
  margin-top:2px;
}

/* =====================================================================
   手机首页新闻 Tab 切换
   ===================================================================== */
.m-news-box{
  border:1px solid #eeeeee;
  border-radius:12px;
  background:#f8f8f8;
  margin-top:4px;
  overflow:hidden;
}
.m-news-tabs{
  display:flex;
  border-bottom:1px solid #eeeeee;
  background:#ffffff;
}
.m-news-tabs div{
  flex:1;
  text-align:center;
  height:42px;
  line-height:42px;
  font-size:15px;
  font-weight:bold;
  color:#666666;
  position:relative;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.m-news-tabs div.active{
  color:#5cc781;
}
.m-news-tabs div.active::after{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  bottom:0;
  height:3px;
  background:#5cc781;
  border-radius:3px 3px 0 0;
}
.m-news-tabs div:active{
  background-color:#f2f2f2;
}
.m-news-panels{
  padding:8px;
  display:none;
}
.m-news-panels.active{
  display:block;
}
.m-news-panels .synews{
  margin-top:0;
}
.m-news-panels .synews_k{
  margin-top:0;
}