@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}
body, button, input, select, textarea {font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
code, kbd, pre, samp {font-family:courier new, courier, monospace;}
small {font-size:12px;}
ul, ol {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}

.cr{clear:both}
.fl{float:left}
.fr{float:right}
.oh{overflow:hidden}
.pr{position:relative}
.pa{position:absolute}
.mr20{margin-right:20px;}

.autowrap{ width:100%; margin: 0 auto;}
.setwrap{ width:1000px; margin: 0 auto;}


/*web head*/
.head{height:90px;}
.logo{position: absolute; left:0px; top:30px; width: 320px;}
/*top nav*/
/*nav*/
.nav{position: absolute; right:0px; top:27px; }
.navlist{ width: auto; height: 54px;}
.navlist .on{}
.navlist .on a{color:#009900;}
.navlist li{ float: left; height: 54px; line-height: 54px; position: relative;}
.navlist li a{ padding:0px 16px; line-height: 54px; color:#333; font-size: 14px;}
.navlist li a:hover{ color:#009900;}
.navlist li:last-child a{ padding-right: 0px;}
.navlist .sub{ display:none; position:absolute; left:0; top:54px; width: 90px; background:#FFF; border-top: #009900 2px solid; line-height:42px; z-index: 10; }
.navlist .sub li{float: none; height: 42px; line-height: 42px; overflow: hidden;  zoom:1;}
.navlist .sub a{ display:block; padding: 0; color:#666; line-height: 42px; font-size: 12px; color:#362e2c; text-align: center;}
.navlist .sub a:hover{ background:#009900; color:#fff;  }
.navlist .on h3 a{ background:#009900; color:#fff;   }


/*slide*/
.fullSlide{ width:100%;  position:relative;  height:500px; background:#f2f2f2;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:500px; }


.fullSlide .hd{position:relative; top:-30px; z-index:1; text-align:center; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:24px; height:12px; margin:5px; background:#fff; overflow:hidden; font-size:0;filter:alpha(opacity=80);opacity:.8; border-radius: 6px;}
.fullSlide .hd ul .on{ background: #7BCF57; filter:alpha(opacity=100);opacity:1;}

/*index product*/
.ipro{ padding-bottom:50px; }
.iprotit{padding: 40px 0 20px; text-align: center; background: url(../images/pro-tit-bg.png) center 40px no-repeat;}
.iprotit h2{ height: 30px; line-height: 30px; font-size: 27px; color: #7BCF57;}
.iprotit p{height: 20px; line-height: 20px; font-size: 14px; color: #DCDCDC;}
.iprolist{position: relative;}
.iprobd{}
.iprobd ul{ width:1020px;}
.iprobd li{float:left; display: block; width:233px; height: 273px; margin-right: 20px; border:#d2d2d2 1px solid;}
.iprobd img{display:block; width:233px; height: 233px;}
.iprobd span{ display:block; height: 40px; line-height: 40px; background: #e0e0e0; color:#353535; padding:0 20px;}
.iprohd .prev, .iprohd .next{position: absolute; display:block; top:115px; width:20px; height:35px; overflow:hidden; cursor:pointer; background:url("../images/ico_prev_next.png") 0 0 no-repeat;}
.iprohd .prev{left:-35px; background-position: 0 0;}
.iprohd .next{right:-35px; background-position: -20px 0;}

.ipt2box{width:320px;}
.titbox{ position: relative; height: 35px; line-height: 35px; border-bottom: #f2f2f2 1px solid;}
.titbox .tit{position: absolute; left: 0; top:0; height: 35px; line-height: 35px; font-size: 16px; color:#7a7979;}
.titbox .more{position: absolute; right: 0; top:0; height: 35px; line-height: 35px; font-size: 16px; color: #009900;}
.titbox .more a{color: #009900;}
/*index meiti*/
.meiti{}
.meiti-top{height: 200px; margin-top: 10px; overflow: hidden;}
.meiti-tit{ height: 32px; padding: 0 20px; line-height: 32px; background: #f3f3f3;}
.meiti-tit a{color: #565656;}
/*index news*/
.inews{ }
.inews-top{ height: 128px; margin-top: 10px;}
.inews-top img{ width:320px; height: 128px;}
.inews ul{ margin-top: 8px; list-style:square inside url(data:image/gif;base64,R0lGODlhBAAEAIAAALbIrAAAACH5BAAAAAAALAAAAAAEAAQAAAIEhI8JBQA7);}
.inews li{ height: 24px; padding-right:40px; line-height: 24px;  position: relative; overflow: hidden;}
.inews a{color:#585858;}
.inews .ndate{ position: absolute; right: 0; top: 0; height: 24px; line-height: 24px; color: #878787;}

/*index about*/

/*links*/
.linkbox{background: #D9D9D9;}
.link{ line-height: 32px; color:#666;}
.link a{ padding-right:15px; color: #686868; line-height: 32px;}


/*bottom nav*/
.bottom-navbg{ margin-top: 30px; background: #028011;}
.bottom-nav{ height:42px; line-height: 42px;}
.bottom-nav ul{}
.bottom-nav li{float:left; color: #fff;}
.bottom-nav a{padding: 20px; color:#fff;}
/*bottom*/
.bottom-infobg{background: #d6d6d6;}
.bottom-info{ padding: 20px 0 15px 0; color:#535353;}
.bottom-info a{ color:#535353;}


.inbanner{ width: auto; height: 0px; margin: 0 auto; text-align: center;}

/* page style */
#page{width:100%; background: #f6f6f6; margin: 0 auto; padding: 30px 0 45px 0; clear: both;}
.page-box{ width: 1000px; height: auto; margin: 0 auto; clear: both; overflow: hidden;}
.page-left{ float:left; width: 240px; overflow: hidden;}
.page-right{ float: right; width: 700px; padding: 10px 15px; background: #fff; overflow: hidden;}

/* left nav */
.left-nav{background: #fff;}
.left-nav-tit{ padding-left:15px; line-height: 50px; font-size: 14px; font-weight: bold; border-bottom: #009900 2px solid;}
.left-nav-list{ padding: 20px 15px; }
.left-nav-list li{height:40px; padding-left: 15px; margin-bottom: 8px; background: #f3f3f3; overflow: hidden;}
.left-nav-list li a{ display: block; font-size: 12px; line-height:40px; color: #545454;}
.left-nav-list li:hover,.left-nav-list li.cur{ background: #009900;}
.left-nav-list li:hover a,.left-nav-list li.cur a{color:#fff;}

.left-contact{margin-top:20px; background: #fff;}
.left-contact-tit{ padding-left:15px; line-height: 40px; font-size: 14px; font-weight: bold; border-bottom: #009900 2px solid;}
.left-contact-con{ padding:20px 15px; line-height: 22px;}

/* position */
.right-position-box{ width: 700px; height: 40px; border-bottom:#d2d2d2 1px solid; overflow: hidden;}
.right-position-tit{ float: left; width: 200px; padding-left: 5px; line-height: 40px; font-size: 14px; font-weight: bold; overflow: hidden;}
.right-position-c{ float: right; width: 460px; padding-right: 5px; line-height: 40px; text-align: right; font-size: 12px; color:#888; overflow: hidden;}
.right-position-c a{ font-size: 12px; color:#888; line-height: 40px;}

/* single page */
.s-page-tit{ height: 36px; padding: 30px 0px 20px 0px; overflow: hidden;}
.s-page-tit h1{ height: 36px; line-height: 36px; font-size: 18px; color: #16100f; }
.s-page-tit h1 span{padding: 0px 5px 5px 5px; border-bottom: #009900 2px solid;}
.s-page-con{margin: 0px 0px 30px 0px; position: relative;}
.s-page-con p{ font-family: inherit; font-size: 12px; line-height: 22px; margin-bottom: 10px; text-align: justify;}
.s-page-con img{ max-width:700px;width:expression(this.width>700?"700px":this.width);}

/* article page */
.right-content-box{ padding:20px 0px; position:relative;}
.article-tit{ height: 50px; text-align: center; overflow: hidden;}
.article-tit h1{ height: 50px; line-height: 50px; font-size: 18px; color: #16100f; }
.article-tit h1 span{}
.article-info{ padding: 10px 15px; margin-bottom: 20px; background:#f9f9f9; color: #888; text-align: center;}
.article-info a{ color: #888;}
.article-con{ margin: 0px 0px 30px 0px; position: relative;}
.article-con p{ font-family: inherit; font-size: 12px; line-height: 22px; margin-bottom: 10px; text-align: justify;}
.article-pages{}
.article-pages .pages{ overflow: hidden;}
.article-pages .pages li{ float: left; height: 24px; line-height: 24px; padding: 0px 8px; margin-right: 5px; border: #f0f0f0 1px solid; background: #fff;}
.article-pages .pages li a{ line-height: 24px;}
.article-pages .pages li.c{ background: #ccc;}
.article-pn{ line-height: 24px;}

.article-video{ width: 800px; height: 550px;margin-bottom: 20px;}

/* page text */
.page-txt-box{ width: 700px; overflow: hidden;}
.page-txt-tit{ height: 36px; padding: 30px 0px 20px 0px; overflow: hidden;}
.page-txt-tit h1{ height: 36px; line-height: 36px; font-size: 18px; color: #16100f; }
.page-txt-tit h1 span{padding: 0px 5px 5px 5px; border-bottom: #009900 2px solid;}
.page-txt-list{ }
.page-txt-list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: #e0e0e0 1px solid;}
.page-txt-list li a{}
/*文字列表*/
.news-text h2{height: 30px; font-size: 14px; line-height: 30px;}
.news-text p{font-size: 12px; color:#666; line-height: 22px; margin-bottom: 10px; text-align: justify;}
.news-text:hover p{ color:#aaa;}
.news-text .time, .news-text .mlinks{margin-right: 10px; color:#888;}
.news-text .time:hover, .news-text .mlinks:hover{color:#009900;}
/*图文列表*/
.news-main-content{width:700px;margin:0 auto;padding-top:20px}
.news-main-content ul li{margin-bottom:20px}
.news-main-content ul li:hover{-webkit-box-shadow:0 2px 16px rgba(0,0,0,.12);-moz-box-shadow:0 2px 16px rgba(0,0,0,.12);box-shadow:0 2px 16px rgba(0,0,0,.12)}
.news-main-content ul li a{display:block;height:146px;padding:18px 20px;overflow:hidden;border:1px solid #e6e6e6}
.news-title-img{float:left;width:180px;text-align:center}
.news-title-img img{width:166px;height:120px}
.news-space{float:left;width:1px;height:120px;margin:0 20px;background-color:#e6e6e6}
.news-text h2{height:26px;line-height:26px;font-size:12px;color:#434343;overflow:hidden;}
.news-text p{height:35px;line-height:1.5;margin:15px 0;font-size:12px;color:#565656;overflow:hidden;text-overflow:ellipsis}
.news-text .time{padding-left:24px;font-size:12px;color:#999;background:url(../images/time-icon.png) no-repeat left center}
.news-text .mlinks{float:right;font-size:12px;color:#4e920c}
.news-text .mlinks:hover{color:#3e920c}


/* page images */
.page-images-box{}
.page-images-tit{ height: 36px; padding: 30px 0px 20px 0px; overflow: hidden;}
.page-images-tit h1{ height: 36px; line-height: 36px; font-size: 18px; color: #16100f; }
.page-images-tit h1 span{padding: 0px 10px 5px 0px; border-bottom: #009900 2px solid;}
.page-images-list{ margin-left: -20px; overflow: hidden;}
.page-images-list li{ float: left; width: 240px; margin-left: 20px; margin-bottom: 30px;}
.page-images-list li img{ width:240px; height: 156px;}
.page-images-list li h3{ height: 36px; padding-top: 10px; line-height: 18px; text-align: center; overflow: hidden;}

/*产品列表*/
.pro-main-content{width:700px; margin:0 auto; overflow: hidden;}
.pro-main-content ul{width:720px;}
.pro-main-content ul li{ float:left; width:220px; margin-right:20px; margin-bottom:20px}
.pro-main-content ul li:hover{-webkit-box-shadow:0 2px 16px rgba(0,0,0,.12);-moz-box-shadow:0 2px 10px rgba(0,0,0,.12);box-shadow:0 2px 10px rgba(0,0,0,.12)}
.pro-main-content ul li a{color:#e6e6e6;}
.pro-title-img{width:220px;text-align:center;}
.pro-title-img img{width:220px;height:210px;}
.pro-text h2{height:40px; padding:0 20px;line-height:40px;overflow:hidden;font-size:12px;color:#009900;background-color:#f2f2f2;}

.pro-text p{height:35px;line-height:1.5;margin:15px 0;font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis}
.pro-text .time{padding-left:24px;font-size:12px;color:#999;background:url(../images/time-icon.png) no-repeat left center}
.pro-text .mlinks{float:right;font-size:12px;color:#4e920c}
.pro-text .mlinks:hover{color:#3e920c}