﻿@charset "utf-8";

/* CSS Document */

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {

	margin: 0px;

}

input, button, ul, ol {

	margin: 0px;

	padding: 0px;

}

body, input, button, form {

	font-size: 14px;

	line-height: 28px;

	font-family: "Arial";

	color: #333333;

}

h1, h2, h3, h4, h5, h6, font {

	font-size: 14px;

	font-weight: normal;

}

ul, ol, li {

	list-style: none;

}

input {

	background: none;

	border: 0 none;

}

img, iframe {

	border: 0px;

}

em, i {

	font-style: normal;

}

button, input, select, textarea {

	font-size: 100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.red {

	color: #ba292e;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.tac {

	text-align: center;

}

.tar {

	text-align: right;

}

.poa {

	position: absolute;

}

.por {

	position: relative;

}

.hidden {

	display: none;

}

.w1200 {

	width: 1220px;

	margin: 0 auto;

}

.ico {

	background: url(../images/ico.png) no-repeat;

	display: inline-block;

	vertical-align: middle;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	color: #67b306;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

.ease, .ease * {

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.noease, .noease * {

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}

:-moz-placeholder {

color: #aaa;

}

::-moz-placeholder {

color: #aaa;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

color: #aaa;

}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

color: #aaa;

}

input:-webkit-autofill {

-webkit-box-shadow: 0 0 0px 1000px white inset;

}

input:-webkit-autofill:focus {

-webkit-box-shadow: 0 0 0px 1000px white inset !important;

}

/*清除浮动*/

.clearfix {

*zoom: 1;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

/*top_main*/

.top_main {

	width: 100%;

	height: 40px;

	line-height: 40px;

	position: relative;

	background-color: #f5f5f5;

	color: #999999;

}

.top_main li {

	display: inline-block;

*display: inline;

	zoom: 1;

	text-align: center;

	margin: 0 8px;

}

.top_main li a {

	color: #999999;

	cursor: pointer;

	font-size: 12px;

}

.top_main li a:hover {

	color: #67b306;

}

.top_main .split {

	display: inline-block;

*display: inline;

*zoom: 1;

	width: 1px;

	height: 10px;

	background: #999999;

	vertical-align: middle;

	margin: 0;

}

.header_main {

	width: 100%;

	height: 110px;

	padding-top: 20px;

	background: #fff;

}

.header_main .logo {

	/*margin-right: 80px;*/

	display: block;

}

.header_main .logo img {

	display: block;

}

.header_main .tel {

	width: 300px;

	line-height: 44px;

	margin-top: 15px;



	font-size: 32px;

	color: #67b306;

	float:right;

}
.header_main strong {
	
	font-family: impact;
}

.header_main .tel span {

	color: #999999;

	font-size: 14px;

	line-height: 16px;

	display: block;
	font-weight: normal;

}

.header_main .tel strong {

	font-weight: normal;

	display: block;

	white-space: nowrap;

	font-size: 35px;

	color: #67b306;

}

.header_main .tel s {

	width: 85px;

	height: 65px;

	float: left;

	background-position: 0 3px;

	margin-right: 12px;

}

/*nav_main*/

.nav_main {

	height: 45px;

	line-height: 45px;

	background: #313131;

	position: relative;

	z-index: 111;/*subNav*/

}

.nav_main li {

	width: 152px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	display: block;

	z-index: 11;

	float: left;

	position: relative;

	background: url(../images/nav_split.png) no-repeat left center;

}

.nav_main li:first-child {

	background: none;

}

.nav_main li .nav1 {

	display: block;

	font-size: 16px;

	color: #fff;

}

.nav_main li .nav1:hover, .nav_main li.hover .nav1 {

	background: #67b306;

}

.hover{background: #67b306;}

.nav_main .subNav {

	background: #313131;

	height: 45px;

	line-height: 45px;

	position: absolute;

	z-index: 11;

	left: 0px;

	top: 45px;

}

.nav_main .subNav {

	position: absolute;

	left: 0px;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

	z-index: 199;

	opacity: 0;

	visibility: hidden;

	height: auto;

	overflow: hidden;

	width: 100%;

	transition: all .6s ease 0s;

	transform: translate3d(0, 10px, 0);

	-moz-transform: translate3d(0, 10px, 0);

	-webkit-transform: translate3d(0, 10px, 0);

}

.nav_main li:hover .subNav {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

}

.nav_main .subNav a {

	color: #fff;

	line-height: 45px;

	height: 45px;

	font-size: 14px;

	display: block;

	border-bottom: 1px solid rgba(170,170,170,.2);

}

.nav_main .subNav a:hover {

	background: #67b306;

}

/* banner*/

.banner {

	width: 100%;

	min-width: 1000px;

	z-index: 20;

	position: relative;

}

.banner .list, .banner li, .banner img {

	height: 600px;

}

.banner li {

	width: 100%;

	position: absolute;

	z-index: 1;

	overflow: hidden;

	background: #fff;

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}

.banner li img {

	width: 1920px;

	display: block;

	position: relative;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

.banner li a {

	display: block;

	width: 100%;

}

.banner .tip {

	width: 100%;

	height: 6px;

	text-align: center;

	position: absolute;

	left: 0;

	bottom: 24px;

	z-index: 10;

}

.banner .tip span {

	width: 6px;

	height: 6px;

	margin: 0 9px;

	border: 2px solid #67b306;

	display: inline-block;

	cursor: pointer;

	vertical-align: top;

	border-radius: 100%;

}

.banner .tip span.cur {

	background: #67b306;

}

.banner .prev, .banner .next {

	width: 50px;

	height: 70px;

	position: absolute;

	z-index: 12;

	top: 50%;

	margin-top: -40px;

	cursor: pointer;

	transition: none;

	background: url(../images/banner-btn.png) no-repeat 0 center;

}

.banner .prev {

	left: 3%;

	background-position: 8px center;

}

.banner .next {

	right: 3%;

	background-position: -59px 0;

}

.search_main {

	width: 100%;

	height: 65px;

	line-height: 65px;

	background: #fff;

}

.search_main .skey a {

	margin-right: 20px;

	color: #666666;

}

.search_main .skey a:hover {

	color: #67b306;

}

.search_main .skey span {

	color: #67b306;

	font-weight: bold;

}

/*footer*/

.footer_main {

	width: 100%;

	padding: 20px 0;

	background: #86b350;

	color: #fff;

	line-height: 32px;

}

.footer_main .tit {

	font-size: 16px;

	margin-bottom: 10px;

}

.footer_main .bnav {

	float: left;

	overflow: hidden;

}

.footer_main .bnav .list {

	float: left;

}

.footer_main .bnav .item {

	width: 110px;

	float: left;

}

.footer_main .bnav .item .tit a {

	font-size: 14px;

}

.footer_main .bnav .item .tit2 {

	margin-top: 16px;

}

.footer_main .bnav .item a {

	display: block;

	color: #fff;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	font-size: 12px;

}

.footer_main .bnav .item a:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.footer_main .ilinks {

	padding-bottom: 20px;

	margin-bottom: 20px;

	font-size: 16px;

	border-bottom: 1px solid #97c660;

}

.footer_main .ilinks span {

	color: #f9f9f9;

	display: inline-block;

}

.footer_main .ilinks a {

	display: inline-block;

	color: #f9f9f9;

	padding-left: 10px;

}

.footer_main .ilinks a:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.footer_main .bcontact {

	width: 275px;

	float: left;

}

.footer_main .bcontact .txt {

	font-size: 12px;

	padding-bottom: 20px;

}

.footer_main .bcontact a {

	width: 168px;

	height: 28px;

	line-height: 28px;

	display: block;

	text-align: center;

	border: 1px solid #fff;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	color: #fff;

}

.footer_main .bcontact a:hover {

	background: #fff;

	color: #67b306;

}

.footer_main .ewmlist {

	float: right;

	font-size: 12px;

}

.footer_main .ewmlist li {

	width: 170px;

	float: left;

	text-align: center;

	color: #fff;

}

.footer_main .ewmlist li img {

	width: 110px;

	height: 110px;

	padding: 5px;

	background: #fff;

	display: block;

	margin: 0 auto 7px;

}

.footer_main .ewmlist li:first-child {

	margin-left: 0;

}

/*copyright*/

.copyright {

	width: 100%;

	height: 42px;

	line-height: 42px;

	color: #fff;

	background: #638c3f;

}

.copyright a {

	color: #fff;

}

.copyright a:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.gridlist {

	width: 100%;

}

.gridlist .item {

	width: 280px;

	float: left;

	position: relative;

	overflow: hidden;

	margin: 0px 26px 15px 0;



}

.gridlist .item img {

	width: 278px;

	height: 208px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

		border:1px #ddd solid;

}

.gridlist .item .bg {

	width: 280px;

	height: 210px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	background: url(../images/black70.png) repeat 0 0;

	position: absolute;

	left: -100%;

	top: 0;

}

.gridlist .item .plus {

	width: 280px;

	height: 210px;

	display: block;

	transition: all ease .4s;

	background: url(../images/ipro_hover.png) no-repeat center center;

	position: absolute;

	left: -100%;

	top: 0;

}

.gridlist .item h3 {

	color: #000;

	line-height: 28px;

	text-align: center;

	padding-top: 8px;

	height: 28px;

	overflow: hidden;

}

.gridlist .item:hover .bg {

	left: 0;

}

.gridlist .item:hover .plus {

	left: 0;

}

.gridlist .item:hover img {

	-webkit-filter: brightness(110%);

	filters: brightness(110%);

}

.gridlist .item:hover h3 {

	color: #67b306;

}

@media (max-width: 1260px) {

.gridlist {

	width: 745px;

}

.gridlist .last-w1260 {

	display: none;

}

}

/*******index css*******/

.iservice {

	width: 100%;

	padding: 60px 0;

	height: 120px;

	background: #f9f9f9;

}

.iservice .item {

	height: 120px;

	float: left;

	width: 406px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.iservice .item a {

	width: 100%;

	display: block;

}

.iservice .item img {

	width: 120px;

	height: 120px;

	display: block;

	float: left;

	margin-right: 15px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

}

.iservice .item h3 {

	color: #67b306;

	font-size: 24px;

	padding: 28px 0 8px;

	color: #67b308;

	font-weight: bold;

}

.iservice .item span {

	display: block;

	color: #999999;

	font-size: 16px;

}

.iservice .item:hover {

	margin-top: -5px;

}

.icase {

	padding-bottom: 45px;

}

.icase .title {

	padding: 45px 0 45px;

	text-align: center;

	font-weight: bold;

	color: #000;

	font-size: 36px;

}

.icase .title span {

	color: #67b306;

}

.icase .tab {

	text-align: center;

	padding-bottom: 50px;

}

.icase .tab a {

	padding: 0 16px;

	height: 40px;

	line-height: 40px;

	background: #333333;

	font-size: 18px;

	display: inline-block;

	margin: 0 20px;

	color: #fff;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.icase .tab a:hover {

	background: #67b306;

}

.icase .icaseCon {

	width: 100%;

	overflow: hidden;

}

.icase .icaseCon .gridlist {

	width: 110%;

}

.icase .icaseCon .gridlist .item .plus {

	height: 82%;

	background-image: url(../images/ipro_case_hover.png);

}

.icase .icaseCon .gridlist .item h3 {

	width: 100%;

	position: absolute;

	left: -100%;

	bottom: 55px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	font-size: 16px;

	color: #fff;

	text-align: center;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	transition: all ease .4s;

}

.icase .icaseCon .gridlist .item:hover h3 {

	left: 0;

}

.ixbanner {

	width: 100%;

	height: 180px;

	position: relative;

	overflow: hidden;

	background: url(../images/ixbanner.jpg) no-repeat center top;

}

.ixbanner .tel {

	float: right;

	width: 220px;

	line-height: 16px;

	padding-top: 65px;

	color: #fff;

}

.ixbanner .tel span {

	font-size: 14px;

	display: block;

}

.ixbanner .tel strong {

	font-size: 27px;

	line-height: 28px;

}

.ixbanner .btn {

	float: right;

	width: 140px;

	height: 36px;

	line-height: 36px;

	border: 2px solid #fff;

	margin: 67px 20px 0 0;

	text-align: center;

	color: #67b306;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	background: #fff;

}

.ixbanner .btn:hover {

	background: none;

	color: #fff;

}

.iproduct {

	width: 100%;

	padding: 74px 0;

	background: #f5f5f5;

}

.iproduct .iproList {

	width: 892px;

	float: right;

	overflow: hidden;

}

.iproduct .iproList .gridlist {

	width: 120%;

}

.iproduct .iproList .title {

	width: 100%;

	background: url(../images/ipro-titbg.png) no-repeat 98px center;

}

.iproduct .iproList .title h3 {

	color: #000;

	font-size: 18px;

	font-weight: bold;

}

.iproduct .iproList .title a {

	color: #67b308;

}

.iproduct .iproList .title a:hover {

	text-decoration: underline;

}

.iproduct .iproNav {

	width: 278px;

	height: 695px;

	float: left;

	position: relative;

	padding-top: 90px;

	background: #fff;

	border: 1px solid #dcdcdc;

	border-bottom: 4px solid #67b306;

}

.iproduct .iproNav .title {

	width: 100%;

	height: 80px;

	line-height: 80px;

	position: absolute;

	left: 0;

	top: 0;

	text-align: center;

	background: #67b306;

	color: #fff;

	font-size: 30px;

	font-weight: bold;

}

.iproduct .iproNav .item {

	margin: 0 5%;

	padding: 12px 0;

}

.iproduct .iproNav .item a {

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.iproduct .iproNav .item h3 {

	font-size: 18px;

	font-weight: bold;

	color: #67b306;

}

.iproduct .iproNav .item h3 a {

	color: #67b306;

	padding-left: 15px;

}

.iproduct .iproNav .item h3 s {

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	border-style: dashed dashed dashed solid;

	border-color: transparent transparent transparent #67b306;

	border-width: 4px;

	width: 0;

	height: 0;

	overflow: hidden;

}

.iproduct .iproNav .item .list {

	border-bottom: 1px dashed #eeeeee;

	padding: 10px 0;

	display: none;

}

.iproduct .iproNav .item .list li {

	line-height: 35px;

}

.iproduct .iproNav .item .list li a {

	padding-left: 33px;

}

.iproduct .iproNav .item.a3 .list {

	border-bottom: 0px;

}

.iproduct .iproNav .item:hover h3 {

	color: #313131;

}

.iproduct .iproNav .item.hover .list {

	display: block;

}

.iproduct .iproNav .proContact {

	position: absolute;

	top: 300px;

	padding: 25px  15px;

	border-top: 1px dashed #eeeeee;

}

.iproduct .iproNav .proContact .tit {

	font-size: 24px;

	color: #67b306;

	font-weight: bold;

	margin-bottom: 12px;

}

.iproduct .iproNav .proContact .tit2 {

	font-weight: bold;

	color: #333333;

}

.iproduct .iproNav .proContact .txt {

	line-height: 24px;

	color: #333333;

	font-size: 14px;

	padding: 5px 0 15px;

}

.iservice2 {

	text-align: center;

	height: 430px;

	padding: 40px 0 70px;

	background: #fff;

	background: url(../images/iservice2bg.jpg) no-repeat center top;

}

.iservice2 .title {

	font-weight: bold;

	font-size: 36px;

	line-height: 36px;

	display: block;

	margin-bottom: 25px;

	color: #000000;

}

.iservice2 .title span {

	color: #67b306;

}

.iservice2 .title:hover {

	color: #67b306;

}

.iservice2 img {

	width: 1200px;

	display: block;

	margin: 0 auto;

}

.iservice2 .btn {

	width: 208px;

	height: 55px;

	line-height: 55px;

	padding: 0;

	margin: 0 auto;

	font-size: 24px;

	display: block;

	color: #fff;

	text-align: center;

	background: #67b306;

}

.iservice2 .btn:hover {

	background: #333;

}

.iabout {

	padding: 60px 0 70px;

	background: #f5f5f5;

	margin-bottom: 50px;

}

.iabout .img {

	width: 400px;

	height: 300px;

	overflow: hidden;

	display: block;

	float: left;

	margin-right: 55px;

}

.iabout .img img {

	width: 100%;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.iabout .img:hover img {

	transform: scale(1.03);

}

.iabout .txtcon {

	width: 740px;

	float: right;

}

.iabout .txtcon .title h3 {

	font-size: 24px;

	line-height: 24px;

	font-weight: bold;

	margin-bottom: 22px;

}

.iabout .txtcon .title .line {

	width: 46px;

	height: 2px;

	display: block;

	background: #666666;

}

.iabout .txtcon .txt {

	margin: 30px 0 30px;

	line-height: 30px;

	overflow: hidden;

	color: #666666;

}

.iabout .txtcon .btn {

	width: 130px;

	line-height: 36px;

	height: 24px;

	padding-top: 12px;

	display: block;

	text-align: center;

	background: #67b306;

}

.iabout .txtcon .btn s {

	width: 25px;

	height: 14px;

	display: inline-block;

	vertical-align: top;

	background-position: -113px -36px;

}

.iabout .txtcon .btn:hover {

	width: 140px;

}

.inews {

	padding-bottom: 60px;

}

.inews .title {

	width: 100%;

	height: 22px;

	line-height: 22px;

	margin-bottom: 28px;

}

.inews .title h3 {

	font-size: 22px;

	font-weight: bold;

	color: #67b306;

}

.inews .title h3 s {

	width: 4px;

	height: 22px;

	display: inline-block;

	vertical-align: top;

	margin-right: 10px;

	background: #67b306;

}

.inews .title a {

	color: #67b308;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.inews .title a:hover {

	text-decoration: underline;

}

.inews .newslist {

	line-height: 55px;

}

.inews .newslist li {

	width: 100%;

	height: 55px;

	line-height: 55px;

	overflow: hidden;

	border-bottom: 1px dashed #d4d4d4;

}

.inews .newslist li a {

	width: 100%;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.inews .newslist li .time {

	color: #999999;

	float: right;

	font-weight: normal;

}

.inews1 {

	width: 580px;

	float: left;

}

.inews .item {

	width: 100%;

	display: block;

	padding-bottom: 20px;

	border-bottom: 1px dashed #d4d4d4;

}

.inews .item img {

	width: 100px;

	height: 75px;

	float: left;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	margin-right: 20px;

}

.inews .item h3 {

	color: #333;

	line-height: 24px;

	height: 24px;

	overflow: hidden;

	margin-bottom: 10px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.inews .item .txt {

	line-height: 20px;

	height: 40px;

	overflow: hidden;

	color: #999999;

}

.inews .item:hover img {

	-webkit-filter: brightness(110%);

	filters: brightness(110%);

}

.inews .item:hover h3 {

	color: #67b306;

}

.inews2 {

	width: 575px;

	float: right;

}

/***********category css*************/

.nybanner {

	width: 100%;

	height: 300px;

	overflow: hidden;

	position: relative;

}

.nybanner img {

	width: 1920px;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

.sitepath {

	width: 100%;

	height: 48px;

	line-height: 48px;

	overflow: hidden;

	font-size: 14px;

	color: #88848b;

	border-bottom: 1px solid #f1f1f1;

	margin-bottom: 28px;

}

.sitepath s {

	width: 14px;

	height: 14px;

	margin-right: 16px;

	background-position: -160px 0;

}

.sitepath a {

	color: #88848b;

}

.sitepath a:hover {

	color: #67b306;

}

.wrapper .leftCon {

	width: 240px;

	float: left;

	position: relative;

	margin-top: 25px;

}

.wrapper .content {

	width: 930px;

	float: right;

	padding-bottom: 20px;

	margin-top: 25px;

}

.leftMenu {

	position: relative;

	width: 100%;

	background: #67b306;

	color: #fff;

}

.leftMenu .title {

	width: 184px;

	/*height: 160px;
*/
	padding: 0 28px;

	background: #528e06;

	color: #fff;

	text-align: center;

}

.leftMenu .title h3 {

	font-size: 36px;

	line-height: 36px;

	font-weight: bold;

	padding: 30px 0 27px;

	/*border-bottom: 1px solid #a9c783;*/

}

.leftMenu .title span {

	display: block;

	padding-top: 12px;

	text-transform: uppercase;

	font-size: 18px;

}

.leftMenu .list {

	padding: 24px;

}

.leftMenu .list li {

	width: 100%;

	line-height: 50px;

	margin-bottom: 5px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	font-size: 18px;

}

.leftMenu .list li .sub1 {

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	color: #fff;

}

.leftMenu .list li .box {

	padding: 5px 0 0 15px;

	display: none;

}

.leftMenu .list li .box a {

	color: #fff;

	font-size: 15px;

	display: block;

	line-height: 30px;

	padding: 0;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	opacity: 0.75;

	filter: alpha(opacity=75);

}

.leftMenu .list li .box a.hover, .leftMenu .list li .box a:hover {

	opacity: 1;

	filter: alpha(opacity=100);

}

.leftMenu .list li:hover .sub1, .leftMenu .list li.hover .sub1 {

	padding-left: 15px;

	background: #528e06;

}

.leftMenu .list li:hover .box, .leftMenu .list li.hover .box {

	display: block;

}

.leftRecomm {

	padding: 25px 0 0;

}

.leftRecomm .title {

	padding-bottom: 15px;

	border-bottom: 1px solid #f5f5f5;

	color: #67b306;

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 16px;

}

.leftRecomm .title a {

	color: #67b306;

}

.leftRecomm .item {

	width: 110px;

	float: left;

	overflow: hidden;

	text-align: center;

	margin-right: 20px;

}

.leftRecomm .item a {

	width: 100%;

	display: block;

}

.leftRecomm .item img {

	width: 110px;

	height: 82px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	border-radius: 3px;

	display: block;

}

.leftRecomm .item h3 {

	width: 100%;

	text-align: center;

	font-size: 12px;

	line-height: 40px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.leftRecomm .item:hover img {

	-webkit-filter: brightness(110%);

	filters: brightness(110%);

}

.leftRecomm .newslist li {

	line-height: 34px;

	height: 34px;

	overflow: hidden;

}

.leftRecomm .newslist li a {

	display: block;

	width: 100%;

	text-align: left;

}

.newsPage .item {

	display: block;

	float: left;

	width: 890px;

	padding: 20px 20px;

	background: #f7f7f7;

	margin-bottom: 28px;

}

.newsPage .item h3 {

	height: 36px;

	line-height: 36px;

	overflow: hidden;

	font-size: 18px;

	color: #000;

	margin-bottom: 5px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.newsPage .item h3 font {

	font-size: 18px;

}

.newsPage .item img {

	width: 150px;

	height: 112px;

	float: left;

	margin-right: 24px;

	display: block;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.newsPage .item .txt {

	font-size: 14px;

	color: #999999;

	line-height: 24px;

	overflow: hidden;

}

.newsPage .item:hover {

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

}

.newsPage .item:hover h3 {

	color: #67b306;

}

.newsPage .item:hover img {

	-webkit-filter: brightness(110%);

	filters: brightness(110%);

}

.casePage {

	overflow: hidden;

}

.casePage .gridlist {

	width: 100%;

}

.casePage .gridlist .item {

	margin-bottom: 10px;

	margin-right: 42px;

}

.casePage .gridlist .item h3 {

	font-size: 18px;

	margin-bottom: 5px;

}

.casePage .gridlist .item h4 {

	line-height: 18px;

	height: 36px;

	padding: 0 35px;

	overflow: hidden;

	text-align: center;

	color: #999999;

}

/* reLink*/

.reLink {

	width: 100%;

	margin: 20px 0 10px;

	line-height: 60px;

	border-top: 1px solid #dddddd;

	

}



.reLink .nextLink, .reLink .prevLink {

		line-height: 40px;

	color: #333333;

}

.reLink a:hover {

	color: #67b306;

}

/*showpage*/

.showPage {

	background: #fff;

}

.showPage .title {

	color: #333333;

	margin-bottom: 5px;

	font-size: 24px;

	text-align: center;

}

.showPage .title .more {

	font-size: 14px;

}

.showPage .mark {

	width: 100%;

	padding: 5px 0 10px;

	text-align: center;

	margin-bottom: 20px;

	border-bottom: 1px solid #eee;

}

.showPage .mark span {

	margin-right: 18px;

	font-size: 12px;

	color: #666666;

}

.showPage .showContxt {

	color: #333333;

	line-height: 28px;

	padding: 5px 0 30px;

}

.showPage .showContxt img {

	max-width: 100%;

}

.showPage .shareNew {

	padding-bottom: 0;

}

.showPage .gridlist {

	padding-top: 10px;

}

.showPage .gridlist .item {

	width: 350px;

	height: 323px;

}

.showPage .gridlist .item img {

	width: 350px;

	height: 263px;

}

.showPage .gridlist .item h3 {

	height: 60px;

	line-height: 60px;

}

.showPage .img-quotes {

	padding-top: 30px;

	margin-bottom: 40px;

}

.showPage .imgcon {

	width: 423px;

	height: 468px;

	padding-left: 295px;

	margin-left: 30px;

	position: relative;

	border: 1px solid #dddddd;

}

.showPage .imgcon .img {

	position: absolute;

	left: -30px;

	top: -30px;

	width: 276px;

	height: 368px;

	display: block;

	z-index: 10;

}

.showPage .imgcon h4 {

	padding-top: 45px;

	font-size: 16px;

}

.showPage .imgcon h3 {

	font-size: 26px;

	margin-bottom: 40px;

}

.showPage .imgcon .txt {

	margin-top: 40px;

	line-height: 30px;

}

.aboutPage .about_txt {

	background: #fff;

	padding: 40px 50px;

	margin-bottom: 30px;

}

.aboutPage .img {

	margin-bottom: 30px;

	width: 100%;

	display: block;

}

.aboutPage .txtcon {

	color: #666666;

}

.aboutPage .txtcon img {

	max-width: 100%;

}

/* rightFix*/

/*分页样式*/

.pglist {

	padding: 10px 0 10px;

	width: 100%;

	text-align: center;

}

.pglist a {

	color: #666;

	padding: 0 14px;

	margin: 0 3px;

font-/weight: bold;

	background: #fff;

	border: 1px solid #ddd;

	-webkit-border-radius: 2px;

	border-radius: 2px;

}

.pglist * {

	display: inline-block;

	_zoom: 1;

	_display: inline;

	vertical-align: middle;

	line-height: 30px;

	padding-bottom: 1px;

}

.pglist a:hover, .pglist .page-num-current {

	display: inline-block;

	color: #fff;

	background: #86b350;

	border-color: #86b350;

}





