@charset "utf-8";
/* CSS Document */

div, dl, dt, dd, ul, ol, li, form, p {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}

.topbar {width: 100%; height: 40px; background: #f9f9f9; border-bottom: #DDD 1px solid; line-height: 40px; color: #555; overflow: hidden;}
	.topbar .wrapper {width: 1200px; height: 40px; margin: 0px auto; overflow: hidden;}
	.topbar .welcome {float: left;}
	.topbar .hotline {padding: 0px 0px 0px 30px; background: url(../images/hotline.png) left center no-repeat; background-size: 20px 20px; line-height: 40px; font-size: 16px; font-weight: bold; color: #009b4c; float: right;}
	

.header {width: 100%; height: 100px;}
	.header .wrapper {width: 1200px; height: 100px; margin: 0px auto;}
	.header .logo {float: left;}
		.header .logo img {display: block;}

.menu {width: 600px; height: 70px; padding: 30px 0px 0px 0px; float: right;}
.menu-btn {display: none;}
.menu-list {width: 100%; height: 70px; overflow: hidden;}
	.menu-list li {width: 120px; height: 70px; text-align: right; line-height: 70px; font-size: 14px; font-weight: bold; overflow: hidden; float: left;}
		.menu-list li a {color: #000;}
		.menu-list li a:hover, .menu-list li a.cur {color: #009b4c;}

.banner {width: 100%; height: auto; overflow: hidden;}
	.banner img {width: 100%; height: auto; display: block;}

.block-title {width: 100%; height: 60px; padding-bottom: 5px; border-bottom: #CCC 1px solid; line-height: 60px; font-size: 30px; color: #009b4c; overflow: hidden;}
	.block-title label {width: 60px; height: 60px; background: #EEE; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; overflow: hidden; float: left; display: block;}
	.block-title span {padding: 15px 10px 0px 10px; line-height: 45px; font-size: 20px; color: #999; float: left; display: inline-block;}
	.block-title a {font-size: 14px; color: #009b4c; float: right;}

.mainbody {width: 100%; height: auto; overflow: hidden;}
	.mainbody .wrapper {width: 1200px; height: auto; margin: 0px auto; overflow: hidden;}
	.mainbody .left {width: 260px; height: auto; padding: 30px 0px; overflow: hidden; float: left;}
	.mainbody .right {width: 900px; height: auto; min-height: 400px; padding: 30px 0px; overflow: hidden; float: right;}

.about {padding: 40px 0px;}
	.about .about-image {width: 370px; height: 210px; margin-top: 30px; overflow: hidden; float: left;}
		.about .about-image img {width: 100%; height: 100%; display: block;}
	.about .about-info {width: 790px; height: 180px; margin-top: 30px; padding: 15px; background: #eef3f9; overflow: hidden; float: right;}
		.about .about-info .about-info-text {width: 100%; height: 180px; line-height: 30px; overflow: hidden;}

.product {padding: 40px 0px;}
	.product ul {width: 1226px; height: auto; min-height: 250px; overflow: hidden;}
		.product ul li {width: 282px; height: auto; margin: 21px 21px 0px 0px; border: #DDD 1px solid; overflow: hidden; float: left;}
		.product ul li:hover {border: #009b4c 1px solid;}
			.product ul li img {width: 280px; height: auto; padding: 1px; display: block;}
			.product ul li p {width: 100%; height: 40px; background: #DDD; text-align: center; line-height: 40px; overflow: hidden;}
			.product ul li:hover p {background: #009b4c; color: #FFF;}

.news {padding: 40px 0px;}
	.news ul {width: 1240px; height: auto; min-height: 162px; overflow: hidden;}
		.news ul li {width: 580px; height: auto; margin: 0px 40px 0px 0px; padding: 20px 0px; border-bottom: #DDD 1px dashed; overflow: hidden; float: left;}
			.news ul li .title {width: 100%; height: 30px; line-height: 30px; font-size: 18px; overflow: hidden;}
			.news ul li .time {width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #999; overflow: hidden;}
			.news ul li .summary {width: 100%; height: 72px; line-height: 24px; color: #666; overflow: hidden;}

.contact {padding: 40px 0px;}
	.contact .contacts {width: 800px; height: auto; margin-top: 30px; overflow: hidden; float: left;}
		.contact .contacts dt {width: 100%; height: auto; padding-bottom: 10px; line-height: 40px; font-size: 24px; overflow: hidden;}
		.contact .contacts dd {width: 100%; height: auto; line-height: 40px; overflow: hidden;}
	.contact .ewm {width: 160px; height: auto; margin-top: 50px; overflow: hidden; float: right;}
		.contact .ewm img {width: 160px; height: 160px; display: block;}
		.contact .ewm p {width: 160px; height: 30px; text-align: center; line-height: 30px; color: #666; overflow: hidden;}

.footer {width: 100%; height: auto; padding: 20px 0px; background: #009b4c; overflow: hidden;}
	.footer .wrapper {width: 1200px; height: auto; margin: 0px auto; text-align: center; line-height: 40px; color: #FFF; overflow: hidden;}
	.footer span {padding: 0px 10px;}
	.footer a {color: #FFF;}

.sub-menu {width: 260px; height: auto; overflow: hidden;}
	.sub-menu dt {width: 100%; height: 60px; background: #009b4c; border-bottom: #FFF 1px solid; text-align: center; line-height: 60px; font-size: 24px; color: #FFF; overflow: hidden;}
	.sub-menu dd {width: 100%; height: 50px; border-bottom: #CCC 1px dashed; text-align: center; line-height: 50px; overflow: hidden;}
		.sub-menu dd a {font-size: 16px; display: block;}
		.sub-menu dd a:hover {background: #666; color: #FFF;}

.page-title {width: 100%; height: 59px; border-bottom: #009b4c 1px solid; line-height: 59px; overflow: hidden;}
	.page-title strong {font-size: 24px; font-weight: normal; float: left;}
	.page-title span {font-size: 12px; color: #666; float: right;}
		.page-title span a {color: #666;}
		.page-title span a:hover {color: #009b4c;}

.page-list {width: 100%; height: auto; min-height: 50px; padding: 20px 0px; box-sizing: border-box; text-align: center; line-height: 28px; font-size: 0; overflow: hidden;}
	.page-list a {margin: 0 3px;}
	.page-list span {width: auto; min-width: 30px; height: 30px; margin: 0 3px; padding: 0 10px; background: #FFF; border: #999 1px solid; border-radius: 5px; box-sizing: border-box; text-align: center; font-size: 12px; color: #333; display: inline-block;}
	.page-list span:hover, .page-list span.cur {background: #009b4c; border: #009b4c 1px solid; color: #FFF; cursor: pointer;}
	.page-list a span {margin: 0;}
	.page-list span.front, .page-list span.front:hover {background: #FFF; border: none; color: #333;}
		.page-list span.front strong {color: #F00;}
	.page-list span.disable, .page-list span.disable:hover {background: #F0F0F0; border: #F0F0F0 1px solid; color: #999;}

.page-single {width: 100%; height: auto; padding: 20px 0px; line-height: 40px; overflow: hidden;}

.news-list {width: 100%; height: auto; overflow: hidden;}
	.news-list li {width: 100%; height: auto; padding: 20px 0px; border-bottom: #DDD 1px solid; overflow: hidden;}
		.news-list li .title {width: 100%; height: auto; line-height: 20px; font-size: 20px; overflow: hidden; float: right;}
		.news-list li .summary {width: 100%; height: auto; max-height: 120px; padding-top: 20px; line-height: 30px; color: #666; overflow: hidden; float: right;}
		.news-list li .time {width: 100%; height: auto; padding-top: 20px; line-height: 20px; color: #999; overflow: hidden; float: right;}

.list {width: 100%; height: auto; overflow: hidden;}
	.list li {width: 32%; height: auto; margin: 2% 2% 0px 0px; background: #FFF; border: #DDD 1px solid; box-sizing: border-box; overflow: hidden; float: left;}
	.list li:hover {border: #009b4c 1px solid;}
	.list li:nth-child(3n) {margin: 2% 0px 0px 0px;}
	.list li:nth-child(3n+1) {clear: left;}
		.list li a {display: block;}
		.list li .image {width: 100%; height: auto; overflow: hidden;}
			.list li .image img {width: 100%; height: auto; display: block;}
		.list li .title {width: 100%; height: 40px; background: #DDD; text-align: center; line-height: 40px; overflow: hidden; transition: all 0.5s;}
		.list li:hover .title {background: #009b4c; color: #FFF; transition: all 0.5s;}

.detail {width: 100%; height: auto; padding: 40px 0px; overflow: hidden;}
	.detail .title {width: 100%; height: auto; padding-top: 10px; text-align: center; line-height: 40px; font-size: 36px; overflow: hidden;}
	.detail .time {width: 100%; height: auto; padding: 20px 0px; border-bottom: #DDD 1px solid; text-align: center; line-height: 24px; font-size: 16px; color: #999; overflow: hidden;}
	.detail .image {width: 100%; height: auto; padding-top: 10px; text-align: center; overflow: hidden;}
	.detail .content {width: 100%; height: auto; padding-top: 20px; line-height: 40px; overflow: hidden;}
.product-detail {width: 100%; height: auto; padding: 50px 0px; overflow: hidden;}
	.product-detail .item {width: 46%; height: auto; padding: 0px 0px 20px 0px; line-height: 24px; overflow: hidden; float: right;}
	.product-detail .title {font-size: 24px;}
	.product-detail .image {width: 50%; height: auto; border: #a1a1a1 1px solid; box-sizing: border-box; overflow: hidden; float: left;}
		.product-detail .image img {width: 100%; height: auto; display: block;}
	.product-detail .content-title {width: 100%; height: 40px; margin: 30px 0px 0px 0px; border-bottom: #009b4c 1px solid; overflow: hidden; float: left;}
		.product-detail .content-title span {width: auto; height: 40px; padding: 0px 20px; background: #009b4c; border-radius: 5px 5px 0px 0px; line-height: 40px; color: #FFF; display: inline-block;}
	.product-detail .content {width: 100%; height: auto; padding: 20px 0px; line-height: 40px; overflow: hidden; float: left;}
	
@media (max-width: 1200px) {
	body {width: 1200px;}
}