﻿@charset "Gb2312";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font-family:"Microsoft Yahei",tahoma,Arial,'Hiragino Sans GB',"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:100}
button,input,select,textarea{font-size:100%;outline:0}
body{margin:0;}
a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}
area{blr:expression(this.onFocus=this.blur())}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}
.clearfix{ zoom: 1;}
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}
.fl{float:left;display: inline;}.fr{float:right;display: inline;}
em,i{font-style:normal}
.none{display:none}
.block{display:block}
img{border:0}
table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}
.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}
/*a, a img, input,.featured-post .byline {-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}*/
.btn{}
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.page ul li i,.backtop a, .backtop a:hover,.arrow a,.arrow a:hover{ background:url(../images/dashanwu.png) no-repeat; }

body{ background-color:#b4e6ac}
#header{ background:url(../images/header.jpg) center center no-repeat; height:120px;}
.top-tel{ font-size:20px; color:#777; font-weight:bold; text-align:right; padding:50px 20px 0 0; font-style:italic}
.top-tel span{ font-size:16px; font-weight:normal; color:#009740; margin:0 5px; font-style:normal}
.wrapper{ width:1200px; margin:0 auto; background:#fff; clear:both}
.logo{ background-position: 0 0; width:190px; height:140px; left:0px; top:0px;}
.logo a{ display:block;width:190px; height:140px;}
.logo a:hover{ background:url(../images/home.png) 10px 10px no-repeat;}
.top_text{ background-position:0 -140px; width:550px;  height:40px; right:0px; top:20px;}
.nav{font-size:16px; background:#009740; padding:4px 4px 0 4px; border-bottom:solid 2px #fff;}
.nav ul li{float:left; text-transform:capitalize;}
.nav ul li a{ color:#e8fee7; display:inline-block; text-align:center; padding:0 25px; line-height:34px; height:40px; border-radius:8px 8px 0 0}
.nav ul li.current a,.nav ul li.current a:hover,.nav ul li a:hover{color:#009740; background: url(../images/nav-cur.jpg) center top repeat-x;}
.nav ul li.cuf a{background:none; color:#e8fee7; }
.footer{ border-top:solid 1px #009740; padding:20px;}
.footer h3{ font-size:20px; color:#009740;}
.footer p{ color:#333; line-height:1.5rem; font-size:14px;}
.footer .rwm{ width:215px; overflow:hidden;}
.footer .rwm ul{ width:230px;}
.footer .rwm ul li{ float:left; margin-right:15px;}
.footer .rwm ul li img{ width:100px; height:100px;}
.footer .rwm ul li p{ width:100px; text-align:center; font-size:14px; line-height:1rem;}
.copyright{  color:#ecffeb;padding:8px 15px; font-size:14px; line-height:1.8em; background:#009740}
.copyright a{ color:#ecffeb; text-decoration:underline;}
.copyright a:hover{ color:#fff; text-decoration:none;}
#banner{ background:url(../images/banner.jpg) center center no-repeat; height:145px; position:relative;}
#banner h2{ color:#fff; font-size:16px; font-weight:bold; line-height:26px; padding:30px 0 0 210px;}
#banner .place{ position:absolute; right:20px; bottom:10px; font-size:14px; color:#444;background:url(../images/ico_dh.jpg) no-repeat  0px 1px; text-indent:18px}
.place i{ padding-right:5px;}
.place a{ color:#444; text-decoration:underline;}
.place a:hover{ color:#009740; text-decoration:none;}
.side{ width:180px; padding-left:20px;}
.sidenav{ background:#d7f1d3; width:180px;}
.sidenav h2{ color:#009740; font-size:18px; padding:10px 0 10px 20px;background:url(../images/ico_t.jpg) no-repeat  20px 15px #d7f1d3; text-indent:25px}
.sidenav h2 i{ margin-right:10px;}
.sidenav ul{ padding:0 0 50px 0}
.sidenav ul li{ border-bottom:dotted 1px #b5d8af;background:url(../images/ico_t1.jpg) no-repeat  20px 12px #d7f1d3; text-indent:20px}
.sidenav ul li a{ color:#009740; padding:8px 8px 8px 20px; font-size:14px; display:block;}
.sidenav ul li i{ font-size:10px; margin-right:5px;}
.sidenav ul li a:hover{ background:url(../images/ico_t11.jpg) no-repeat  20px 12px #b5d8af;}
.sidenav ul li a.cur,.sidenav ul li a.cur:hover{ background:url(../images/ico_t2.jpg) no-repeat 150px 10px #009740; color:#d7f1d3; text-indent:0px}
.sidenav ul li a.cur i{ float:right; font-size:18px;}
.content{ width:960px; padding:0 20px 20px 20px;}
.content h1,.content h2{ color:#009740; font-size:26px; padding:0 0 10px 20px;border-bottom:dotted 1px #b5d8af }
 
 h2.title{ text-align:center; margin:15px auto}
.text{ padding:20px 0 0 0;}
.text p{ color:#444; font-size:14px; line-height:1.8em;}
.text img.aboutus-img{ float:right; margin-left:20px;}
.text .zs{ float:right; margin:15px;}
.text .zs img{ width:150px; border:solid 1px #ccc; padding:4px;}
.more{ font-size:12px;background:url(../images/ico_more.jpg) no-repeat 0px 8px #d7f1d3; text-indent:15px}
.more i{ font-size:.5rem !important;}
.more a i,.more a{ color:#418736; text-decoration:underline;}
.more a:hover i,.more a:hover{ color:#a15001; text-decoration:none;}
#Contact { padding:25px 0;}
#Contact .text { padding:0 0 0 120px; border:0px !important;}
#Contact .text p { line-height:2.3em;}
#Contact .text i { font: bold 20px/20px "Microsoft Yahei", Verdana, Geneva, sans-serif; color: #555;}
#Contact .map{ width:900px; margin:20px auto 0 auto;}
#Contact .map #gaodi-map{ width:900px; height:400px; border:solid 1px #ccc;}
.map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.map .icon-cir { height: 31px; width: 28px; }
.map .icon-cir-red { background-position: -11px -5px; }
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#463b32;}
.amap-info-content div{ font-size:14px; line-height:1.6em; color:#444}
/*图片列表*/
.prolist { width:1160px; overflow:hidden; margin:0px auto;}
.prolist ul { float:left; width:1180px; padding:0}
.prolist ul li { float:left; padding:5px; margin:10px 20px 10px 0; width:203px; height:162px; border:solid 1px #a8c5a7; _overflow:hidden; position:relative; line-height: 162px; text-align:center; background:#fff;}
.prolist .proimg{ width:203px; height:162px; position:relative; cursor:pointer; margin:0 auto 5px auto;}
.prolist ul li a { text-decoration:none; }
.prolist ul li p.proname { font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; text-align: center; width: 170px; padding:0 10px; color: #333; text-transform:uppercase; position:absolute; left:10px; bottom:10px; background: rgba(255,255,255,0.6);text-overflow: ellipsis; white-space: nowrap;}
.prolist ul li img {max-width: 203px; max-height: 162px; _width: expression(this.width > 203 && this.width > this.height ? 203 :true);
_height: expression(this.height > 162 ? 203: true);vertical-align: middle;display:inline-block; text-align:left;}
.prolist ul li:hover { background:#fff; border-color:#0096cd; border:solid 3px #009740; padding:3px}
.prolist ul li:hover img.img{filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;}
.prolist ul li:hover .proname{ height:auto;text-overflow: no; white-space: normal;}
.content .prolist { width:990px;}
.content .prolist ul { width:1100px; padding-top:10px;}
.content .prolist ul li {}
/*详细*/
.pro_detail{width:1040px; margin:10px auto;}
.pro_detail .swiper-container{ width:600px; float:left;}
.pro_detail .swiper-slide{ width:550px; text-align:center;background:url(js/fancybox_loading.gif) center center no-repeat;}
.pro_detail .swiper-slide .img{ max-width:500px; height:auto; margin:0 auto}
.pro_detail .swiper-pagination{ position:relative; padding-top:15px;}

.container { width: 600px; height: 500px; overflow: hidden; position: relative; cursor: pointer;  margin:10px auto;}
div.slides,ul.slides {position: absolute; top: 0; left: 0; padding: 0; margin: 0; text-align:center;}
div.slides > div, ul.slides li { position: absolute; top: 0; width: 600px; display: none; padding: 0; margin: 0; }
#pro_detail {width: 600px; position: relative; clear: both; float:left; }
#pro_detail .arrow a{ position:absolute; top:45%;}
.arrow a,.arrow a:hover{ display:block; width:50px; height:50px;}
.arrow a{ text-indent:-990em; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}
.arrow a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
.arrow a.previous,.arrow a.previous:hover{ left:0px; background-position:-620px 0;}
.arrow a.next,.arrow a.next:hover{ right:0px; background-position:-740px 0;}
#pro_detail img{max-width: 450px; _width: expression(this.width > 450px && this.width > this.height ? 450 :true);height: auto;}
ul.pagination {padding: 10px; margin: 0;float:left; position:relative; left:50%}
ul.pagination li { text-indent:-990em; float:left; position:relative; right:50%;}
ul.pagination li a { width:10px; height:10px; display:block; background:#ccc; margin:0 5px;}
ul.pagination li.active a { background:#009740; }

.pro_detail table.info{ width:400px; float:right;}
.pro_detail table.info th{ font-size: 16px; font-weight: bold; color: #009740; width: 110px; text-align: right;padding: 5px 10px; vertical-align:top }
.pro_detail table.info td {padding: 5px 10px; font-size:14px; color:#444;  text-transform:uppercase}
.pro_detail table.info td span.red { color: #f00; }
.pro_detail table.info td span.date { font-size:14px; color:#777; }
.pro_detail table.info tr{ border-bottom: solid 1px #ccc; }

.pro_detail .page{ width:1000px; margin:10px auto;}
.pro_detail .page ul li{ width:460px;}
.pro_detail .page ul li a{  width:320px; _width:300px;  height:25px; overflow:hidden; display:block; float:left;}
/*新闻*/
.first-new{ height:130px;}
.first-new dt{ float:left; padding:10px 0 0 0}
.first-new dt img{ width:160px; height:120px;}
.first-new dd{ padding:20px 20px 0 180px;}
.first-new dd h4{ font-size:16px; margin-bottom:5px;}
.first-new dd h4 a{ color:#333; text-decoration:none;}
.first-new dd h4 a:hover{ color:#009740; text-decoration:underline;}
.first-new dd p{ color:#555; font-size:12px; line-height:1.2rem; height:40px; overflow:hidden;}
.new-list{ padding:5px;}
.new-list p{ font-size:14px; border-bottom:dashed 1px #ccc; padding:5px 5px 5px 20px; background:url(../images/bot_black.gif) 10px 12px no-repeat; float:none}
.new-list p a{ color:#333;}
.new-list p a span.spanleft{cursor:pointer;}
.new-list p a:hover{ color:#009740; text-decoration:underline;}

.article{ padding:20px 0px;}
.article h5{ display:block; overflow:hidden; padding-left:0; color:#009740; text-align:center; font:26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; background:#f2f2f2; padding:15px 0}
.article ul li{font-size:14px; padding:15px 25px; line-height:26px; color:#444;}
.article ul.articlepicul li{ padding:10px 0px; text-align:center; width:720px;}
.article ul.rslides_tabs li{ padding:0px;}
.article p.publish{ background:#f2f2f2; border-bottom:solid 3px #eee; font-size:12px; line-height:26px; text-align:center; color:#222;}
.article p.publish span.red{color:#f00;}
.article p.publish a{ color:#222; margin:0 10px 0 0;}
.article p.publish a:hover{ color:#F00;}
.article p img{max-width: 800px; _width: expression(this.width > 800 && this.width > this.height ? 800 :true);height: auto;}
.article .page{ width:1050px; margin:10px auto;}
.article .page ul li{ width:485px;}
.article .page ul li a{  width:390px; _width:370px;  height:25px; overflow:hidden; display:block; float:left;}
/*页码*/
.page{}
.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-right:10px; text-decoration:none; display:block; padding:4px 12px; }
.page table td a.current,.page table td a.current:hover { color:#fff; background:#009740; border-color:#009740; cursor:default }
.page table td a:hover { color:#222; background:#f0f0f0; }

span.p {background:#fff; color:#222; border:solid 1px #ccc; cursor:pointer;padding:4px 12px;}
span.p_0 {color:#fff; background:#009740; border-color:#009740;}

.page ul li{ background:#d7f1d3; padding:10px 20px; position:relative; text-transform:uppercase}
.page ul li:hover{ background:#c8e8c4;}
.page ul li i{ width:15px; height:25px; overflow:hidden; display:block; margin:0 10px;}
.page ul li span{ color:#444; float:left; line-height:25px;}
.page ul li.up{float:left;}
.page ul li.up i{  background-position:-850px -80px; float:left; }
.page ul li.down{ float:right;}
.page ul li.down i{ background-position:-890px -80px; float:right; position:absolute; right:10px; top:10px;}
.page ul li a{ color:#444; text-decoration:none; line-height:25px;}
.page ul li a:hover{ color:#f00; text-decoration:underline;}


#pagelist {width:380px; margin:30px auto; padding:6px 0px; height:20px; font-size:12px;color:#82AE43;}
#pagelist ul li { float:left; border:1px solid #9AC15B; height:20px; line-height:20px; margin:0px 2px;padding:0px 6px; }
#pagelist ul li a, .pageinfo { display:block; background:#FCFDFB;}
.pageinfo  { color:#82AE43;}


.vclose{height:50px; line-height:50px; margin-top:50px; border-top:#EFEFEF dotted 1px; text-align:right; font-size:12px}
/*滑动联系*/
.backtop{ right: 1%; bottom: 1%; position: fixed; _position: absolute;  _top: expression(documentElement.scrollTop + 660 + "px"); width:50px; height:50px; display:block; text-indent:-990em; z-index:999;}
.backtop a { display:block; width:50px; height:50px;background-position:-850px 0px; }
.backtop a:hover {background-position:-900px 0px;}
.rwm-right{right: 1%; top: 1%; position: fixed; z-index:999999; width:100px; padding:5px; background:#fff;border: 1px solid #ccc; box-shadow: 0px 0px 30px rgba(0,0,0,.4);}
.rwm-right img{ width:100px; height:100px;}
.rwm-right p{ text-align:center; color:#333; font-size:14px; line-height:1.2em;}
* html, * html body { background-image: url(about:blank); background-attachment: fixed }
* html .rwm-right { position: absolute; right:expression(eval(document.documentElement.scrollLeft+10));top:expression(eval(document.documentElement.scrollTop+10))}
/*首页*/
.ind-text,.ind-pro{ width:1160px; margin:0 auto;}
.ind-text ul{ width:1200px; padding:20px 0}
.ind-text ul li{ float:left; margin-right:20px;}
#index h3{ background:#d7f1d3; color:#009740; font-size:18px; font-weight:600; padding:5px 15px; line-height:30px; margin-bottom:10px; position:relative;}
#index h3 span{ font-size:12px; color:#79a772; text-transform:uppercase; margin-left:5px; font-weight:100;}
#index h3 i{ font-size:20px; margin-right:5px; font-weight:100;}
#index h3 .more{ position:absolute; top:6px; right:15px;}
.ind-text ul li .text{ padding:0; height:170px; overflow:hidden;}
.ind-text ul li .text p{line-height:1.5em;}
.ind-text ul li .text img{ float:left; margin-right:15px;}
.ind-text ul li#ind-p1-3 .text img{ margin-top:10px; margin-right:10px;}
.ind-text #ind-p1-1{ width:460px;}
.ind-text #ind-p1-1 h3{ background:url(../images/ico_about.jpg) no-repeat  10px 10px #d7f1d3; text-indent:20px}
.ind-text #ind-p1-2{ width:430px;}
.ind-text #ind-p1-2 h3{ background:url(../images/ico_news.jpg) no-repeat  10px 10px #d7f1d3; text-indent:20px}
.ind-text #ind-p1-3{ width:230px;}
.ind-text #ind-p1-3 h3{ background:url(../images/ico_order.jpg) no-repeat  10px 10px #d7f1d3; text-indent:20px}
.ind-text #ind-p1-2 .first-new{ height:75px;}
.ind-text #ind-p1-2 .first-new dt{  padding:0}
.ind-text #ind-p1-2 .first-new dt img{ width:100px; height:75px;}
.ind-text #ind-p1-2 .first-new dd{ padding:0 0 0 110px;}
.ind-text #ind-p1-2 .new-list p{ padding:3px 3px 3px 15px; background:url(../images/bot_black.gif) 5px 12px no-repeat;}
.ind-pro{ padding-bottom:15px;}
#index h3{ background:url(../images/ico_tea.jpg) no-repeat  10px 10px #d7f1d3; text-indent:20px}

#full-screen-slider { width:100%;height:420px; position:relative; margin:0 0 1px 0;}
#full-screen-slider.m_banner { height:300px;}
#slides_banner { display:block; width:100%;height:420px; list-style:none; padding:0; margin:0; position:absolute}
#full-screen-slider.m_banner #slides_banner{ height:300px;}
#slides_banner li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:9}
#slides_banner li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:45%; bottom:10px; z-index:9999;  padding:5px 15px 5px 0; margin:0 0 0 30px !important}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:10px; background:#fff; border-radius:5px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#009740;}

.zxyd{padding:5px 5px; text-align:left; font-size:13px;}
.zxyd ul{ padding:0px 0px; margin:0px 0px}
.zxyd li{padding:2px 0px; margin:0px 0px; list-style-type:none;list-style-position:outside}
form{ margin:0px 0px; padding:0px 0px;}
.ndate{ border:#CFE0A4 solid 1px; background:#EFF6E8; width:120px}
.nlxr{ border:#CFE0A4 solid 1px; background:#EFF6E8; width:80px}
.nzrs{ border:#CFE0A4 solid 1px; background:#EFF6E8; width:40px}
.subm{ background:url(../images/order.jpg) no-repeat; width:96px; height:26px; list-style-type:none; border:none}

.imgs img{max-width: 800px;}