@charset "utf-8";
* { margin:0px auto; text-decoration:none; font-family:"微软雅黑";}

.clear { clear:both;}
a { text-decoration:none;}
.fl{float:left !important;display:inline;}
.fr{float:right !important;display:inline;}
.singleArticle img { margin:10px;    max-width: 100%;}
/* ~~ 元素/标签选择器 ~~ */
ul, li, ol, dl { /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0px auto;
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px; /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}
a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
	color:#414958;
	text-decoration:none; /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */

@media screen and (min-width:960px) and (max-width:1920px) {
	
.container {
	width: 100%;
	max-width:100%;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width: 961px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	background-color: #FFF;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}
/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.toper { width:100%; height:2.3rem; background:url(../images/topbg.jpg) left top repeat-x;}

.ttop { width:80%; height:2.3rem; line-height:2.3rem; color:#999; background:url(../images/top01.jpg) right center no-repeat; } 


}

@media screen and (max-width: 640px) {
	.container {
	width: 100%;
	max-width:100%;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width: 320px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	background-color: #FFF;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}
/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.toper { width:100%; height:2.3rem; background:url(../images/topbg.jpg) left top repeat-x;}

.ttop { width:100%; height:1.8rem; line-height:1.8rem; font-size:.5rem; color:#999; background:url(../images/top01.jpg) right center no-repeat;background-size:22% auto; } 

.location{
	width:99%;
	height: 55px;
	overflow: hidden; 
	line-height: 55px;
	font-size:.5rem;
	border-bottom:1px solid #ddd;
	float:left;
}
.singleArticle{
	width: 98%;
	margin:0px auto;
	height:auto;
	overflow: hidden;
	font-size:.5rem;
	color:#929292;
	padding: 20px 0px;
}
}

@media screen and (min-width:640px) and (max-width:960px) {
	.container {
	width: 100%;
	max-width:100%;/* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
	min-width: 640px;/* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
	background-color: #FFF;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}
/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.toper { width:100%; height:2.3rem; background:url(../images/topbg.jpg) left top repeat-x;}

.ttop { width:80%; height:2.3rem; line-height:2.3rem; color:#999; background:url(../images/top01.jpg) right center no-repeat; } 
.singleArticle{
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	color:#929292;
	line-height: 20px;
	padding: 20px 0px;
}

}





/*
* location
*/

.location{
	width:99%;
	height: 55px;
	overflow: hidden; 
	line-height: 55px;
	border-bottom:1px solid #ddd;
	float:left;
}

.cont_menu{
	display:block;
	height: 55px;
	font-size: 24px;
	color:#3ab54a;
	overflow: hidden;
}




.location_t a,
.location_t{
	font-size: 12px;
	color:#888;
	font-family: "宋体";
}

.location_t i{
	padding:0px 8px;
}

.location_t a:hover{
	color:#555;
	/*font-weight: bold;*/
}

.location_t a:last-child{
	color:#555;
	font-weight: bold;
}

@media screen and (min-width:960px) and (max-width:1920px) {
	.productcar { width:28rem; margin:0px auto; display:none;}
.productcar li { width:8rem; height:2rem; margin:0rem 0.5rem; float:left;}
.productcar li a { width:8rem; float:left; background:#d5d5d5; font-size:12px; text-decoration:none; height:35px; line-height:35px;}
.productcar li a:hover { width:8rem; float:left; background:#3ab54a; color:#FFF;}

/* ~~ 脚注 ~~ */
.footer {
	width:100%;
	padding: 10px 0;
	font-size:14px;
	background-color: #fff;
	color:#666;
	text-align:center;
}
.singleArticle{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	color:#929292;
	line-height: 20px;
	padding: 20px 0px;
}
.indexp { width:60%; height:22rem; text-align:center; }
.indexp h1 { width:100%; font-size:1.3rem; height:1.6rem; color:#43ba2c; font-weight:400;}
.indexp h2 { width:100%; font-size:1rem;  color:#999; height:auto; font-weight:400;}
.indexp p {font-size:0.8rem; color:#666; height:auto; line-height:1.5rem; margin:1rem auto;}

.indexp li { width:31%; height:auto; text-align:center; overflow: hidden; margin:1% 1%; float:left;}
.indexp li img { width:100%; height:auto;}

.indexpmore { width:100%; height:3rem; text-align:center;}
.indexpmore p { width:5rem; border:1px #e2e2e2 solid; height:2rem; line-height:2rem;}
.indexpmore p a { text-decoration:none; font-size:.8rem;}

	
.header {
	 width:80%; 
}
.logo { width:20%; float:left; margin:1rem auto;}
.logo img { width:100%; height:auto;}
.nav { width:70%; float:right; height:6rem;}
.nav li { width:16%; float:left; height:100%; text-align:center; line-height:6rem;}
.nav li a { width:100%; text-align:center; text-decoration:none ; float:left;}
.nav li a:hover { background: #2dbc2c; color:#FFF;}
}
/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/





.content {
	padding: 10px 0;
	height:auto;
	overflow:hidden;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}



/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->


.flexslider{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%; float:left}
.slides{position:relative;z-index:1; height:450px; overflow:hidden;}
.slides li{height:450px; overflow:hidden;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.slides li a{ width:100%; height:450px; display:block;display:flex;justify-content:center;align-items:center;}

.banner_w{
	display:flex;justify-content:space-between;align-items:flex-start;
}
.banner_w .left{
	width: 70%;
	display: flex;flex-direction: column;align-items: flex-start;justify-content:flex-start;
	color: #fff;
	line-height: 1.2;
}
.banner_w .left p{
	width: 100%;
	padding:0;
}
.banner_w .left .p1{
	font-size: 34px;
    margin-bottom: 0px;
	line-height: 1;
}
.banner_w .left .p2{
	font-size: 33px;
}
.banner_w .left .sk{
	width: 50%;
	background: #96da39;
	height: 8px;
	margin: 20px 0;
}
.banner_w .left .p3{
	font-size: 27px;
	margin-bottom: 5px;
}
.banner_w .left .p4{
	font-size: 15px;
}
.banner_w .right{
	width: 30%;
	display:flex;justify-content:flex-end;align-items:flex-start;
}
.banner_w .right img{
	width: 150px;
}

.indexnews { width:100%; background:url(../images/bodybg.jpg) bottom left repeat-x; height:46px; }

.contBox{
	width: 100%;
	overflow: hidden;
	position:relative;
	padding:2rem 0rem;
}




@media screen and (min-width:640px) and (max-width:960px) {
	
.indProName{
	display: block;
	height: 35px;
	text-align:center;
	line-height: 35px;
	overflow: hidden;
	font-size: 1rem;
	color:#666;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.indexp {
width:100%;
height:auto;
overflow:hidden;
text-align:center;}
.indexp h1 {
	width:100%;
font-size:1.3rem;
height:1.6rem;
color:#43ba2c;
font-weight:400;}
.indexp h2 { width:100%; font-size:1rem;  color:#999; height:auto; font-weight:400;}
.indexp p {font-size:0.5rem; color:#666; height:auto; line-height:1.0rem; margin:.5rem auto;}
.indexp li { width:31%; height:auto; text-align:center; overflow: hidden; margin:1% 1%; float:left;}
.indexp li img { width:100%; height:auto;}
.indexpmore { width:100%; height:3rem; text-align:center;}
.indexpmore p { width:3.5rem; border:1px #e2e2e2 solid; height:1.5rem; line-height:1.5rem;}
.indexpmore p a { text-decoration:none; font-size:.5rem; line-height:1.5rem;}


.indexcar { width:100%; margin:0px auto; text-align:center;}
.indexcar li { width:8rem; height:2rem; margin:0rem 0.5rem;display:inline;}
.indexcar li a { width:8rem;  background:#d5d5d5; font-size:12px; text-decoration:none; padding:8px 15px; height:35px; line-height:35px;}
.indexcar li a:hover { width:8rem;  background:#3ab54a; color:#FFF;}


.product_plist { width:100%; height:auto; overflow:hidden;}
.product_plist li {width:31%; float:left; height:210px;  text-align:center; margin:1%; }
.product_plist li img { border:1px #d8d8d8 solid; width:94%; height:8rem; }
.product_plist li a { width:100%; float:left;line-height:20px; height:auto; background:#e2e2e2;  color:#4e4e4e}
.product_plist li a:hover {background:#87b857; color:#fff}
.indexnlist { width:100%; height:46px; color:#666; line-height:46px; font-size:14px; }

/* ~~ 脚注 ~~ */
.footer {
	width:100%;
	padding: 10px 0;
	font-size:0.5rem;
	background-color: #fff;
	color:#666;
	text-align:center;
}

.leftNav{
	display:none;
}

.wrap1{
	width: 100%;
	margin: 0px auto;
	margin-bottom:20px;
	height:auto;
	overflow:hidden;
}
.maptext {
	font-size:14px; text-align:center; width:100%;line-height:2;}
.mapa {
	width:95%; height:20rem; border:5px #e2e2e2 solid
	}
.rightBox{
	width: 100%;
	min-height:538px;
	height:auto !important;
	height:538px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 1px 1px #cccccc;
}

.header {width:100%;}
.logo { width:100%;text-align:center}
.logo img { width:30%; height:auto; text-align:center}
.nav { width:100%;  height:3rem;}
.nav li { width:16%; float:left; height:100%; text-align:center; line-height:3rem;}
.nav li a { width:100%; font-size:.5rem; text-align:center; text-decoration:none ; float:left;}
.nav li a:hover { background: #2dbc2c; color:#FFF;}

}


@media screen and (max-width:640px) {
	.banner_w .right{display: none;}
.indProName{
	display: block;
	height: 35px;
	text-align:center;
	line-height: 35px;
	overflow: hidden;
	font-size: .5rem;
	color:#666;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.indexp {
width:100%;
height:auto;
overflow:hidden;
text-align:center;}
.indexp h1 {
	width:100%;
font-size:1.3rem;
height:1.6rem;
color:#43ba2c;
font-weight:400;}
.indexp h2 { width:100%; font-size:1rem;  color:#999; height:auto; font-weight:400;}
.indexp p {font-size:0.5rem; color:#666; height:auto; line-height:1.0rem; margin:.5rem auto;}
.indexp li { width:31%; height:auto; text-align:center; overflow: hidden; margin:1% 1%; float:left;}
.indexp li img { width:100%; height:auto;}
.indexpmore { width:100%; height:3rem; text-align:center;}
.indexpmore p { width:3.5rem; border:1px #e2e2e2 solid; height:1.5rem; line-height:1.5rem;}
.indexpmore p a { text-decoration:none; font-size:.5rem; line-height:1.5rem;}

.indexcar { width:100%; margin:0px auto; text-align:center;}
.indexcar li { width:8rem; height:2rem; margin:0rem 0.5rem;display:inline;}
.indexcar li a { width:8rem;  background:#d5d5d5; font-size:12px; text-decoration:none; padding:8px 15px; height:35px; line-height:35px;}
.indexcar li a:hover { width:8rem;  background:#3ab54a; color:#FFF;}


.product_plist { width:100%; height:auto; overflow:hidden;}
.product_plist li {width:31%; float:left; height:auto;  text-align:center; margin:1%; }
.product_plist li img { border:1px #d8d8d8 solid; width:95%; height:8rem; }
.product_plist li a { width:100%; float:left;line-height:20px; height:auto; background:#e2e2e2;  color:#4e4e4e}
.product_plist li a:hover {background:#87b857; color:#fff}
.indexnlist { width:100%; height:3rem; color:#666; line-height:3rem; font-size:.5rem; }
.wrap{
	width: 99%;
	margin:0px auto;
	height:auto;
	overflow:hidden;
}
.leftNav{
	display:none;
}

.wrap1{
	width: 99%;
	margin: 0px auto;
	margin-bottom:20px;
	height:auto;
	overflow:hidden;
}
/* ~~ 脚注 ~~ */
.footer {
	width:100%;
	padding: 10px 0;
	font-size:0.5rem;
	background-color: #fff;
	color:#666;
	text-align:center;
}
.header {width:100%;}
.logo { width:100%;text-align:center}
.logo img { width:30%; height:auto; text-align:center}
.nav { width:100%;  height:3rem;}
.nav li { width:16%; float:left; height:100%; text-align:center; line-height:3rem;}
.nav li a { width:100%; font-size:.5rem; text-align:center; text-decoration:none ; float:left;}
.nav li a:hover { background: #2dbc2c; color:#FFF;}


}

@media screen and (min-width:960px) and (max-width:1920px) {

.indProName{
	display: block;
	height: 35px;
	text-align:center;
	line-height: 35px;
	overflow: hidden;
	font-size: 1rem;
	color:#666;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.indexcar { width:100%; margin:0px auto; text-align:center;}
.indexcar li { width:8rem; height:2rem; margin:0rem 0.5rem;display:inline;}
.indexcar li a { width:8rem;  background:#d5d5d5; font-size:12px; text-decoration:none; padding:8px 15px; height:35px; line-height:35px;}
.indexcar li a:hover { width:8rem;  background:#3ab54a; color:#FFF;}


.indexnlist { width:80%; height:46px; color:#666; line-height:46px; font-size:14px; }
.product_plist { width:100%; height:auto; overflow:hidden;}
.product_plist li {width:31%; float:left; height:280px;  text-align:center; margin:1%; }
.product_plist li img { width:93%; height:82%; }
.product_plist li a { width:100%; float:left;line-height:10px; height:100%; background:#e2e2e2;  color:#4e4e4e}
.product_plist li a:hover {background:#87b857; color:#fff}
	
.wrap{
	width: 80%;
	margin:0px auto;
}
.wrap1{
	width: 80%;
	margin: 0px auto;
	margin-bottom:20px;
	height:auto;
	overflow:hidden;
}
.maptext {font-size:14px; float:left; width:37%;line-height:2;}
.mapa {
	width:60%; float:right; height:20rem; border:5px #e2e2e2 solid
	}
.rightBox{
	width: 75%;
	min-height:538px;
	height:auto !important;
	height:538px;
	overflow: hidden;
	background: #fff;
	padding:0px 20px;
	box-shadow: 0px 1px 1px #cccccc;
}



.indPro_dl{
	width: 100%;
	height: autopx;
	overflow: hidden;
}

.indPro_dl dd{
	width: 31%;
	height: auto;
	overflow: hidden;
	float: left;
	display: inline;
	margin-right: 1.0rem;
}

.indPro_dl dd:hover .indProImg{
	border-color: #8ec65d;
}

.indProImg{
	display: block;
	width: 98%;
	height: 272px;
	overflow: hidden;
	border:1px solid #dadada;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.indProImg img{
	display: block;
	/* width: 100%; */
	height: auto;
	overflow: hidden;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	max-width: 100%;
	max-height: 100%;
}

.indProImg:hover img{
	-webkit-transform:translate(0px,0px);
	-moz-transform:translate(0px,0px);
	-o-transform:translate(0px,0px);
	transform:translate(0px,0px);
}

.indProDeta{
	width: 100%;
	overflow: hidden;
}


a.indProName:hover{
	color:#8ec65d;
}

.indProIntr{
	height: 40px;
	overflow: hidden;
	font-size: 12px;
	color:#666;
	font-family: "宋体";
	line-height: 20px;
}
}




.IndTit{
	width: 100%;
	overflow: hidden;
	height:auto;
	text-align: center;
}

.indTitName{
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 20px;
	color:#3fb152;
	font-weight: bold;
	background: url(../images/indTitName.png) no-repeat center bottom;
}

.indTitMore{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 12px;
	text-decoration:none;
	color:#958c8f;
}
a.indTitMore { text-decoration:none;}
a.indTitMore:hover{
	text-decoration:none;
}
/*
* 产品中心
*/


.indProduct{
	width: 100%;
	position: relative;

	}

.indProduct .bd{
	width: 100%;
	overflow: hidden;
	padding:20px 0px 40px;
}


.indProMore{
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
}

.indProMore a{
	display: inline-block;
	font-size: 12px;
	color:#69b21c;
	font-family: "宋体";
	padding:5px 25px;
	border:1px solid #69b21c;
	background: #fdfdfd;
	border-radius: 3px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.indProMore a:hover{
	background: #69b21c;
	color:#fff;
}

.indProduct .bt{
	display: block;
	width: 20px;
	height: 40px;
	overflow: hidden;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.indProduct .prev{
	position: absolute;
	left: -40px;
	top:125px;
	background: url(../images/proPrev.png) no-repeat center center;
}

.indProduct .prev:hover{
	background: url(../images/proPrev_h.png) no-repeat center center;
}

.indProduct .next{
	position: absolute;
	right: -40px;
	top:125px;
	background: url(../images/proNext.png) no-repeat center center;
}

.indProduct .next:hover{
	background: url(../images/proNext_h.png) no-repeat center center;
}
.bg_fd { background:#f5f5f5;}






/*
* leftNav
*/

.leftNav{
	width: 18%;
	position: relative;
	box-shadow: 0px 1px 1px #cccccc;
	background: #fff;
}


.leftNavTit{
	width:100%; 
	height:50px;
	overflow: hidden;
	position: relative;
	top:0px;
	left: 0px;
	background: #8ec65d;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	z-index:120;
	color:#fff;
}

.left_box1{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.leftNav_dl{
	background: #fff;
	overflow: hidden;
	padding: 10px 0px 30px 0px;
	border-bottom:2px solid #8ec65d;
}

.leftNav_dl dd{
	overflow: hidden;
	padding-left:20px;
}

.leftNavTop_a{
	padding-right: 35px;
	height: 35px;
	overflow: hidden;
	position: relative;
}

.leftNavTop_a span{
	display: block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top:0px;
	cursor: pointer;
	display: none;
	background: url(../images/leftNavIcon.png) no-repeat 10px 14px;
}

.leftNavTop_a span.on{
	background: url(../images/leftNavIcon.png) no-repeat 10px -10px;
}

.leftNav_dl dd.hover .leftNav_a:hover,
.leftNav_dl dd.hover .leftNav_a{
	color:#8ec65d !important;
}

.leftNav_a{
	display: block;
	height:35px;
	line-height:35px;
	font-size:14px;
	text-decoration:none;
	overflow:hidden;
	color:#333333 !important;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

.leftNav_a:hover{
	color:#8ec65d !important;
}

.subNav_ul{
	width:100%;
	overflow:hidden;
	display:none;
}

.subNav_ul li{
	overflow:hidden;
	height:25px;
	padding-left:10px;
}

.subNav_ul li a{
	display:block;
	height:25px;
	overflow:hidden;
	line-height:25px;
	font-size:14px;
	color:#333;
}

.subNav_ul li.hover a,
.subNav_ul li a:hover{
	color:#8ec65d;
}

.leftNav_dl dd.hover  .subNav_ul{
	display:block;
}



.contentBox{
	width: 100%;
	overflow: hidden;
	float:left;
}




/*文章详细*/
.article_details{padding:0px; width:100%;}
.article_details img{max-width: 100%;}
.article_details dl{width:100%;}
.article_details dl dt{width:100%;height:40px;}
.article_details dl dt span{width:49%;height:40px;line-height:40px;color:#999;overflow:hidden;}
.article_details dl dt span a{line-height:40px;color:#444;}
.article_details dl dt span a:hover{text-decoration:underline;}
.article_details dl dt span.pre{float:left; font-size:14px;}
.article_details dl dt span.next{float:right;text-align:right;font-size:14px;}
.article_details dl dd{width:100%;}
.article_details dl dd.tit{font:bold 16px/69px "宋体";color:#333;text-align:center;height:69px;border-bottom:1px solid #ddd;}
.article_details dl dd.time{line-height:30px;color:#999;text-align:center;padding-bottom:13px; height:30px;}
.article_details dl dd.txt{text-align:justify; padding-bottom:25px;}
.article_details dl dd.txt p{line-height:25px;color:#666;font-size:12px;margin-bottom:15px;}
.article_details dl dd.return{ width:100%; text-align: ccenter ; line-height:26px;border-bottom:1px solid #ddd; padding-bottom:20px; }
.article_details dl dd.return a{width:116px; height:26px; margin:0 auto;background:url(../images/return.jpg) center center no-repeat; color:#fff; display:block; text-align:center;}
.article_details dl dt{width:100%;height:40px; border-top:5px #e2e2e2 solid}
.article_details dl dt span{width:49%;height:40px;line-height:40px;color:#999;overflow:hidden;}
.article_details dl dt span a{line-height:40px;color:#444;}
.article_details dl dt span a:hover{text-decoration:underline;}
.article_details dl dt span .pre{float:left; font-size:14px; height:30px;}
.article_details dl dt span .next{float:left;text-align:right;font-size:14px;height:30px; margin-left:50px;}



.contentext { width:920px; float:right; text-align:left; line-height:22px; color:#666; margin:20px auto;}


/*内页结束*/


/*新闻*/
.newsBox{border-top:1px solid #ececec; width:99%; }
.newsBox img { max-width:900px; height:auto;}
.newsBoxList{width:100%;padding-right:50px;border-right:1px solid #ececec;}
.newsBoxList li{padding:30px 0;height:120px;border-bottom:1px dashed #d2d2d2;overflow:hidden;}
.newsBoxList li img{display:block;float:left;margin-right:15px;height:120px; width:180px;}
.newsBoxList li h3{font-size:22px;color:#333;line-height:30px; font-weight:400;}
.newsBoxList li h4{color:#22604b;font-size:12px;font-family:arial;padding-top:5px;}
.newsBoxList li h3 a { color:#333;}
.newsBoxList li p{line-height:20px;padding-top:4px;color:#888;font-size:13px;}
.newsBoxList li h3 a:hover,.newsBoxList li p a, {color:#22604b;}

.newclass { width:1200px; text-align:center; margin:0px auto; line-height:40px; height:40px; font-size:14px; }
.newclass a { margin:0px 10px;}
.pptop { height:30px;}
/**/
.hrTitle{height:68px;text-align:center;padding-top:55px;}
.pageSidebar{text-align:center;margin-top:25px;overflow:hidden;}
.pageSidebar a{display:inline-block;width:95px;height:26px;line-height:26px;font-size:14px;color:#333;}
.pageSidebar a:hover,.pageSidebar a.active{background:#8f0683;color:#fff;}
.pageSidebar p{clear:both;font-family:"宋体";padding-top:10px;}

.book_add {margin:20px auto;padding:0;list-style:none; width:600px;}
.book_add ul li input {vertical-align:middle;border:1px solid #ccc;font-size:14px;background:#fff; height:25px; line-height:25px; padding:0px 5px;}
.book_add  li textarea {vertical-align:top;border:1px solid #ccc;overflow:hidden;}
.book_add li { margin:10px;clear:both;font-size:14px;}
.book_add li span{display:block;float:left;width:73px;line-height:18px;}
.book_add #showmsg{position:absolute;color:#f30;margin:-18px 0 0 130px;*margin:8px 0 0 20px;}

.input {vertical-align:middle;border:1px solid #ccc;width:120px;font-size:14px;background:#fff; padding:0px 5px;}
.vv { height:20px; background:#0469b7; color:#fff;padding:0px 3px}
.inp{vertical-align:middle;border:1px solid #ccc;font-size:14px;background:#fff; padding:0px 5px;}
.twt { border:1px #e2e2e2 solid}
