html, body, h1, h2, h3, h4, h5, h6, ul, li, p {margin: 0; padding: 0;}
ul {list-style: none;}
img {border: 0;vertical-align: top;}
a, a:link, a:visited { color: #999; text-decoration: none; }
a:hover, a:active { color: #56b454; text-decoration: underline; }
/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.table {
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin-top: 15px;
}
.table th,
.table td {
	border: 1px solid #ddd !important;
	padding: 5px;
}

body {font-family: Microsoft Yahei, Arial; color: #999; font-size: 14px;line-height: 24px;}
.container {width: 960px; margin: 0 auto;}

.top {height: 120px;}
.logo {float: left;}
.tel {float: right; width: 281px; height: 120px; background: url(../images/index_04.jpg) no-repeat;}
.lang {float: right;margin-top: 15px;}
.lang li {float: left;background: url(../images/icon.jpg) no-repeat 15px center;padding-left: 30px;}

#nav {background-color: #56b454; height: 50px;}
.nav>ul>li {position: relative; float: left; width: 160px; text-align: center; white-space: nowrap; line-height: 50px; z-index: 3;}
.nav>ul>li>a {display: block; color: #fff;}
.nav>ul>li.cur>a,
.nav>ul>li:hover>a {background-color: #333;}
.nav li ul {position: absolute; top: 50px; left: 0; display: none; width: 100%; background-color: #333;}
.nav ul li:hover>ul {display: block;}
.nav li ul li {position: relative;line-height: 36px; border-top: 1px solid #666;}
.nav li ul li a {display: block; white-space: nowrap; font-size: 12px; color: #fff;}
.nav li ul li a:hover {background-color: #666;}
.nav li ul li ul {display: none; position: absolute; top: 0; left: 160px;}

#banner {height: 260px; background: #f0d8b3 url(../images/bannerimg.jpg) no-repeat center; padding: 80px 0;}
.banner {position: relative; width: 960px; height: 260px; margin: 0 auto;}
.banner-show li {color: #333;}
.banner-show li img {float: left; margin-right: 30px;}
.banner-show li h3 {font-size: 20px; padding-top: 40px; padding-bottom: 20px;}
.banner-show li p {margin-bottom: 30px;}
.banner-show li a.more {display: inline-block; padding: 8px 20px; background-color: #56b454; color: #fff;}
.banner-show li a.more:hover {background-color: #fff; color: #56b454;}
.banner-btn {position: absolute;left: 0; bottom: -60px; width: 100%; text-align: center;}
.banner-btn span {display: inline-block; width: 10px; height: 10px; margin: 0 6px; background-color: #fff; cursor: pointer;transform: rotate(45deg);}
.banner-btn span.on {background-color: #56b454;}

/*首页产品*/
.products {margin-top: 30px;}
.products h3 {color: #56b454; border-bottom: 1px solid #eee; height: 15px; line-height: 30px; margin-bottom: 30px;}
.products-title {float: left; background-color: #fff; padding-right: 15px;}
.products-title span {color: #cbcbcb; font-weight: normal; font-size: 12px;}
.products h3 .more {float: right; display: block; background-color: #fff; padding: 4px 0 0 15px; font-size: 12px; font-weight: normal;}
.products h3 .more a {display: block; background-color: #56b454; color: #fff; padding: 0 10px; line-height: 22px;}

.products-info {clear: both; width: 960px; padding-bottom: 30px; overflow: hidden;}
.products-content li {float: left; width: 225px;margin-right: 20px;}
.products-content li img {width: 223px; height: 167px; border: 1px solid #eee;}
.products-content li h5 { text-align: center; padding: 5px 0; }

/*--------------------------*/
.news, .about, .contact {float: left; width: 300px;}
.news, .about {margin-right: 30px;}
.news h3, .about h3, .contact h3 {color: #56b454; border-bottom: 1px solid #eee; height: 30px; margin-bottom: 10px;}
.news h3 span, .about h3 span, .contact h3 span {color: #cbcbcb; font-size: 12px; font-weight: normal;}
.news h3 a.more, .about h3 a.more, .contact h3 a.more {float: right; font-size: 12px; font-weight: normal;}
.news-info, .about-info, .contact-info {padding-top: 10px;font-size: 12px;}
.news-info li {background: url(../images/icon.jpg) no-repeat 0 center; padding-left: 15px;}
.news-info li span {float: right;}

.page {margin-top: 20px;}
/*左侧*/
.sidebar {float: left; width: 240px;}
.sidebar h3 {background-color: #333; line-height: 50px; padding: 0 30px; color: #fff;}
.cinfo {background-color: #eee;}
.cinfo ul li a {display: block; line-height: 40px; border-bottom: 1px solid #fff;padding: 0 30px;}
.cinfo ul li a:hover,
.cinfo ul li.cur>a {background-color: #56b454; color: #fff;}
.cinfo li ul {padding: 8px 15px;background-color: #f5f5f5;}
.cinfo li ul li a {line-height: 30px; font-size: 12px; border: 0;}
.cinfo li ul li a:hover,
.cinfo li ul li.cur>a {color: #56b454; background: none;}

.l-contact {margin-top: 15px;}
.l-contact-info {padding: 5px 20px 15px; background-color: #eee; font-size: 12px;}

/*右侧*/
.page-info {float: right; width: 690px; overflow: hidden;}
.title {padding-top: 10px; border-bottom: 1px solid #ccc; font-size: 18px; line-height: 39px;}
.info {padding: 15px 0; line-height: 30px;}

/*文字列表*/
.info-list li { border-bottom: 1px dotted #ddd; line-height: 40px; padding-left: 15px; background: url(../images/icon.jpg) no-repeat 0 center; }
.info-list li span {float: right;}
/*图片列表*/
.img-list {width: 720px;}
.img-list li { float: left; width: 210px; overflow: hidden; margin: 15px 30px 15px 0;}
.img-list li.clearleft {clear: left;}
.img-list li img {width: 200px; height: 150px; padding: 4px; border: 1px solid #eee;}
.img-list li p { text-align: center; padding: 5px 0; }

.show-title {font-size: 16px; text-align: center; padding-bottom: 10px; border-bottom: 1px dotted #ddd;}
.show-para {color: #ccc;font-size: 12px; padding: 5px 0;}
.show-content {padding: 10px 0 20px;}
.show-content img {max-width: 100%;}

/*分页*/
.fenye {margin-top: 30px;}
.fenye a { display: inline-block; margin: 0 5px; line-height: 22px; padding: 2px 10px; border: 1px solid #dbe5ee; vertical-align:middle; }
.fenye a:hover, .fenye span { display: inline-block; margin: 0 5px; padding: 2px 10px; border: 1px solid #56b454; background: #56b454; color: #fff; vertical-align:middle; line-height: 22px; }
.fenye a:hover { border: 1px solid #56b454; background: #56b454; color: #fff; }
.flash {position: absolute; top:-70px ; left:80px;}
#footer { margin-top: 30px; border-top: 2px solid #eee; background-color: #fcfcfc; text-align: center; padding: 15px 0; }