@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:16px; background:#f7f7f7; line-height:30px; font-family:"Microsoft Yahei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#666; text-decoration:none;}
img{ border:0px; max-width: 100%;}
.clear{ clear:both; display:block;}

.index{ clear:both; display: block; margin: 0px; padding: 10px; background: #FFF; }
.index img{ max-width: 100%;}


.top{ clear: both; display: -webkit-box; width: 100%; height: 60px; background: #f7f7f7; border-bottom: 1px solid #e3e3e3; box-shadow: 0px 0px 5px #000;}

.logo{ -webkit-box-flex: 1; display: block; }
.logo a{ display: flex; padding: 5px 0px 0px 10px; }
.logo-img{ display: flex; margin-right: 15px; }
.logo-img img{ border: 0px; height: 50px; }

.logo-txt{ display: flex; flex-direction: column; justify-content: space-around; }
.logo-txt strong{ display: flex; font-size: 30px; color:#367400; }
.logo-txt span{ display: flex; font-size: 14px; color:#367400; }

.icon{ width: 50px; height: 50px; text-align: center; display: inline-block;}
.icon img{ border: 0px; width: 20px; height: 20px; margin: 15px 15px 0px 0px;}
.icon a{ clear: both; display: block;}

/* menu style ========================================= */
.topmenu{ clear: both; display: block; width: 100%; background: #FFF;}
.topmenu .tMenu{ clear: both; display: block; height: 30px; border-bottom: 1px solid #e3e3e3; text-indent: 1em; background: #e3e3e3; font-size: 16px;}
.topmenu .sMenu{ clear: both; display: inline-block; height: 30px; line-height: 30px; margin-left: 17px; margin-top: 5px; margin-bottom: 5px; font-size: 14px; }



.indexContent{ clear:both; display:block;}



/* banner */
.banner{ clear: both; display: block; margin: 10px 0px;}
.slideBox{ position:relative; width:100%; overflow:hidden; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); }
.slideBox .hd{ position:absolute; height:15px; line-height:15px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ bottom:5px; float:left; display:inline-block; width:5px; height:5px; background:#FFF; text-indent:-9999px; overflow:hidden; margin:0 3px;   }
.slideBox .hd li.on{ background:#F40;  }
.slideBox .bd{ position:relative; z-index:0; background:#e3e3e3; }
.slideBox .bd li{ position:relative;  }
.slideBox .bd li img{ max-width:100%; display:block; border:0px; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.slideBox .bd li .tit{ display:none; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff; font-size:14px; background:#000; opacity:0.5;   }


/* index style */
.indexTitle{ clear: both; display: -webkit-box; height: 35px; line-height: 35px; background: #3b7f00; color: #FFF; padding: 0px 10px; }
.indexTitle span{ display: block; -webkit-box-flex:1; text-align: right; color: #FFF;}
.indexTitle span a{ color: #FFF;}

.indexAboutC{ clear: both; display: block; margin: 10px;}
.indexAboutC video { width: 100%; height: auto; min-height: 200px; margin-bottom: 10px; background: #e3e3e3; background: URL(../images/video.jpg) left top no-repeat; background-size: 100% 100%; border: 1px solid #e3e3e3; box-sizing: border-box; }



/* copy style */


.copytext{ clear: both; display: block; background: #3b7f00; color: #FFF; padding: 10px 15px;}
.copytext a{ color: #FFF;}





/* channel page style */
.channelTitle{ clear: both; display: block; height: 40px; line-height: 40px; background: #25a10c; color: #FFF; margin: 20px 0px;  text-indent: 1em; }
.channelTitle a{ color: #FFF;}
.channelTitle span{ float: right; font-size: 14px; margin-right: 10px;}





/* sub product content style */
.productList{ clear:both; display:block; margin: 10px 0px}
.productList li{ display: block; float: left; width: 44%; margin: 10px 0px 10px 4%; }
.productList li div{ clear: both; display: flex; width: 100%; height: 180px; background: #FFF; justify-content: center; }
.productList li img{ clear: both; display: block; border: 0px; max-width: 100%; max-height: 100%; }
.productList span{ clear: both; display: block; margin: 0px; padding: 0px;}
.productList span a{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}



.productTitle{ clear: both; display: block; height: 50px; line-height: 50px; font-size: 20px; color: #FFF; background: #25a10c; text-indent: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.productPrice{ clear: both; display: block; height: 50px; line-height: 50px; background: #f7f7f7; text-indent: 1em; margin: 10px 0px;}
.productPrice span{ color: #25a10c; font-size: 26px; font-weight: bold;}
.productBuy{ clear: both; display: none; }
.productBuy a{ clear: both; display: block; margin: 0px auto; width: 120px; height: 35px; line-height: 35px; text-align: center; color: #FFF; background: #25a10c; font-size: 16px;}

.productTextCur{ clear: both; display: block; height: 50px; line-height: 50px; background: #25a10c; color: #FFF; font-size: 16px; text-indent: 1em;}
.productTextC{ clear: both; display: block; margin: 20px 0px;}






/* sub news content style */
.newsList{ clear:both; display:block;}
.newsList li{ clear: both; display: block; border-bottom: 1px solid #f7f7f7;}
.newsList a{ clear: both; display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 0.5em; border-bottom: 1px solid #e3e3e3; }


.newsTitle{ clear: both; display: block; min-height: 35px; line-height: 35px; font-weight: bold; color: #3b7f00; text-align: center; border-bottom: 1px solid #f6f6f6;}
.newsInfo{ clear: both; display: -webkit-box; text-align: center; padding: 20px 0px;}
.newsInfo span{ display: block; -webkit-box-flex:1;}
.newsContent{ clear: both; display: block; margin: 20px 10px; font-size: 16px; line-height: 30px; color: #666;}
.newsContent p{ margin: 0px;}
.newsContent img{ clear: both; display: block; border: 0px; margin: 15px auto; text-align: center; max-width: 100%; height: auto;}




/* page style */
.page{ clear: both; display: block;}
.page a{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #f7f7f7; margin-right: 7px;}
.page b{ display: inline-block; padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #25a10c; background: #25a10c; color: #FFF; margin-right: 7px;}

.pageList{ clear: both; display: block; border-top: 1px solid #e3e3e3;}
.pageList span{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.pageContent{ clear: both; display: block; font-size: 16px; margin: 30px 0px;}