@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body{margin:0;padding:0; font-size:15px; font-family:"微软雅黑"; width:100%;}
fieldset,img{border:0;}

ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
a{text-decoration:none; color: #000;}
a:hover{text-decoration:none; color:#23ac38;}
.clear{clear:both;}

.index_focus {position: relative;width: 100%;height:558px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%; text-align:center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:558px;display: block; text-align:center;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute;l/eft: 45%;bottom:3%; width:100%; text-align:center;}
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:70px;font-family: arial;color: #23ac38;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #f1731f;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}


.index_focus_pre {left: 130px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 130px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_next {right: 130px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 130px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}

.search{ float:left; width:250px; margin-top:20px;}

#lanrenzhijia{ width:230px; height:280px; position:fixed; right:-190px; top:360px; background: url(../images/lanrenzhijia.png) no-repeat 0 0;}
#lanrenzhijia .lanren{ width:160px; height:280px; float:right; overflow:hidden; text-align: left; font-size:13px;color:#013984; padding-left:20px; line-height:22px; padding-right:10px; }
#lanrenzhijia .lanren a:hover{ color:#22ad38;}



.wrap{ margin:0 auto; width:1204px;}
h1{ float: left; margin:0px ; padding-top:10px;}
.video{ float:left; margin:0px; padding:0px; width:453px;}
.nav{ float:left; width:1204px; background-color:#23ac38; height:41px; line-height:41px;}





#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu {
	width:1200px;

	
	background-color: #169229;
	background-image: -moz-linear-gradient(#23ac38, #169229);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#23ac38), to(#169229));
	background-image: -webkit-linear-gradient(#23ac38, #169229);
	background-image: -o-linear-gradient(#23ac38, #169229);
	background-image: -ms-linear-gradient(#23ac38, #169229);
	background-image: linear-gradient(#23ac38, #169229);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}
#menu:before, #menu:after {
	content: "";
	display: table;
}
#menu:after {
	clear: both;
}
#menu {
	zoom: 1;
}
#menu li {
	float: left;
	
	-moz-box-shadow: 1px 0 0 #23ac38;
	-webkit-box-shadow: 1px 0 0 #23ac38;
	box-shadow: 1px 0 0 #23ac38;
	position: relative;
}
#menu a {
	float: left;
	padding: 12px 32px;
	color: #FFF;
	text-transform: uppercase; font-size:14px;
	text-decoration: none;
	
}
#menu li:hover > a {
	color: #fafafa;
}
*html #menu li a:hover {
	color: #fafafa;
}
#menu ul {
	margin: 10px 0 0 0;
	_margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 1;
	background: #23ac38;
	background: -moz-linear-gradient(#23ac38, #169229);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#23ac38), to(#169229));
	background: -webkit-linear-gradient(#23ac38, #169229);
	background: -o-linear-gradient(#23ac38, #169229);
	background: -ms-linear-gradient(#23ac38, #169229);
	background: linear-gradient(#23ac38, #169229);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0;
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0;
	-moz-box-shadow: 0 1px 0 #169229, 0 1px 0 #FFF;
	-webkit-box-shadow: 0 1px 0 #169229, 0 1px 0 #FFF;
	box-shadow: 0 1px 0 #169229, 0 2px 0 #FFF;
}
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a {
	padding: 10px;
	width: 130px;
	_height: 10px;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none; font-size:12px;
}
#menu ul a:hover {
	background-color: #ff9600;
	background-image: -moz-linear-gradient(#e78b07, #ff9600);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e78b07), to(#ff9600));
	background-image: -webkit-linear-gradient(#e78b07, #ff9600);
	background-image: -o-linear-gradient(#e78b07, #ff9600);
	background-image: -ms-linear-gradient(#e78b07, #ff9600);
	background-image: linear-gradient(#e78b07, #ff9600);
}
#menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0; font-size:12px;
}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #23ac38;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #1c9f30;
}
#menu ul li:first-child a:hover:after {
	border-bottom-color: #e78b07;
}
#menu ul ul li:first-child a:hover:after {
	border-right-color: #f39104;
	border-bottom-color: transparent;
}
#menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
/* Mobile */
#menu-trigger {
	display: none;
}
@media screen and (max-width: 600px) {
	/* nav-wrap */
	#menu-wrap {
		position: relative;
	}
	#menu-wrap * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* menu icon */
	#menu-trigger {
		display: block;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		padding: 0 0 0 35px;
		border: 1px solid #222;
		color: #fafafa;
		font-weight: bold;
		background-color: #169229;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}
	/* main nav */
	#menu {
		margin: 0;
		padding: 10px;
		position: absolute;
		top: 40px;
		width: 100%;
		z-index: 1;
		background-color: #23ac38;
		display: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu:after {
		content: '';
		position: absolute;
		left: 25px;
		top: -8px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #23ac38;
	}
	#menu ul {
		position: static;
		visibility: visible;
		opacity: 1;
		margin: 0;
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu ul ul {
		margin: 0 0 0 20px !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu li {
		position: static;
		display: block;
		float: none;
		border: 0;
		margin: 5px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu ul li {
		margin-left: 20px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#menu a {
		display: block;
		float: none;
		padding: 0;
		color: #999;
	}
	#menu a:hover {
		color: #fafafa;
	}
	#menu ul a {
		padding: 0;
		width: auto;
	}
	#menu ul a:hover {
		background: none;
	}
	#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {
		border: 0;
	}
}
@media screen and (min-width: 600px) {
	#menu {
		display: block !important;
	}
}
/* iPad */
.no-transition {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;
}
#menu li:hover > .no-transition {
	display: block;
}



