@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px; background:#819f41 URL(../images/bg.jpg) center top repeat-y; line-height:30px; font-family:"Microsoft Yahei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333;}
ul,li,ol{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}
img{ border:0px;}
.clear{ clear:both; display:block;}

.index{ clear:both; width:1200px; margin:15px auto; }

.top{ clear: both; display: block; width: 1200px; height: 120px; margin: 0px auto; overflow: hidden;}

.logo{ display:block; float: left; height: 95px; margin-top: 20px; margin-left: 20px; }
.logo a{ display: flex; width: 100%; cursor: pointer; }
.logo a:hover{ text-decoration: none; }
.logo-img{ display: flex; margin-right: 15px; }
.logo-img img{ border: 0px; height: 60px; }

.logo-txt{ display: flex; flex-direction: column; justify-content: space-around; }
.logo-txt strong{ display: flex; font-size: 42px; color:#367400; margin-bottom: 5px; }
.logo-txt span{ display: flex; font-size: 16px; color:#367400; }


.tel{ display: block; float: right; width: 500px; text-align: right; font-size: 18px; line-height: 150px; margin-right: 20px;}
.tel strong{ font-size: 25px;}

.topmenu{ clear: both; display: block; width: 1200px; margin: 0px auto; background: #367400; border-radius: 5px;}
/* menu style ========================================= */
.nav { clear: both; display: block; width: 1200px; height: 40px; line-height: 40px; margin: 0px auto;  }
.nav li { display: inline-table; float: left; position: relative; width: 150px; text-align: center; }
.nav li a{ color: #FFF;}
.nav li:hover{ background: #3b7f00;}
.nav .on{ clear: both; display: block; background: #3b7f00;}
.nav li:hover a{ clear: both; display: block; width: 100%; text-align: center;}
.nav li span:hover{ }
.nav li span:hover a{ text-decoration: none;}
.nav li span {}
.nav li span .on {}
.nav li span a { font-size: 16px;}
.nav li.selected .submenu { display: block;}
.nav li .submenu { display: none; position: absolute; top: 40px; left: 0px; width: 170px; z-index: 10000; background: #FFF; }
.nav li .submenu a { clear: both; display: block; width: 100%; height: 40px; line-height: 40px; color: #000; font-size: 16px; text-align: center;}
.nav li .submenu a:hover { background: #3b7f00; color: #FFF; text-decoration: none;}



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



/* banner style start */
.flexslider { position: relative; width: 1200px; height: 500px; overflow: hidden; margin: 10px auto; border-radius: 5px; }
.slides { position: relative; z-index: 1;}
.slides li { height: 500px; }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}




/* index left style */
.indexLeft{ float: left; display: block; width: 220px;}
.indexLeftList{ clear: both; display: block;}
.indexLeftList a{ clear: both; display: block; height: 40px; line-height: 40px; text-indent: 2em; border-bottom: 1px solid #e3e3e3;}


/* index right style */
.indexRight{ float: right; display: block; width: 950px;}

.indexAboutC{ clear: both; display: block; padding: 15px 0px;}
.indexAboutC video{ border: 0px; width: 360px; float: left; margin-right: 15px; }


.indexTitle{ clear: both; display: block; height: 45px; line-height: 45px; font-size: 16px; background: #3b7f00; color: #FFF; text-indent: 1em; }
.indexTitle span{ float: right; font-size: 14px; margin-right: 10px;}
.indexTitle a{ color: #FFF;}



.indexProductTitle{ clear: both; display: block; width: 1200px; margin: 15px auto; height: 35px; line-height: 35px; font-size: 18px; background: #3b7f00; color: #FFF; text-indent: 1em; }
.indexProductTitle span{ float: right; font-size: 14px; margin-right: 10px;}
.indexProductTitle a{ color: #FFF;}

.indexProductList{ clear: both; display: block; width: 1200px; margin: 10px auto;}
.indexProductList li{ float: left; display: block; width: 280px; margin: 10px; text-align: center;}
.indexProductList li div{ display: table-cell; vertical-align: middle; width: 278px; height: 278px; border: 1px solid #e3e3e3;}
.indexProductList li div img{ border: 0px; max-width: 278px; max-height: 278px;}
.indexProductList li a{ color: #000; }




/* copy style */
.links{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.links a{ margin: 0px 3px; }

.copyright{ clear: both; display: block; background: #3b7f00; color: #FFF;}
.copyright a{ color: #FFF;}
.copytext{ clear: both; display: block; width: 1200px; margin: 0px auto; padding: 20px 0px;}




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


.productChannelTitle{ clear: both; display: block; margin: 20px 0px; text-align: center; font-size: 20px; font-weight: bold; font-weight: bold;}
.productChannelTitle span{ clear: both; display: block; font-size: 16px; font-weight: normal;}




.pageBanner{ clear: both; height: 400px; overflow: hidden; position: relative;}
.bannerPic{ clear: both; display: block; text-align: center; }
.bannerPic img{ border: 0px; max-width: 100%;}
.bannerName{ clear: both; display: block; position: absolute; width: 100%; font-size: 50px; font-weight: bold; color: #FFF; text-align: center; left: 0px; top: 200px;}




/* sub product content style */
.productList{ clear:both; display:block;}
.productList li{ float: left; display: block; width: 280px; margin: 0px 15px 25px 0px; }

.productList li div{ clear: both; display: table-cell; text-align: center; vertical-align: middle; width: 278px; height: 230px; background: #FFF; border: 1px solid #e3e3e3;}
.productList li div:hover{ opacity: 0.6;}
.productList li img{ border: 0px; max-width: 278px; max-height: 230px;}
.productList p{ clear: both; display: block; padding: 0px; margin: 0px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productList p a{ height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }


.productContent{ clear: both; display: block;}
.productPicList{ float: left; display: block; width: 570px; border: 1px solid #e3e3e3;}


.productInfo{ float: right; display: block; width: 600px;}
.productTitle{ clear: both; display: block; height: 35px; line-height: 35px; font-size: 16px; color: #FFF; background: #955d38; text-align: center;}
.productPic{ clear: both; display: block; text-align: center; margin: 20px 0px;}
.productPic img{ border: 0px; max-width: 700px;}


.productText{ clear: both; display: block; margin: 20px 0px;}
.productTextTitle{ clear: both; display: block; height: 40px; line-height: 40px; background: #ccc;}
.productTextTitle div{ float: left; display: block; width: 50%; text-align: center; font-size: 16px; cursor: pointer;}
.productTextTitle .cur{ background: #955d38; color: #FFF;}

.productTextContent table{ clear: both; width: 100%; border-collapse: collapse; border: 0 none}
.productTextContent table td{ text-indent: 1em;}
.productTextContent table td.highlight{ color: #fff; background-color: #955d38; border: 0 none; }



/* sub news content style */
.newsList{ clear:both; display:block;}
.newsList li{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px dashed #e3e3e3; text-indent: 1em; background: URL(../images/icon.jpg) left 50% no-repeat; }
.newsList li span{ float: right; margin-right: 15px; }


.newsTitle{ clear: both; display: block; height: 70px; line-height: 70px; font-size: 26px; font-weight: bold; text-align: center; }
.newsInfo{ clear: both; display: block; text-align: center; padding: 20px 0px;}
.newsInfo span{ display: inline-block; margin: 0px 15px;}
.newsContent{ clear: both; display: block; margin: 20px; font-size: 16px; line-height: 30px; }
.newsContent p{ margin: 0px;}
.newsContent img{ clear: both; display: block; border: 0px; margin: 15px auto; text-align: center;}



/* 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 #955d38; background: #955d38; color: #FFF; margin-right: 7px;}

.pageList{ clear: both; display: block; height: 60px; line-height: 60px; font-size: 16px; border-top: 1px solid #333;}
.pageList a{ font-size: 16px;}
.pageList span{ float: right;}

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