@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body{margin:0;padding:0; font-size:12px; 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;}


#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;}



.list1{ float:left; width:1200px; margin-top:60px;}
.list1 ul li{float:left; position:relative;  width:192px; height:307px; color:#00235f; border:1px solid #e6e6e6; margin-left:6px; 
  
}
 .ddd{ background-image:url(../images/honors_01.png); width:63px; height:123px; margin:0 auto;}
.list1 a:hover .ddd  {background-image:url(../images/honors.png) !important; width:63px; height:123px;margin:0 auto; clear:both }
.list1 ul li a{width:100%; height:100%; background: #FFF ; position:absolute; top:0; left:0; display:block; }
.list1 ul li dt{font-size:18px; text-transform:uppercase; text-align:center; padding-top:30px; line-height:24px; padding-bottom:20px;}
.list1 ul li  span{ font-size:14px;}
 .list1 ul li img{ text-align:center; float:left;}
.list1 ul li strong{ font-weight:normal; float:left; font-size:12px; text-align: center; width:100%; line-height:30px; border-top:1px dashed #cfcfcf}
 .list1 a:hover{ background:#23ac38; width:192px; height:307px; z-index:9999999; color: #FFF   ; text-align:center;}
.list1 a:hover img{ }
.list1 a:hover dt{ font-size:18px; line-height:34px; float:left; text-align:center; width:100%;}
.list1 a:hover span{ font-size:12px;}
.list1 a:hover strong{ font-size:12px;}

 .dddd{ background-image:url(../images/culture_01.png); width:63px; height:123px; margin:0 auto;}
.list1 a:hover .dddd  {background-image:url(../images/culture.png) !important; width:63px; height:123px;margin:0 auto; clear:both }

.list1 ul li h7{ font-size:12px;}

 .dd{ background-image:url(../images/fazhan_01.png); width:63px; height:123px; margin:0 auto;}
.list1 a:hover .dd {background-image:url(../images/fazhan.png) !important; width:63px; height:123px;margin:0 auto; clear:both }


 .ddddd{ background-image:url(../images/zuzhi_01.png); width:63px; height:123px; margin:0 auto;}
.list1 a:hover .ddddd {background-image:url(../images/zuzhi.png) !important; width:63px; height:123px;margin:0 auto; clear:both }

 .dddddd{ background-image:url(../images/wenhua.png); width:63px; height:123px; margin:0 auto;}
.list1 a:hover .dddddd {background-image:url(../images/wenhua_01.png) !important; width:63px; height:123px;margin:0 auto; clear:both }

 .ddddddd{ background-image:url(../images/con_01.png); width:63px; height:123px; margin:0 auto;}
.list1 a:hover .ddddddd {background-image:url(../images/contact.png) !important; width:63px; height:123px;margin:0 auto; clear:both }

.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:105px;}
.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}







#box {width:370px; height:249px; background:#fff; position: relative; overflow: hidden;z-index:5000;}
#list {position:absolute; left:0; top:0;}
#list li {width:370px; height:249px;  cursor: pointer;}
#num {position: absolute; right:10px; bottom:10px;}
#num li {width:16px; height:16px; float:left; margin-right:2px; color:#fff; cursor: pointer; font-size: 12px; line-height:16px; text-align: center; border:1px solid #fff;}
.active {background:#ff6600;}


.newsleft{ float:left; width:370px; margin-right:40px; padding-bottom:138px; padding-top:62px;}
.newsmid{ float:left; width:350px;padding-bottom:138px; padding-top:82px; color:#898989; line-height:24px; padding-right:74px;}
.newsmid strong{ float:left; width:280px; font-size:16px; font-weight:normal; padding-bottom:10px; border-bottom:2px solid #23ac38; margin-right:144px;}
.newsmid span{ float:left; font-size:24px; color:#949494; width:424px; padding-top:10px; padding-bottom:10px;}

.newsright{ float:left;  width:490px; padding-top:82px;}


.tab {
  width: 490px;
 
}
.tab-title {
  height: 30px;
  font-size: 0;border-bottom:1px solid #23ac38;
  
}
.tab-title .item {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #333;
  font-size: 16px;
}
.tab-title .item-cur {
  color:#23ac38 ; border-bottom:2px solid #f48c03;
  
}
.tab-cont {
  position: relative;
 
  width: 490px;
  height: 350px;
  overflow: hidden;
}
.tab-cont__wrap {
  position: absolute;
}
.tab-cont .item {
  width:490px; float:left;}

.tab-cont .item  span{ float:left; font-size:13px; color:#828282; line-height:30px; margin-top:10px;margin-bottom:10px;}
.tab-cont .item  strong{ float: right; font-size:14px; color: #000; font-weight:normal;margin-top:10px; margin-bottom:10px;}
.tab-cont .item a{ width:490px; float:left; }
.tab-cont .item a:hover{ background-color:#23ac38; color:#FFF; }