@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: 0; border-spacing: 0; text-align:center !important; border:1px solid #333 !important; width:100% !important; }
table  tr:nth-child(odd){background:#fff !important;}
table  tr:nth-child(even){background:#eee !important;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#666;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.com-width{width:1000px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mr15{margin-right:15px;}

/*头部*/
.top{height: 35px; line-height: 35px; background: url(../images/top.jpg) no-repeat top center;}
.top span{width: 280px;}
.top span a{margin-left: 46px; color: #fff;}
.top span a:last-child{margin-left:40px;}

.header{height: 140px;}
.logo{width: 381px; height: 80px; margin: 30px;}
.tel{height: 70px; background: url(../images/tel.jpg) no-repeat left center; padding-left: 85px; font-size: 20px; margin-top: 50px; padding-right: 80px;}
.tel span{display: block; height:20px; line-height: 20px; margin: 10px 0;}
.tel b{display: block; height: 30px; line-height: 30px; font-size: 26px; color: #f00;}

.nav{height: 50px; line-height: 50px; background: #008f30; color: #fff;}
.nav li{width: 125px; height: 50px; float: left;}
.nav li a{display: block; width: 125px; height: 50px; text-align: center; color: #fff; font-size: 16px;}
.nav li a:hover{background: #ff6600; color: #fff; border-radius: 2px; box-shadow: 2px 2px 5px #333;}

.banner{position: relative; width: 100%; height:450px; overflow: hidden; text-align: center; margin: 0 auto;}
.slideBox{ width:1920px; height:450px; overflow:hidden; position:absolute; left: 50%; margin-left: -960px;}
.slideBox .hd{width: 500px; height:20px; margin-left: -250px; overflow:hidden; position:absolute; left: 50% ;bottom:15px; z-index:1;text-align: center; }
.slideBox .hd ul{ overflow:hidden; zoom:1;display:inline-block;}
.slideBox .hd ul li{ float:left; margin-right:20px;  width:12px; height:12px; text-align:center; background:#fff; cursor:pointer; text-indent: -99999px; -webkit-border-radius: 50%;  border-radius: 50%;
}
.slideBox .hd ul li.on{ background:#008f30; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:450px; display:block; }

.hot{height: 67px; line-height: 67px; background: url(../images/hot.jpg) repeat-x; font-size: 14px;}
.hot span{color: #008f30; font-weight: bold;}
.hot a{margin-left: 5px;}

.slideTxtBox{ }
.slideTxtBox .hd{ height:45px; line-height:45px; text-align: center;}
.slideTxtBox .hd ul{height:45px; display: inline-block;background:#008f30;}
.slideTxtBox .hd ul li{ float:left; width:125px; cursor:pointer;  font-size: 16px; text-align: center;}
.slideTxtBox .hd ul li.on{ height:45px;  background:#ff6600;}
.slideTxtBox .hd ul li a{color: #fff;}
.slideTxtBox .hd ul li.on a{ color: #fff; }
.slideTxtBox .bd ul{width: 1020px; margin-right: -15px;}
.slideTxtBox .bd li{float: left; width: 240px; margin: 20px 15px 0 0;}
.slideTxtBox .bd li img{display: block; width: 238px; height: 176px; border:1px solid #ccc;}
.slideTxtBox .bd li img:hover{border:1px solid #ff6600;}
.slideTxtBox .bd li span{display: block; height: 30px; line-height: 30px; text-align: center; font-size: 14px;}

.pro-list-tit{height: 71px; background: url(../images/title_pro.jpg) no-repeat top center; text-align: center;}
.pro-list-tit h2{font-size: 30px; color: #008f30; height: 40px; line-height: 60px; margin-bottom: 10px;}
.pro-list-tit span{display: block; height: 20px;}

.feature{height: 480px; background: url(../images/feature.jpg) no-repeat top center;}
.feature ul{width: 160px;}
.feature ul li{height: 82px; margin-top: 65px; font-size: 14px;}

.ys{}
.ys-con{height: 673px; background: url(../images/ys.jpg) no-repeat top center;}
.ys-con div{width: 430px; height: 145px; padding-top: 82px; font-size: 14px; line-height: 30px;}
.ys-tit h2{font-size: 30px; color: #008f30;  margin-bottom: 20px; text-align: center;}
.ys-tit span{display: block; height: 22px; line-height: 22px; background: url(../images/title_chose.jpg) no-repeat top center;
 font-size: 30px; color: #ccc; text-align: center;}

.info{height: 400px; padding:25px 0; background: url(../images/about_bg.jpg) no-repeat top center;}
.about{width: 690px; padding:20px; background: #fff;}
.about-con{height: 179px; padding-bottom:20px; border-bottom: 1px dashed #ccc; margin-bottom: 20px;}
.about-con-img{width: 236px; height: 179px; margin-right:30px;}
.abou-con-text{width: 424px; height: 179px; font-size: 14px;}
.abou-con-text h3{font-size: 22px; color: #008f30; margin-bottom: 10px;}

.picMarquee-left{overflow:hidden; position:relative; height: 140px;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:162px; height:114px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{height: 20px;  line-height:20px;  text-align: center; }

.contact{width:200px; padding:20px; height: 360px; background: #fff; overflow: hidden;}
.com-title{height: 31px; line-height: 30px; background: url(../images/title_line.jpg) no-repeat left top;}
.com-title h3{float: left; width: 90px; text-align: center; font-size: 16px; font-weight: normal; color: #008f30;}
.com-title a{float: right;}
.contact-con{padding:20px 0; font-size: 14px; line-height: 30px;}
.contact-con b{color: #008f30;}

.article{background: url(../images/line.jpg) no-repeat 635px top;}
.news{width: 630px;}
.question{width: 300px;}
.news-con-first{height: 164px; padding:20px 0 25px; background: url(../images/news_line.jpg) no-repeat bottom center;}
.news-con-first img{width: 214px; height: 160px; border:2px solid #ccc; margin-right: 20px;}
.news-con-first div{width: 390px;}
.news-con-first div span{display: block; height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; color: #008f30; }
.news-con-first div span a{color: #008f30;}
.news-con-first div p{font-size: 14px; line-height: 30px; text-indent: 2em;}
.news-con-list{padding-top:20px;}
.news-con-list li{width: 45%; margin-right: 2%; float:left; height: 30px; line-height: 30px; background: url(../images/icon_news.jpg) no-repeat left center; padding-left: 10px;}
.news-con-list li a{float: left; }
.news-con-list li span{float: right;}
.question-list{padding: 20px 0; height: 369px;}
.txtMarquee-top{ overflow:hidden; position:relative; height: 369px;}
.txtMarquee-top .infoList{}
.txtMarquee-top .infoList dl{padding:10px; border-bottom: 1px dashed #ccc;}
.txtMarquee-top .infoList dt{height:17px; line-height: 17px; background: url(../images/icon_q.jpg) no-repeat left top; padding-left: 20px; margin-bottom: 10px; font-weight: bold;}
.txtMarquee-top .infoList dd{line-height: 17px; background: url(../images/icon_a.jpg) no-repeat left top; padding-left: 20px;}

.flink{padding: 10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.flink span, .flink a{margin-right: 10px;}

.footer{height: 260px; background: url(../images/footer.jpg) repeat-x; color: #fff; text-align: center; font-size: 14px; line-height: 30px;}
.footer-menu{height:30px; line-height:30px; padding: 35px 0 20px; font-size: 16px; }
.footer-menu a{margin:0 20px; color: #fff;}
 

.sidebar{width: 240px;}
.main{width: 730px;}
.sidebar-tit{height: 90px; line-height: 90px; text-align: center; background: #008f30; color: #fff; font-size: 26px; font-weight: normal;}
.sidebar-text{border:1px solid #008f30; padding:10px 10px; font-size: 14px;}
.sidebar-text li a{display:block; height: 40px; line-height: 40px; border-radius: 20px; background: #eee; text-align: center; margin-bottom: 10px;}
.sidebar-text li a:hover{background: #008f30; color: #fff;}
.main-position{height:35px; line-height: 35px; background: url(../images/icon_site.jpg) no-repeat left center; border-bottom: 1px solid #ccc; padding-left: 30px; font-size: 14px;}
.maincon{padding:20px 0; font-size:14px; line-height: 30px;}
.main-con-product {overflow: hidden;}
.main-con-product li{width: 216px; float: left; margin: 0 0 20px 20px; _display:inline;}
.main-con-product li img{display: block; width: 214px; height: 164px; border: 1px solid #ccc;}
.main-con-product li span{display: block; height: 30px; line-height: 30px; text-align: center;}
.main-con-news li{ height: 35px; line-height: 35px; background: url(../images/icon_news.jpg) no-repeat left center; padding-left: 10px; border-bottom: 1px solid #ccc;}
.main-con-news li a{float: left;}
.main-con-news li span{float: right;}
.maincon-tit{font-size: 22px; color: #008f30; text-align: center; margin-bottom: 10px;}
.maincon-author{height:30px; line-height:30px; text-align: center; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.maincon-author span{margin: 0 20px;}
.related h3{font-size: 16px; height: 31px; line-height: 30px; color: #008f30; background: url(../images/title_line.jpg) no-repeat left top;}


/*分页*/
.page{height:24px; line-height:24px; text-align:center; margin-top:30px;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#01379b;}
.page li.thisclass{background: #01379b; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #01379b; color: #fff;}
.page .pageinfo strong{font-weight:normal;}