.bd{ float:left; width:100%; background-color:#f7f7f7; padding-bottom:90px;}



.an01 a{position:absolute; width:50px; height:200px; background:#ffffff; top:100px; right:0px; text-align:center; font-size:23px }
.an02 a{position:absolute; width:50px; height:200px; background:#23ac38; top:100px; left:0px;font-size:23px; color:#FFF}
.an03 a{position:absolute; width:50px; height:200px; background:#ff8a00; top:260px; right:0px; font-size:23px;color:#FFF}

.about{ float:left; background:url(../images/inddex1_10.jpg) no-repeat top center; height:438px; width:100%; margin-bottom:87px;}
.aboutleft{ float:left; width:787px; color:#FFF;}
.aboutleft span{ font-size:20px;float:left; padding-top:80px; width:787px;}
.aboutleft1{ float:left; line-height:24px; width:380px; padding-top:20px; padding-left:15px; text-indent:28px; padding-right:397px; padding-bottom:40px;}
.more{ padding:10px 40px; background-color:#23ac38; color: #FFF; }
.more a{ color:#FFF}
.more a:hover{ color:#ff6e01}
.aboutright{ float:left;width:417px;color:#FFF;}
.aboutright span{ font-size:20px;float:left; padding-top:80px; width:417px;}
.aboutright1{ float:left; line-height:24px; width:380px; padding-top:20px;  text-indent:28px;  padding-bottom:40px; padding-left:17px;}




.product{ float:left; background-color:#f1ece6; width:100%; padding-bottom:85px; padding-top:50px;}
.product h3{ font-size:24px; text-align:center; font-weight:normal;}
.product h4{ font-size:12px; font-weight:normal; color:#7b7b7b; text-align:center;}
.pro{ float:left; width:1204px; margin-top:10px; text-align:center; margin-bottom:88px;}
.pro ul{ float:left; margin:0px; padding:0px;}
.pro ul li{ float:left; width:190px; padding-left:5px; padding-right:5px;}
.pro ul li p{ background-color:#23ac38; float:left; height:40px; width:190px; line-height:40px; padding:0px; margin:0px; font-size:18px;}
.pro ul li a{ color:#FFF}
.pro ul li a:hover{ color:#ff8a00}

.qixia{ float:left; padding-left:50px; padding-right:50px; width:1101px; border:1px solid #23ac38; border-top:none; padding-bottom:30px; padding-top:30px}
.qixia a{ font-size:14px; padding-right:15px;}
.footer{ float: left; background:url(../images/inddex1_11.jpg) no-repeat top center; height:308px; width:100%}
.footer1{ float:left; width:1204px; text-align:center; color:#FFF; padding-top:62px; padding-bottom:66px;}
.footer1 a{ color:#FFF; padding-right:14px; padding-left:14px}
.footer1 a:hover{ color:#23ac38}
.footer2{ float: left; width:1204px; text-align:center; color:#FFF; font-size:13px; line-height:34px;}
.footer2 a{ color:#FFF}
.footer2 a:hover{ color:#23ac38}


.left{ float:left; margin-top:40px; width:250px; margin-right:24px; display:inline; margin-bottom:40px;}
.left ul{ float:left; margin:0px; padding:0px}
.left ul li{ float: left; width:250px; height:35px; line-height:35px; background-color:#f1ece6; margin-top:10px}
.left ul li a{ display:block; font-size:14px;}
.left ul li a:hover{background-color:#23ac38; color:#FFF;}

.left1{ float:left; width:250px; line-height:70px; height:70px; background-color:#23ac38; text-align:center; color:#FFF; font-size:22px;}
.right{ float:left; margin-top:40px; width:930px; margin-bottom:40px;}
.right1{ float:left; width:930px; line-height:24px; border-bottom:1px solid #f1ece6; font-size:17px;}
.right2{ float:left; padding-top:10px; width:930px; line-height:24px; text-indent:28px;}

.right3{ float:left; padding-top:10px; width:930px; line-height:24px; }

.pordectsd{ margin-bottom:10px; float:left}
.pordectsd ul{ margin-top:10px; float:left}
.pordectsd ul li{ width:280px;float:left; text-align:center; margin:16px 10px 0px 16px; overflow:hidden; display:inline; height:220px;}
.pordectsd ul li img{ width:280px;margin-bottom:0px; }
.pic03{ height:180px;  overflow:hidden;border:1px solid #CCCCCC; }
.newspage {
 width:930px;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN: center
}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #23ac38; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #23ac38; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #23ac38; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.fy {
	line-height: 40px;
	float: left;
	width: 100%;
	margin-top: 15px;
	text-align: center;
}





.news{ float:left; width:930px; margin-top:10px; margin-bottom:20px;}
.news ul{ float:left; margin:0px; padding:0px}
.news ul li{ float:left; width:930px; line-height:30px; height:30px;border-bottom:1px dashed #e6e6e6;  font-size:12px; }

.news ul li a{ padding-left:20px; float:left; display:inline}

.table{border-collapse:collapse;}
.table{border:1px solid;border-color:#ececec;   }   
.table td{border:1px solid;border-color:#ececec;}   
.table th{border:1px solid; border-color:#ececec;   }

.chanpinxin{ margin-bottom:10px; float:left}
.chanpinxin ul{ margin-top:10px; float:left}
.chanpinxin ul li{ width:210px;float:left; text-align:center; margin:16px 10px 0px 10px; overflow:hidden; display:inline; height:200px;}
.chanpinxin ul li img{ width:210px;margin-bottom:0px; }
.pic113{ height:163px;  overflow:hidden;border:1px solid #CCCCCC; }




.liebiaoxin{ margin-bottom:10px; float:left}
.liebiaoxin ul{ margin-top:10px; float:left}
.liebiaoxin ul li{ width:210px;float:left; text-align:center; margin:16px 10px 0px 10px; overflow:hidden; display:inline; height:300px;}
.liebiaoxin ul li img{ width:210px;margin-bottom:0px; }
.pic103{ height:263px;  overflow:hidden;border:1px solid #CCCCCC; }